@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);
@import url(remixicon.min.css);

/*============= change value ================*/
.purple-icon{
    font-size: 24px;
}
.light-blue{
    font-size: 24px;
}
svg.purple-icon path {
    color: #6222f6 !important;
    fill: #6222f6 !important;
  }

svg.light-blue path {
    color: #0cc2ff !important;
    fill: #0cc2ff !important;
  }
/*=============================*/

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

.safe-svg-cover {
    text-align: center
}

.safe-svg-cover .safe-svg-inside {
    display: inline-block;
    max-width: 100%
}

.safe-svg-cover svg {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

/* common */
.small-title{
    font-size: 1.5rem !important;
}
.margin-top-content{
    margin-top: 10rem !important;
}
.margin-top-content5{
    margin-top: 5rem !important;
}
.margin-top-content-7{
    margin-top: -7rem !important;
}
.img-width40{
    width: 40rem !important;
}
.text-width120{
    width: 120rem !important;
}

.text-width-half{
    width: 50rem !important;
}

.full-width{
    width: 100% !important;
}

section.top0{
    margin-top: 0 !important;
}

section.bottom0{
    margin-bottom: 0 !important;
}

section.padding-top0{
    padding-top: 0 !important;
}
.marign-low-bottom-up{
    margin-top: -42px;
    margin-bottom: 25px;
}

.marign-low-bottom-up30{
    margin-top: -30px;
    margin-bottom: 30px;
}

.marign-low-bottom-25{
    margin-bottom: 25px;
}


.not-min-height{
    min-height: unset !important;
    top: 25vh;
    margin-bottom: 16vh;
}
.height-unset{
    height:unset !important;
}

/* common end */
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex> :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid> :is(*, div) {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}




/*=============================*/
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,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: none;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

body {
    margin: 0
}

ul {
    list-style-type: none
}

a {
    background: transparent;
    text-decoration: none
}

button,
input {
    line-height: normal
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

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

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

input:not(.not-focus):focus,
textarea:not(.not-focus):focus {
    outline: 0;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: Infynyte;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/InfynyteDysplay-yKYm.otf) format("opentype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/RaleGrotesk-Black.otf) format("opentype"), url(../fonts/RaleGroteskBase-Black.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/RaleGrotesk-BlackItalic.otf) format("opentype"), url(../fonts/RaleGroteskBase-Black.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/RaleGrotesk-Bold.otf) format("opentype"), url(../fonts/RaleGroteskBase-Bold.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/RaleGrotesk-BoldItalic.otf) format("opentype"), url(../fonts/RaleGroteskBase-Bold.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/RaleGrotesk-Heavy.otf) format("opentype"), url(../fonts/RaleGroteskBase-Heavy.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/RaleGrotesk-HeavyItalic.otf) format("opentype"), url(../fonts/RaleGroteskBase-Heavy.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/RaleGrotesk-Light.otf) format("opentype"), url(../fonts/RaleGroteskBase-Light.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/RaleGrotesk-LightItalic.otf) format("opentype"), url(../fonts/RaleGroteskBase-Light.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/RaleGrotesk-Medium.otf) format("opentype"), url(../fonts/RaleGroteskBase-Medium.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/RaleGrotesk-MediumItalic.otf) format("opentype"), url(../fonts/RaleGroteskBase-Medium.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/RaleGrotesk-Regular.otf) format("opentype"), url(../fonts/RaleGroteskBase-Regular.ttf) format("truetype")
}

@font-face {
    font-family: RaleGrotesk;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/RaleGrotesk-RegularItalic.otf) format("opentype"), url(../fonts/RaleGroteskBase-Regular.ttf) format("truetype")
}

@font-face {
    font-family: RaleGroteskBase;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/RaleGroteskBase-Regular.ttf) format("truetype")
}

@font-face {
    font-family: RaleGroteskBase;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/RaleGroteskBase-Regular.ttf) format("truetype")
}

@font-face {
    font-family: RaleGroteskBase;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/RaleGroteskBase-Medium.ttf) format("truetype")
}

@font-face {
    font-family: RaleGroteskBase;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/RaleGroteskBase-Medium.ttf) format("truetype")
}

@font-face {
    font-family: RaleGroteskBase;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/RaleGroteskBase-Black.ttf) format("truetype")
}

@font-face {
    font-family: RaleGroteskBase;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/RaleGroteskBase-Black.ttf) format("truetype")
}

@media(max-width:480px) {
    .overflow-hidden {
        overflow: hidden !important
    }
}

@media(min-width:480px) {
    .mobile-only {
        display: none !important
    }
}

@media(min-width:768px) {
    .tablet-only {
        display: none !important
    }
}

@media(max-width:480px) {
    .no-mobile {
        display: none !important
    }
}

@media(max-width:768px) {
    .no-tablet {
        display: none !important
    }
}

[data-modal-name] {
    background: rgba(0, 0, 0, .333);
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0
}

[data-modal-name].modal-active {
    display: block;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

[data-modal-name].modal-active.modal-view {
    opacity: 1
}

[data-swiper] {
    display: block;
    position: relative
}

[data-swiper] [data-swiper-paging-title] {
    display: none !important
}

[data-swiper] .swipe-wrapper-horizontal,
[data-swiper] .swipe-wrapper-horizontal-loop-pad,
[data-swiper] .swipe-wrapper-vertical,
[data-swiper] .swipe-wrapper-vertical-loop-pad {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

[data-swiper] .swipe-wrapper-horizontal .swipe-slides,
[data-swiper] .swipe-wrapper-horizontal-loop-pad .swipe-slides,
[data-swiper] .swipe-wrapper-vertical .swipe-slides,
[data-swiper] .swipe-wrapper-vertical-loop-pad .swipe-slides {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: flex-start
}

[data-swiper] .swipe-wrapper-horizontal .swipe-slides .swipe-item,
[data-swiper] .swipe-wrapper-horizontal-loop-pad .swipe-slides .swipe-item,
[data-swiper] .swipe-wrapper-vertical .swipe-slides .swipe-item,
[data-swiper] .swipe-wrapper-vertical-loop-pad .swipe-slides .swipe-item {
    cursor: default
}

[data-swiper] .swipe-wrapper-vertical,
[data-swiper] .swipe-wrapper-vertical-loop-pad {
    width: 100%
}

[data-swiper] .swipe-wrapper-vertical .swipe-slides,
[data-swiper] .swipe-wrapper-vertical-loop-pad .swipe-slides {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

[data-swiper] .swipe-wrapper-horizontal,
[data-swiper] .swipe-wrapper-horizontal-loop-pad {
    height: 100%
}

[data-swiper] .swipe-wrapper-horizontal .swipe-slides,
[data-swiper] .swipe-wrapper-horizontal-loop-pad .swipe-slides {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

[data-swiper] .swipe-wrapper-horizontal-loop-pad,
[data-swiper] .swipe-wrapper-vertical-loop-pad {
    position: absolute
}

[data-swiper] .swipe-wrapper-vertical-loop-pad {
    right: 0
}

[data-swiper] .swipe-wrapper-vertical-loop-pad.start {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

[data-swiper] .swipe-wrapper-vertical-loop-pad.end {
    top: 100%
}

[data-swiper] .swipe-wrapper-horizontal-loop-pad {
    bottom: 0
}

[data-swiper] .swipe-wrapper-horizontal-loop-pad.start {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

[data-swiper] .swipe-wrapper-horizontal-loop-pad.end {
    left: 100%
}

[data-dropdown] {
    position: relative
}

[data-dropdown] [data-dropdown-content] {
    left: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%
}

[data-dropdown][data-dropdown-acive] [data-dropdown-content] {
    max-height: var(--dropdown-h, unset);
    pointer-events: all
}

.data-dropdown-select {
    display: inline-block;
    position: relative
}

.data-dropdown-select select {
    display: none
}

.data-dropdown-select-title {
    position: relative
}

.data-dropdown-select-items {
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100vh;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%
}

.data-dropdown-select-items,
.data-dropdown-select-items-filter {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.data-dropdown-select-items-filter {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.data-dropdown-select-items-filter input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.data-dropdown-select-items-filter-out {
    display: none !important
}

.data-dropdown-select-items-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    overflow: auto
}

.data-dropdown-select-items-list>div,
.data-dropdown-select-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.data-dropdown-select.data-dropdown-select-open .data-dropdown-select-items>div {
    pointer-events: all
}

.form-success-checkbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--check-pad, .84em);
    justify-self: flex-start;
    position: relative
}

.form-success-checkbox>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.form-success-checkbox>.text {
    display: inline-block;
    font-size: 1em;
    line-height: 1.46em
}

.form-success-checkbox input[type=checkbox] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 !important;
    outline: none !important;
    padding: 0 !important
}

.form-success-checkbox input[type=checkbox]:before {
    background-image: var(--icon-unchecked);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 99% 99%;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: var(--check-size, 1.25em);
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    width: var(--check-size, 1.25em)
}

.form-success-checkbox input[type=checkbox].error:before {
    background-image: var(--icon-error)
}

.form-success-checkbox input[type=checkbox]:hover:before {
    background-image: var(--icon-hover)
}

.form-success-checkbox input[type=checkbox]:checked:before {
    background-image: var(--icon-checked)
}

[data-form-file] [data-form-file-items],
[data-form-file] input {
    display: none !important
}

[data-form-file].data-form-file-full [data-form-file-appdend] {
    pointer-events: none
}

.form-content {
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-content,
.form-content .form-row {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.form-content .form-row {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem
}

@media(min-width:480px) {
    .form-content .form-row>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1
    }
}

@media(max-width:480px) {
    .form-content .form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3rem
    }
}

.form-content .input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .form-content .input-group {
        gap: 3rem
    }
}

.form-content .input-group label {
    font-size: 1rem
}

@media(max-width:480px) {
    .form-content .input-group label {
        font-size: 1.5rem
    }
}

html {
    font-size: 1vw;
    overflow-x: hidden;
    scroll-behavior: smooth
}

@media(min-width:1920px) {
    html {
        font-size: 19.2px
    }

    html footer,
    html main {
        margin-left: auto;
        margin-right: auto;
        max-width: 100rem;
        width: 100rem
    }
}

html.lenis.lenis-scrolling {
    scroll-behavior: auto !important
}

html * {
    color: #fff;
    font-family: RaleGrotesk;
    font-weight: 400
}

.hidden-video {
    display: none !important;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden !important;
    z-index: -100000
}

body {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    background: var(--body-background, #010516);
    justify-content: space-between;
    min-height: 100vh
}

body,
main.fill {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

main.fill {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    flex-grow: 1;
    justify-content: center
}

.hidden {
    display: none !important
}

.margin-xl {
    margin-bottom: 5rem
}

@media(max-width:480px) {
    .margin-xl {
        margin-bottom: 10rem
    }
}

html.lenis {
    height: auto
}

a[data-disabled] {
    cursor: default;
    pointer-events: none
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

iframe {
    pointer-events: none
}

.pad {
    padding-left: 5rem;
    padding-right: 5rem
}

@media(min-width:1920px) {
    .pad-desctop {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media(max-width:1920px) {
    .pad-mobile {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

i.inline {
    --size: 1rem;
    background: var(--icon-bg, #fff);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: var(--size);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: var(--size)
}

.h1 {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    .h1 {
        font-size: 10rem;
        text-shadow: unset
    }
}

div.list-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    div.list-container {
        gap: 2.5rem
    }
}

div.list-container label.for-list {
    color: #fff;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25em
}

@media(max-width:480px) {
    div.list-container label.for-list {
        font-size: 3.75rem;
        line-height: 5rem;
        padding-left: 5rem
    }
}

ol,
ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    ol,
    ul {
        gap: 2.5rem
    }
}

ol>li,
ul>li {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25em;
    padding-left: 1.2em;
    position: relative
}

@media(max-width:480px) {

    ol>li,
    ul>li {
        font-size: 3.75rem;
        line-height: 5rem;
        padding-left: 5rem
    }
}

ul {
    list-style: none
}

ul>li:before {
    background: var(--bullet-color, #fff);
    content: "";
    display: inline-block;
    height: .75em;
    left: 0;
    -webkit-mask: url(../images/star.svg) no-repeat center;
    mask: url(../images/star.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: .2em;
    width: 1em
}

@media(max-width:480px) {
    ul>li:before {
        top: 1rem
    }
}

p.h1 {
    font-family: unset;
    text-transform: unset
}

ol {
    padding-left: 1.5em
}

ol>li {
    padding-left: .3em
}

section.anchor-target {
    height: 1px;
    pointer-events: none;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

@media(max-width:480px) {
    section.anchor-target {
        -webkit-transform: translateY(-10rem);
        transform: translateY(-10rem)
    }
}

[data-no-action] {
    pointer-events: none !important
}

.swipe-wrapper-horizontal {
    padding-bottom: .3rem
}

@media(max-width:480px) {
    .swipe-wrapper-horizontal {
        padding-bottom: 1rem
    }
}

.media-content-frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.media-content-frame>img,
.media-content-frame>video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    pointer-events: all;
    width: 100%
}

.media-content-frame>iframe {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    pointer-events: all;
    width: 100%
}

.img-frame {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.img-frame video {
    margin-top: 50px;
}
.img-frame canvas,
.img-frame img,
.img-frame video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.lavalamp {
    border: 1px solid #fff;
    border-radius: 20%;
    -webkit-filter: blur(var(--lava-blur, 6.5rem));
    filter: blur(var(--lava-blur, 6.5rem));
    height: 20rem;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 20rem
}

.lavalamp>div {
    bottom: 10%;
    left: 10%;
    opacity: .6;
    position: absolute;
    right: 10%;
    top: 10%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.lavalamp>div:first-child {
    -webkit-animation: flame-movement ease var(--lavalamp-time1, 70s) infinite, flame-shrink ease 40s infinite, flame-hue ease 30s infinite;
    animation: flame-movement ease var(--lavalamp-time1, 70s) infinite, flame-shrink ease 40s infinite, flame-hue ease 30s infinite;
    background: conic-gradient(from var(--lavalamp-angle1), var(--lava-color-fourth, #000), var(--lava-color-third, #6222f6) 80deg, var(--lava-color-second, #000) 214deg, var(--lava-color-first, #6222f6) 260deg, var(--lava-color-first, #6222f6))
}

.lavalamp>div:nth-child(2) {
    animation: flame-movement ease var(--lavalamp-time2, 40s) infinite reverse, flame-shrink ease 27s infinite alternate, flame-hue ease 50s infinite reverse;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    background: conic-gradient(from var(--lavalamp-angle2), var(--lava-color-fourth, #000), var(--lava-color-third, #6222f6) 60deg, var(--lava-color-second, #000) 190deg, var(--lava-color-first, #6222f6) 270deg, var(--lava-color-first, #6222f6))
}

@-webkit-keyframes flame-movement {
    0% {
        -webkit-transform: rotate(0deg) translateX(-20%) translateY(-20%);
        transform: rotate(0deg) translateX(-20%) translateY(-20%)
    }

    40% {
        -webkit-transform: rotate(170deg) translateX(20%) translateY(10%);
        transform: rotate(170deg) translateX(20%) translateY(10%)
    }

    70% {
        -webkit-transform: rotate(260deg) translateX(0) translateY(20%);
        transform: rotate(260deg) translateX(0) translateY(20%)
    }

    79% {
        -webkit-transform: rotate(260deg) translateX(-10%) translateY(0);
        transform: rotate(260deg) translateX(-10%) translateY(0)
    }

    to {
        -webkit-transform: rotate(1turn) translateX(-20%) translateY(-20%);
        transform: rotate(1turn) translateX(-20%) translateY(-20%)
    }
}

@keyframes flame-movement {
    0% {
        -webkit-transform: rotate(0deg) translateX(-20%) translateY(-20%);
        transform: rotate(0deg) translateX(-20%) translateY(-20%)
    }

    40% {
        -webkit-transform: rotate(170deg) translateX(20%) translateY(10%);
        transform: rotate(170deg) translateX(20%) translateY(10%)
    }

    70% {
        -webkit-transform: rotate(260deg) translateX(0) translateY(20%);
        transform: rotate(260deg) translateX(0) translateY(20%)
    }

    79% {
        -webkit-transform: rotate(260deg) translateX(-10%) translateY(0);
        transform: rotate(260deg) translateX(-10%) translateY(0)
    }

    to {
        -webkit-transform: rotate(1turn) translateX(-20%) translateY(-20%);
        transform: rotate(1turn) translateX(-20%) translateY(-20%)
    }
}

@-webkit-keyframes play {
    to {
        background-position: calc(var(--frame-size)*-1*(var(--total-frames) - 1)) 0
    }
}

@keyframes play {
    to {
        background-position: calc(var(--frame-size)*-1*(var(--total-frames) - 1)) 0
    }
}

.logo-animation {
    --frame-size: 150px;
    --total-frames: 18;
    --animation-duration: 0.6s;
    -webkit-animation: play var(--animation-duration) steps(calc(var(--total-frames) - 1)) infinite;
    animation: play var(--animation-duration) steps(calc(var(--total-frames) - 1)) infinite;
    background: url(../images/logo-sprite.webp) 0 0 no-repeat;
    background-size: calc(var(--frame-size)*var(--total-frames)) auto;
    height: calc(var(--frame-size));
    width: calc(var(--frame-size))
}

.note {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2rem;
    justify-content: flex-start;
    padding: 2rem
}

@media(max-width:480px) {
    .note {
        background: var(--Card-Surface, linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05));
        border-radius: 3.75rem;
        gap: 3rem;
        padding: 3rem
    }
}

.note:before {
    -ms-flex-negative: 0;
    background: url(../images/quote.svg) 50% no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 2.75rem;
    width: 2.75rem
}

@media(max-width:480px) {
    .note:before {
        height: 7.5rem;
        width: 7.5rem
    }
}

.note>div {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .note>div {
        gap: 7.5rem
    }
}

.note>div>.text {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    .note>div>.text {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

.data-dropdown-select-title,
input,
textarea,
select {
    background: #242836;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    padding: .44rem 1rem;
    resize: none;
    -webkit-transition: border .5s ease;
    transition: border .5s ease
}

@media(max-width:480px) {

    .data-dropdown-select-title,
    input,
    textarea {
        border-radius: 3.75rem;
        border-width: .2rem;
        font-size: 5rem;
        line-height: 7.5rem;
        padding: 2.19rem 5rem
    }
}

.data-dropdown-select-title::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8d8f96
}

.data-dropdown-select-title::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #8d8f96
}

.data-dropdown-select-title:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #8d8f96
}

.data-dropdown-select-title::-ms-input-placeholder,
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #8d8f96
}

.data-dropdown-select-title::placeholder,
input::placeholder,
textarea::placeholder {
    color: #8d8f96
}

.data-dropdown-select-title:-webkit-autofill,
.data-dropdown-select-title:-webkit-autofill:focus,
.data-dropdown-select-title:-webkit-autofill:hover,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: transparent;
    caret-color: #fff;
    -webkit-transition: background 5000s ease-in-out 0s;
    transition: background 5000s ease-in-out 0s
}

.data-dropdown-select-title:not(.not-focus):active,
.data-dropdown-select-title:not(.not-focus):hover,
input:not(.not-focus):active,
input:not(.not-focus):hover,
textarea:not(.not-focus):active,
textarea:not(.not-focus):hover {
    border-color: #fff
}

.data-dropdown-select-title.error,
input.error,
textarea.error {
    border-color: red
}

.data-dropdown-select .data-dropdown-select-title {
    min-height: 1.5rem
}

.data-dropdown-select .data-dropdown-select-title:before {
    border: .2rem solid #fff;
    border-bottom: none;
    border-left: none;
    content: "";
    height: .3rem;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: .3rem;
    z-index: 10
}

@media(max-width:480px) {
    .data-dropdown-select .data-dropdown-select-title:before {
        border-width: .4rem;
        height: 1.3rem;
        right: 4.5rem;
        width: 1.3rem
    }
}

.data-dropdown-select .data-dropdown-select-title:hover {
    border-color: #fff
}

.data-dropdown-select.data-dropdown-select-default-value .data-dropdown-select-title {
    color: #8d8f96
}

.data-dropdown-select .data-dropdown-select-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), #010516;
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    left: 0;
    opacity: 0;
    padding: .75rem;
    pointer-events: none;
    right: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    z-index: -100
}

@media(max-width:480px) {
    .data-dropdown-select .data-dropdown-select-items {
        border-radius: 3.75rem;
        gap: 1rem;
        padding: 3rem
    }
}

.data-dropdown-select .data-dropdown-select-items .data-dropdown-select-items-list {
    gap: .5rem
}

@media(max-width:480px) {
    .data-dropdown-select .data-dropdown-select-items .data-dropdown-select-items-list {
        gap: 1rem
    }
}

.data-dropdown-select .data-dropdown-select-items .data-dropdown-select-items-list>div {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: 2rem;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: .45rem 1rem
}

@media(max-width:480px) {
    .data-dropdown-select .data-dropdown-select-items .data-dropdown-select-items-list>div {
        border-radius: 12rem;
        font-size: 5rem;
        padding: 2.45rem 7rem
    }
}

.data-dropdown-select .data-dropdown-select-items .data-dropdown-select-items-list>div:hover {
    background: #fff;
    color: #010516
}

.data-dropdown-select .data-dropdown-select-items .data-dropdown-select-items-list>div.data-dropdown-select-selected {
    background: #25c8ff
}

.data-dropdown-select.data-dropdown-select-open .data-dropdown-select-items {
    opacity: 1;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    z-index: 1000
}

@media(max-width:480px) {
    .data-dropdown-select.data-dropdown-select-open .data-dropdown-select-items {
        -webkit-transform: translateY(1.5rem);
        transform: translateY(1.5rem)
    }
}

.data-dropdown-select.data-dropdown-select-open .data-dropdown-select-title:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

textarea::-webkit-scrollbar {
    border: none;
    display: block;
    width: .3rem
}

@media(max-width:480px) {
    textarea::-webkit-scrollbar {
        width: .5rem
    }
}

textarea::-webkit-scrollbar-thumb {
    background: #fff;
    border: 5px solid transparent;
    border-radius: 1rem
}

textarea::-webkit-scrollbar-track {
    background: transparent;
    border: 1rem solid transparent
}

textarea::-webkit-scrollbar-track-piece {
    background-color: transparent
}

textarea::-webkit-scrollbar-track-piece:end {
    margin-bottom: 1rem
}

@media(max-width:480px) {
    textarea::-webkit-scrollbar-track-piece:end {
        margin-bottom: 3rem
    }
}

textarea::-webkit-scrollbar-track-piece:start {
    margin-top: 1rem
}

@media(max-width:480px) {
    textarea::-webkit-scrollbar-track-piece:start {
        margin-top: 3rem
    }
}

.textarea-cover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: #242836;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding: .44rem .5rem .44rem 1rem
}

@media(max-width:480px) {
    .textarea-cover {
        border-radius: 3.75rem;
        border-width: .2rem;
        padding: 2.19rem 2rem 2.19rem 5rem
    }
}

.textarea-cover>textarea {
    border: none;
    border-radius: 0;
    padding: 0 1rem 0 0
}

@media(max-width:480px) {
    .textarea-cover>textarea {
        padding-right: 3rem
    }
}

.textarea-cover>textarea::-webkit-scrollbar-track-piece:end {
    margin-bottom: 0
}

.textarea-cover>textarea::-webkit-scrollbar-track-piece:start {
    margin-top: 0
}

.input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem
}

@media(max-width:480px) {
    .input-group {
        gap: 5rem
    }
}

.input-group label {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase
}

@media(max-width:480px) {
    .input-group label {
        font-size: 4.375rem !important;
        line-height: 5rem !important
    }
}

.input-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.25rem;
    justify-content: space-between
}

@media(max-width:480px) {
    .input-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem
    }
}

.input-row .input-group {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    flex-basis: 1%;
    flex-grow: 1
}

@media(max-width:480px) {
    .input-row .input-group {
        -ms-flex-negative: 0;
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        flex-grow: unset;
        flex-shrink: 0
    }
}

.form-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .form-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem
    }
}

.form-bottom .check {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width:480px) {
    .form-bottom .check {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset
    }
}

.form-bottom .check .text,
.form-bottom .check .text>p {
    color: #8d8f96;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media(max-width:480px) {

    .form-bottom .check .text,
    .form-bottom .check .text>p {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

.form-bottom .check .text a,
.form-bottom .check .text>p a {
    color: #8d8f96;
    text-decoration: underline
}

.form-bottom .btns {
    -ms-flex-negative: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-start
}

.form-success-checkbox {
    --icon-error: url(../images/err.svg);
    --icon-hover: url(../images/hover.svg);
    --icon-unchecked: url(../images/def.svg);
    --icon-checked: url(../images/active.svg)
}

@media(max-width:480px) {
    .form-success-checkbox {
        --check-pad: 3.5rem
    }
}

.files {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .files {
        gap: 5rem
    }
}

.files .file-title {
    --icon-size: 2rem;
    --icon: url(../images/clip.svg);
    --icon-color: #0cc2ff;
    cursor: pointer
}

@media(max-width:480px) {
    .files .file-title {
        --icon-size: 8.75rem
    }
}

.files .file-title .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .files .file-title .text {
        gap: 1.25rem
    }
}

.files .file-title .text>div {
    color: #fff;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    padding: .76rem 0
}

@media(max-width:480px) {
    .files .file-title .text>div {
        font-size: 4.375rem;
        gap: .25rem;
        line-height: 5rem
    }
}

.files .file-title .text>span {
    color: #8d8f96;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

@media(max-width:480px) {
    .files .file-title .text>span {
        font-size: 3.75rem
    }
}

.files .file-title:hover .text>div {
    text-decoration: underline
}

.files .file-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    justify-self: flex-start
}

@media(max-width:480px) {
    .files .file-items {
        gap: 1rem
    }
}

.files .file-items>* {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #1a1d2d;
    border-radius: 2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    gap: .75em;
    justify-content: flex-start;
    line-height: 1rem;
    padding: .63rem 1rem
}

@media(max-width:480px) {
    .files .file-items>* {
        border-radius: 10rem;
        font-size: 4.375rem;
        line-height: 5rem;
        padding: 3.13rem 5rem
    }
}

.files .file-items>* i {
    --icon: url(../images/cross_bold.svg);
    --icon-color: #fff;
    --icon-size: 1.5em;
    cursor: pointer
}

.files .file-items>.data-form-file-over-size {
    background: red
}

.form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-item-align: start;
    align-items: center;
    align-self: flex-start;
    background: #242836;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: 6.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 1rem;
    -webkit-transition: border .5s ease;
    transition: border .5s ease
}

@media(max-width:480px) {
    .form-group {
        -ms-flex-item-align: unset;
        align-self: unset
    }

    .form-group:has(.btn) {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .form-group:has(.btn) input {
        max-width: 62%
    }
}

.form-group input {
    background: none;
    border: none;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    outline: none;
    width: 19rem
}

@media(max-width:480px) {
    .form-group input {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 5rem;
        line-height: 7.5rem;
        width: unset
    }
}

.form-group input::-webkit-input-placeholder {
    color: #8d8f96
}

.form-group input::-moz-placeholder {
    color: #8d8f96
}

.form-group input:-ms-input-placeholder {
    color: #8d8f96
}

.form-group input::-ms-input-placeholder {
    color: #8d8f96
}

.form-group input::placeholder {
    color: #8d8f96
}

.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:focus,
.form-group input:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    background: transparent;
    caret-color: #fff;
    -webkit-transition: background 5000s ease-in-out 0s;
    transition: background 5000s ease-in-out 0s
}

.form-group .btn {
    border-width: .1rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: background .5s ease, border .5s ease;
    transition: background .5s ease, border .5s ease
}

.form-group:focus-within,
.form-group:hover {
    border-color: #fff
}

.form-group:focus-within .btn,
.form-group:hover .btn {
    background-color: #0cc2ff;
    border-color: #fff
}

.form-group:has(.error) {
    border-color: red
}

.form-content {
    gap: 1.25rem
}

@media(max-width:480px) {
    .form-content {
        gap: 7.5rem
    }
}

[data-slider] {
    overflow: hidden;
    position: relative
}

[data-slider] .slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: none;
    font-size: 3rem;
    font-weight: 700;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

[data-slider] .slide.active,
[data-slider] .slide.after,
[data-slider] .slide.before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

[data-slider] .slide.after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

[data-slider] .slide.before {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

[data-slider] .slide.active {
    -webkit-transform: translateX(0, 0);
    transform: translateX(0, 0)
}

.close-x {
    background-image: url(../images/close-menu.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 99% 99%;
    cursor: pointer;
    display: inline-block;
    height: 2.75rem;
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    width: 2.75rem;
    will-change: transform
}

@media(max-width:480px) {
    .close-x {
        height: 10rem;
        width: 10rem
    }
}

.close-x:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.close-x.v2 {
    background: hsla(0, 0%, 100%, .106) !important;
    background-position: unset;
    background-repeat: unset;
    background-size: unset;
    border-radius: 50% !important;
    -webkit-filter: unset !important;
    filter: unset !important;
    height: 2rem !important;
    overflow: hidden !important;
    -webkit-transition: background .3s ease !important;
    transition: background .3s ease !important;
    width: 2rem !important
}

@media(max-width:480px) {
    .close-x.v2 {
        height: 10rem !important;
        width: 10rem !important
    }
}

.close-x.v2:after {
    background-image: url(../images/cross.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 99% 99%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-filter .3s ease;
    transition: -webkit-filter .3s ease;
    transition: filter .3s ease;
    transition: filter .3s ease, -webkit-filter .3s ease
}

.close-x.v2:hover {
    background: hsla(0, 0%, 100%, .914) !important
}

.close-x.v2:hover:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.modal-active-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: rgba(0, 0, 0, .804);
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.modal-active-info .content {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), #010516;
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: inline-block;
    margin: auto;
    padding-left: 37.75rem;
    position: relative
}

@media(max-width:480px) {
    .modal-active-info .content {
        border-radius: 3.75rem;
        border-width: .2rem;
        padding: 90rem 5rem 7.5rem;
        width: 80rem
    }
}

.modal-active-info .content .close-x {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .8;
    position: absolute;
    right: 2rem;
    top: 2rem;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media(max-width:480px) {
    .modal-active-info .content .close-x {
        position: fixed;
        right: 4.27rem;
        top: 4.27rem
    }
}

.modal-active-info .content .close-x:hover {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

.modal-active-info .content:after {
    background: url(../images/info_success.png) no-repeat;
    background-position: 100%;
    background-size: cover;
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 37.75rem;
    z-index: 100
}

@media(max-width:480px) {
    .modal-active-info .content:after {
        background-image: url(../images/info_success_mob.png);
        bottom: unset;
        height: 83rem;
        right: 0;
        width: unset
    }
}

.modal-active-info .content>.info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    height: 37.75rem;
    justify-content: center;
    padding: 0 3rem;
    width: 52rem
}

@media(max-width:480px) {
    .modal-active-info .content>.info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: center;
        align-items: flex-start;
        gap: 7.5rem;
        height: unset;
        width: unset
    }
}

.modal-active-info .content>.info .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-transform: lowercase
}

@media(max-width:480px) {
    .modal-active-info .content>.info .title {
        font-size: 10rem;
        font-style: normal;
        font-weight: 600;
        line-height: 94%;
        text-align: center
    }
}

.modal-active-info .content>.info p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

@media(max-width:480px) {
    .modal-active-info .content>.info p {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

.modal-active-media-kit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .804);
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

@media(max-width:480px) {
    .modal-active-media-kit {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1rem
    }
}

.modal-active-media-kit .content {
    background: linear-gradient(122deg, #1a1e2d 24.4%, #010516 69.12%);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 3.75rem;
    display: inline-block;
    padding: 3rem;
    position: relative
}

.modal-active-media-kit .content .close-x {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .8;
    position: absolute;
    right: 4.27rem;
    top: 4.27rem;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 100
}

.modal-active-media-kit .content .close-x:hover {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

.modal-active-media-kit .content .share-it {
    background: hsla(0, 0%, 100%, .106) !important;
    background-position: unset;
    background-repeat: unset;
    background-size: unset;
    border-radius: 50% !important;
    -webkit-filter: unset !important;
    filter: unset !important;
    height: 10rem !important;
    left: 4.27rem;
    overflow: hidden !important;
    position: absolute;
    top: 4.27rem;
    -webkit-transition: background .3s ease !important;
    transition: background .3s ease !important;
    width: 10rem !important;
    z-index: 100
}

.modal-active-media-kit .content .share-it:after {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask-image: url(../images/share-forward-fill.svg);
    mask-image: url(../images/share-forward-fill.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 60% 60%;
    mask-size: 60% 60%;
    position: absolute;
    right: 0;
    top: 0
}

.modal-active-media-kit .content .modal-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10rem;
    justify-content: flex-start;
    padding: 16.25rem 5rem 6.25rem
}

.modal-active-media-kit .content .modal-data .img {
    background: var(--bg, none);
    border-radius: 3.75rem;
    height: 37.8125rem;
    padding: 3rem;
    width: 80rem
}

.modal-active-media-kit .content .modal-data .img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.modal-active-media-kit .content .modal-data .name {
    color: hsla(0, 0%, 100%, .749);
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.modal-active-media-kit .content .modal-data .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start
}

.modal-active-media-kit .content .modal-data .list span {
    color: #fff;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%;
    margin-bottom: 1rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.modal-active-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: rgba(0, 0, 0, .804);
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.modal-active-img .content {
    display: inline-block;
    margin: auto;
    padding: 3rem;
    position: relative
}

.modal-active-img .content .close-x {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .8;
    position: absolute;
    right: -2rem;
    top: 2.82rem;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media(max-width:480px) {
    .modal-active-img .content .close-x {
        position: fixed;
        right: 4.27rem;
        top: 4.27rem
    }
}

.modal-active-img .content .close-x:hover {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

@media(min-width:480px) {
    .modal-active-img .content img {
        max-width: 41.9375rem;
        min-width: 35.9375rem
    }
}

.modal-active-img .content .video-frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    background: #000;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 40rem;
    justify-content: center;
    overflow: hidden;
    width: 81rem
}

@media(max-width:480px) {
    .modal-active-img .content .video-frame {
        height: 60rem;
        width: 95rem
    }
}

.modal-active-img .content .video-frame iframe {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    pointer-events: all;
    width: 100%
}

.modal-active-img .content .video-frame.contain video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

[data-modal-type=expand],
[data-modal-type=main-menu] {
    background-color: transparent
}

@media(max-width:480px) {

    [data-modal-type=expand],
    [data-modal-type=main-menu] {
        opacity: 0
    }
}

[data-modal-type=expand] .content,
[data-modal-type=main-menu] .content {
    background-color: #fff;
    border-radius: 1.25rem;
    bottom: .63rem;
    left: 59%;
    position: absolute;
    right: .63rem;
    top: .63rem;
    -webkit-transform: translateX(110%);
    transform: translateX(110%)
}

@media(max-width:480px) {

    [data-modal-type=expand] .content,
    [data-modal-type=main-menu] .content {
        border-radius: 0;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

[data-modal-type=expand] .content .close-x,
[data-modal-type=main-menu] .content .close-x {
    position: absolute;
    right: 1.26rem;
    top: 1.26rem
}

@media(max-width:480px) {

    [data-modal-type=expand] .content .close-x,
    [data-modal-type=main-menu] .content .close-x {
        right: 4.27rem;
        top: 4.27rem
    }
}

[data-modal-type=expand].modal-active,
[data-modal-type=main-menu].modal-active {
    opacity: 1;
    -webkit-transition: background .5s ease, opacity .5s ease;
    transition: background .5s ease, opacity .5s ease
}

@media(max-width:480px) {

    [data-modal-type=expand].modal-active,
    [data-modal-type=main-menu].modal-active {
        opacity: 0
    }
}

[data-modal-type=expand].modal-active .content,
[data-modal-type=main-menu].modal-active .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transition: -webkit-transform .75s ease;
    transition: -webkit-transform .75s ease;
    transition: transform .75s ease;
    transition: transform .75s ease, -webkit-transform .75s ease
}

[data-modal-type=expand].modal-active.modal-view,
[data-modal-type=main-menu].modal-active.modal-view {
    background-color: rgba(0, 0, 0, .804)
}

@media(max-width:480px) {

    [data-modal-type=expand].modal-active.modal-view,
    [data-modal-type=main-menu].modal-active.modal-view {
        opacity: 1
    }
}

[data-modal-type=expand].modal-active.modal-view .content,
[data-modal-type=main-menu].modal-active.modal-view .content {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media(max-width:480px) {

    [data-modal-type=expand].modal-active.modal-view .content,
    [data-modal-type=main-menu].modal-active.modal-view .content {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

[data-modal-type=message] {
    background: rgba(0, 0, 0, .804)
}

[data-modal-type=message].modal-active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center
}

@media(max-width:480px) {
    [data-modal-type=message].modal-active {
        padding: 3rem
    }
}

[data-modal-type=message].modal-active .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background: linear-gradient(122deg, #272c3d 24.4%, #0e1326 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    min-height: 30.9rem;
    padding: 5rem 5rem 5rem 34.9rem;
    position: relative;
    width: 90rem
}

@media(max-width:480px) {
    [data-modal-type=message].modal-active .content {
        border-radius: 3.75rem;
        gap: 7.5rem;
        padding: 88.2rem 5rem 7.5rem;
        width: unset
    }
}

[data-modal-type=message].modal-active .content:before {
    background: url(../images/info_success.png) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 30.9rem;
    left: .31rem;
    position: absolute;
    top: .31rem;
    width: 30.9rem
}

@media(max-width:480px) {
    [data-modal-type=message].modal-active .content:before {
        background-image: url(../images/info_success_mob.png);
        height: 87rem;
        left: 1.88rem;
        right: 1.88rem;
        top: 1.88rem;
        width: unset
    }
}

[data-modal-type=message].modal-active .content .close-x {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .8;
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 100
}

@media(max-width:480px) {
    [data-modal-type=message].modal-active .content .close-x {
        right: 3.75rem;
        top: 3.75rem
    }
}

[data-modal-type=message].modal-active .content .close-x:hover {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

[data-modal-type=message].modal-active .content .h1 {
    font-size: 3.33333rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%
}

@media(max-width:480px) {
    [data-modal-type=message].modal-active .content .h1 {
        font-size: 10rem;
        line-height: 94%
    }
}

[data-modal-type=message].modal-active .content p {
    color: #fff;
    font-size: 1.66667rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.08333rem
}

@media(max-width:480px) {
    [data-modal-type=message].modal-active .content p {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

[data-modal-type=roadmap] {
    background: rgba(0, 0, 0, .804)
}

[data-modal-type=roadmap].modal-active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center
}

@media(max-width:480px) {
    [data-modal-type=roadmap].modal-active {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        padding: 3rem
    }
}

[data-modal-type=roadmap]>.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, #272c3d 24.4%, #0e1326 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    max-height: 75vh;
    min-height: 50vh;
    padding: 3.75rem 3rem 0;
    position: relative;
    width: 50rem
}

@media(max-width:480px) {
    [data-modal-type=roadmap]>.content {
        border-radius: 3.75rem;
        gap: 5rem;
        max-height: 97vh;
        min-height: 50vh;
        width: 90rem
    }
}

[data-modal-type=roadmap]>.content .close-x {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .8;
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 100
}

@media(max-width:480px) {
    [data-modal-type=roadmap]>.content .close-x {
        right: 3.75rem;
        top: 3.75rem
    }
}

[data-modal-type=roadmap]>.content .close-x:hover {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

[data-modal-type=roadmap]>.content>.title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    color: #0cc2ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: RaleGroteskBase;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    gap: .35rem;
    justify-content: flex-start;
    line-height: 94%;
    padding: 0 1rem;
    text-align: center
}

@media(max-width:480px) {
    [data-modal-type=roadmap]>.content>.title {
        font-size: 11.25rem;
        gap: 1.9rem;
        line-height: 92%
    }
}

[data-modal-type=roadmap]>.content>.title span {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: right
}

@media(max-width:480px) {
    [data-modal-type=roadmap]>.content>.title span {
        font-size: 3.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 3.80875rem
    }
}

[data-modal-type=roadmap]>.content>.blog-content-container {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1rem
}

[data-modal-type=form] {
    background: rgba(0, 0, 0, .804)
}

[data-modal-type=form].modal-active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center
}

@media(max-width:480px) {
    [data-modal-type=form].modal-active {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        padding: 3rem
    }
}

[data-modal-type=form] .content {
    background: linear-gradient(122deg, #272c3d 24.4%, #0e1326 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 5rem;
    position: relative;
    width: 90rem
}

@media(max-width:480px) {
    [data-modal-type=form] .content {
        border-radius: 3.75rem;
        width: unset
    }
}

[data-modal-type=form] .content .close-x {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .8;
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 100
}

@media(max-width:480px) {
    [data-modal-type=form] .content .close-x {
        right: 3.75rem;
        top: 3.75rem
    }
}

[data-modal-type=form] .content .close-x:hover {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

[data-modal-type=form] .content .block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        justify-content: flex-start;
        padding: 7.5rem 0
    }
}

[data-modal-type=form] .content .block .form {
    width: 36.75rem
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .form {
        width: unset
    }
}

[data-modal-type=form] .content .block .form textarea {
    min-height: 9.5rem
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .form textarea {
        height: 47.5rem
    }
}

[data-modal-type=form] .content .block .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start;
    width: 39.25rem
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title {
        gap: 7.5rem;
        width: unset
    }
}

[data-modal-type=form] .content .block .title .h1 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 102%
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title .h1 {
        font-size: 7.5rem;
        line-height: 94%
    }
}

[data-modal-type=form] .content .block .title>p {
    color: hsla(0, 0%, 100%, .75);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title>p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

[data-modal-type=form] .content .block .title>.img-frame {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 13.125rem;
    width: 13.125rem
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title>.img-frame {
        display: none
    }
}

[data-modal-type=form] .content .block .title .team {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title .team {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 5rem
    }
}

[data-modal-type=form] .content .block .title .team>.img {
    -ms-flex-negative: 0;
    border-radius: .75rem;
    flex-shrink: 0;
    height: 11.25rem;
    overflow: hidden;
    width: 11.25rem
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title .team>.img {
        border-radius: 3.75rem;
        height: 16.25rem;
        width: 16.25rem
    }
}

[data-modal-type=form] .content .block .title .team>.img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

[data-modal-type=form] .content .block .title .team>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title .team>div {
        gap: 1.25rem
    }
}

[data-modal-type=form] .content .block .title .team>div span {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title .team>div span {
        font-size: 5rem;
        line-height: 7.5rem
    }
}

[data-modal-type=form] .content .block .title .team>div p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media(max-width:480px) {
    [data-modal-type=form] .content .block .title .team>div p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.modal-active-get-app {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(13, 14, 18, .835);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.modal-active-get-app .content {
    background: #010516;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 4rem;
    position: relative;
    width: 70.5rem;
    z-index: 100
}

@media(max-width:480px) {
    .modal-active-get-app .content {
        border-radius: 3.75rem;
        padding: 5.33rem 4.27rem 73rem;
        width: 83rem
    }
}

.modal-active-get-app .content:before {
    background-image: url(../images/modal-blur.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 82rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90rem;
    z-index: -1
}

@media(max-width:480px) {
    .modal-active-get-app .content:before {
        display: none
    }
}

.modal-active-get-app .content:after {
    background-image: url(../images/modal-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 28.75006rem;
    position: absolute;
    right: -1.75rem;
    top: 0;
    width: 28.0465rem;
    z-index: -1
}

@media(max-width:480px) {
    .modal-active-get-app .content:after {
        display: none
    }
}

.modal-active-get-app .content .close-x {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1
}

@media(max-width:480px) {
    .modal-active-get-app .content .close-x {
        right: 4rem;
        top: 4rem
    }
}

.modal-active-get-app .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 26.4375rem
}

@media(max-width:480px) {
    .modal-active-get-app .content .data {
        width: 100%
    }
}

.modal-active-get-app .content .data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    margin-bottom: 2rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .title {
        font-size: 8.53333rem;
        margin-bottom: 4.27rem
    }
}

.modal-active-get-app .content .data .subtitle {
    color: hsla(0, 0%, 100%, .75);
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 4rem
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .subtitle {
        font-size: 3.73333rem;
        line-height: 5.33333rem;
        margin-bottom: 6.4rem
    }
}

.modal-active-get-app .content .data .links {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .links {
        -webkit-column-gap: 4.27rem;
        -moz-column-gap: 4.27rem;
        column-gap: 4.27rem
    }
}

.modal-active-get-app .content .data .links .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1
}

.modal-active-get-app .content .data .links .item:first-of-type .img-frame {
    border-radius: 2rem
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .links .item:first-of-type .img-frame {
        border-radius: 5.33333rem
    }
}

.modal-active-get-app .content .data .links .item:last-of-type .img-frame {
    border-radius: 1rem
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .links .item:last-of-type .img-frame {
        border-radius: 2.66667rem
    }
}

.modal-active-get-app .content .data .links .item .img-frame {
    background-image: url(../images/modal-grad.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6.25rem;
    margin-bottom: .5rem;
    padding: 1rem;
    width: 6.25rem
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .links .item .img-frame {
        height: 14.83333rem;
        margin-bottom: 4.27rem;
        padding: 2.45rem;
        width: 14.83333rem
    }
}

.modal-active-get-app .content .data .links .item .name {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: .25rem;
    text-align: center
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .links .item .name {
        font-size: 3.7rem;
        line-height: 6.4rem;
        margin-bottom: 1.07rem
    }
}

.modal-active-get-app .content .data .links .item .info {
    color: #5a5d68;
    font-family: RaleGroteskBase;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center
}

@media(max-width:480px) {
    .modal-active-get-app .content .data .links .item .info {
        font-size: 3.73333rem;
        line-height: 5.33333rem
    }
}

.modal-active-get-app .content>.img-frame {
    bottom: 0;
    height: 34.4375rem;
    position: absolute;
    right: 0;
    width: 46.0625rem
}

@media(max-width:480px) {
    .modal-active-get-app .content>.img-frame {
        height: 68.26667rem;
        right: -2.3rem;
        width: 91.73333rem
    }
}

.anchors {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .3rem;
    justify-content: flex-start;
    left: 50%;
    padding: .25rem;
    position: fixed;
    top: 1.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 199901
}

@media(max-width:480px) {
    .anchors {
        display: none
    }
}

.anchors a {
    border-radius: 2rem;
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    padding: .375rem 1rem;
    -webkit-transition: background .7s ease, color .7s ease;
    transition: background .7s ease, color .7s ease
}

.anchors a:hover {
    background: rgba(252, 253, 253, .333)
}

.anchors a.active {
    background: #fcfdfd;
    color: #010516
}

.anchors.in-hero {
    position: absolute;
    top: 50.7rem
}

.btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: none;
    border: .2rem solid hsla(0, 0%, 100%, .463);
    border-radius: 2rem;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    gap: .5rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 98%;
    padding: 0 1rem .25rem;
    text-transform: uppercase;
    -webkit-transition: border .5s linear;
    transition: border .5s linear;
    white-space: nowrap
}

@media(max-width:480px) {
    .btn {
        border-color: #fff;
        border-radius: 10rem;
        border-width: .3rem;
        font-size: 5.625rem;
        gap: 2.5rem;
        height: 11.25rem;
        padding: 0 4.375rem .25rem 5rem
    }
}

.btn:hover {
    border-color: #fff
}

.btn-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: none;
    border: none;
    border: .1rem solid hsla(0, 0%, 100%, .25);
    border-radius: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    gap: .35rem;
    justify-content: flex-start;
    letter-spacing: .01rem;
    line-height: 98%;
    outline: none;
    overflow: hidden;
    padding: .35rem 1rem .5rem;
    pointer-events: all;
    position: relative;
    text-align: center;
    -webkit-transition: color .5s ease, border .5s ease;
    transition: color .5s ease, border .5s ease;
    white-space: nowrap;
    z-index: 1
}

.btn-sm,
.btn-sm>* {
    color: var(--btn-color, #fff)
}

.btn-sm>* {
    pointer-events: none;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.btn-sm>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

@media(max-width:480px) {
    .btn-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 5.625rem;
        gap: 2.5rem;
        justify-content: center;
        padding: 2rem 5rem 3.2rem
    }
}

.btn-sm:after,
.btn-sm:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.btn-sm:before {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    z-index: -2
}

.btn-sm:after {
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: -1
}

.btn-sm:hover,
.btn-sm:hover>* {
    color: #000
}

.btn-sm:hover:after {
    opacity: 1
}

.btn-sm.primary,
.btn-sm.primary>* {
    color: var(--btn-color-primary, #000)
}

.btn-sm.primary:before {
    background: var(--primary-btn-background, #0cc2ff)
}

.btn-sm.primary:hover,
.btn-sm.primary:hover>* {
    color: #000
}

.btn-sm.primary:hover:after {
    opacity: 1
}

.btn-sm[data-disabled] {
    color: var(--btn-color-disabled, #464955);
    pointer-events: none
}

@media(max-width:480px) {
    .btn-sm>.has-icon {
        --icon-size: 7.5rem;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

.ctrl-l-arrow,
.ctrl-r-arrow {
    -ms-flex-negative: 0;
    border: .1rem solid hsla(0, 0%, 100%, .251);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    flex-shrink: 0;
    height: 3.75rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 3.75rem
}

@media(max-width:480px) {

    .ctrl-l-arrow,
    .ctrl-r-arrow {
        height: 12.5rem;
        width: 12.5rem
    }
}

.ctrl-l-arrow:after,
.ctrl-l-arrow:before,
.ctrl-r-arrow:after,
.ctrl-r-arrow:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 101% 101%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media(max-width:480px) {

    .ctrl-l-arrow:after,
    .ctrl-l-arrow:before,
    .ctrl-r-arrow:after,
    .ctrl-r-arrow:before {
        background-size: 171% 171%
    }
}

.ctrl-l-arrow:hover,
.ctrl-r-arrow:hover {
    border: .1rem solid #fff
}

.ctrl-l-arrow:before,
.ctrl-r-arrow:before {
    background-image: url(../images/ctrl-l.svg);
    opacity: 1
}

.ctrl-l-arrow:after,
.ctrl-r-arrow:after {
    background-image: url(../images/ctrl-l-d.svg);
    opacity: 0
}

.ctrl-l-arrow.v2,
.ctrl-r-arrow.v2 {
    background: #1a1e2d;
    border-color: #1a1e2d;
    height: 2rem;
    -webkit-transition: -webkit-filter .2s ease;
    transition: -webkit-filter .2s ease;
    transition: filter .2s ease;
    transition: filter .2s ease, -webkit-filter .2s ease;
    width: 2rem
}

.ctrl-l-arrow.v2:after,
.ctrl-l-arrow.v2:before,
.ctrl-r-arrow.v2:after,
.ctrl-r-arrow.v2:before {
    background-size: 120% 120%
}

.ctrl-l-arrow.v2:hover,
.ctrl-r-arrow.v2:hover {
    -webkit-filter: invert(1);
    filter: invert(1)
}

[data-disabled].ctrl-l-arrow,
[data-disabled].ctrl-r-arrow {
    pointer-events: none
}

[data-disabled].ctrl-l-arrow:after,
[data-disabled].ctrl-r-arrow:after {
    opacity: 1
}

[data-disabled].ctrl-l-arrow:before,
[data-disabled].ctrl-r-arrow:before {
    opacity: 0
}

.ctrl-r-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ctrl-arrows {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .ctrl-arrows {
        gap: 3.75rem
    }
}

.btn-sm.arr-bottom,
.btn-sm.arr-right,
.btn-sm.arr-right-top,
.btn.arr-bottom,
.btn.arr-right,
.btn.arr-right-top {
    gap: .5rem
}

.btn-sm.arr-bottom:after,
.btn-sm.arr-right-top:after,
.btn-sm.arr-right:after,
.btn.arr-bottom:after,
.btn.arr-right-top:after,
.btn.arr-right:after {
    background: url(../images/arrow-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

@media(max-width:480px) {

    .btn-sm.arr-bottom:after,
    .btn-sm.arr-right-top:after,
    .btn-sm.arr-right:after,
    .btn.arr-bottom:after,
    .btn.arr-right-top:after,
    .btn.arr-right:after {
        height: 7.5rem;
        -webkit-transform: translateY(-7%);
        transform: translateY(-7%);
        width: 7.5rem
    }
}

.btn-sm.arr-bottom:after,
.btn.arr-bottom:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btn-sm.arr-right-top:after,
.btn.arr-right-top:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.link-back {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    gap: .75rem;
    justify-content: flex-start;
    line-height: 98%
}

@media(max-width:480px) {
    .link-back {
        font-size: 4.375rem;
        gap: 3.75rem
    }
}

.link-back:before {
    background-color: #fff;
    content: "";
    height: 2.75rem;
    -webkit-mask: url(../images/arrow-back.svg) no-repeat center;
    mask: url(../images/arrow-back.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    width: 2.75rem
}

@media(max-width:480px) {
    .link-back:before {
        height: 11.25rem;
        width: 11.25rem
    }
}

.link-back:hover:before {
    background: #0cc2ff
}

.btn-line {
    background: transparent;
    border: none;
    border-radius: 6.25rem;
    cursor: pointer;
    display: inline-block;
    height: 3.5rem;
    min-width: 14.25rem;
    overflow: hidden;
    padding: 0;
    position: relative
}

@media(max-width:480px) {
    .btn-line {
        border-radius: 8.53333rem;
        height: 13.86667rem;
        min-width: 59.73333rem
    }
}

.btn-line.big {
    min-width: 15.75rem
}

@media(max-width:480px) {
    .btn-line.big {
        min-width: 70.4rem
    }
}

.btn-line:hover div span:first-of-type {
    -webkit-animation: moveLine1 .45s linear;
    animation: moveLine1 .45s linear
}

@media(max-width:768px) {
    .btn-line:hover div span:first-of-type {
        -webkit-animation: none;
        animation: none
    }
}

.btn-line:hover div span:last-of-type {
    -webkit-animation: moveLine2 .45s linear;
    animation: moveLine2 .45s linear
}

@media(max-width:768px) {
    .btn-line:hover div span:last-of-type {
        -webkit-animation: none;
        animation: none
    }
}

.btn-line:hover p:after {
    right: 120%;
    -webkit-transition: right .5s ease;
    transition: right .5s ease
}

.btn-line p {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), #0cc2ff;
    border-radius: 2rem;
    color: #010310;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    height: 2.22rem;
    line-height: normal;
    margin: .27rem;
    overflow: hidden;
    padding: .35rem 1.5rem;
    position: relative;
    text-align: center
}

@media(max-width:480px) {
    .btn-line p {
        border-radius: 7rem;
        font-size: 6.4rem;
        height: 8.3rem;
        margin: 1.2rem;
        padding: 1.2rem 6.4rem 2rem
    }
}

.btn-line p:after {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .45) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    content: "";
    display: block;
    height: 7.5rem;
    position: absolute;
    right: -4rem;
    top: 50%;
    -webkit-transform: rotate(30deg) translateY(-50%);
    transform: rotate(30deg) translateY(-50%);
    width: 4rem
}

@media(max-width:768px) {
    .btn-line p:after {
        display: none
    }
}

.btn-line div {
    border: .125rem solid #0cc2ff;
    border-radius: 6.25rem;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media(max-width:480px) {
    .btn-line div {
        border-radius: 8.53333rem;
        border-width: .535rem
    }
}

.btn-line div span {
    background: #010516;
    display: inline-block;
    height: .313rem;
    offset-path: inset(1px round 6.25rem);
    position: absolute;
    width: 1.55rem
}

@media(max-width:768px) {
    .btn-line div span {
        offset-path: none
    }
}

@media(max-width:480px) {
    .btn-line div span {
        height: 1rem;
        width: 10%
    }
}

.btn-line div span:before {
    background: #0cc2ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .125rem;
    left: -1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .125rem
}

@media(max-width:480px) {
    .btn-line div span:before {
        height: .535rem;
        width: .535rem
    }
}

.btn-line div span:after {
    background: #0cc2ff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .125rem;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .125rem
}

@media(max-width:480px) {
    .btn-line div span:after {
        height: .535rem;
        width: .535rem
    }
}

.btn-line div span:first-of-type {
    offset-distance: 29.5%;
    top: -.156rem
}

@media(max-width:768px) {
    .btn-line div span:first-of-type {
        offset-distance: 0;
        right: 2.2rem
    }
}

@media(max-width:480px) {
    .btn-line div span:first-of-type {
        right: 11rem;
        top: -.535rem
    }
}

.btn-line div span:last-of-type {
    bottom: -.156rem;
    offset-distance: 79.5%
}

@media(max-width:768px) {
    .btn-line div span:last-of-type {
        left: 2.2rem;
        offset-distance: 0
    }
}

@media(max-width:480px) {
    .btn-line div span:last-of-type {
        bottom: -.535rem;
        left: 10rem
    }

    .btn-line div span:last-of-type:after {
        -webkit-transform: translateY(-34%);
        transform: translateY(-34%)
    }
}

@-webkit-keyframes moveLine1 {
    0% {
        offset-distance: 29.5%
    }

    to {
        offset-distance: 79.5%
    }
}

@keyframes moveLine1 {
    0% {
        offset-distance: 29.5%
    }

    to {
        offset-distance: 79.5%
    }
}

@-webkit-keyframes moveLine2 {
    0% {
        offset-distance: 79.5%
    }

    to {
        offset-distance: 129.5%
    }
}

@keyframes moveLine2 {
    0% {
        offset-distance: 79.5%
    }

    to {
        offset-distance: 129.5%
    }
}

.has-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--icon-pad, .75em);
    justify-content: flex-start
}

.has-icon:before {
    background: var(--icon-color, #fff);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: var(--icon-size, 1.25em);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transform: scale(var(--icon-scale, 1));
    transform: scale(var(--icon-scale, 1));
    width: var(--icon-size, 1.25em)
}

.has-icon-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--icon-pad, .75em);
    justify-content: flex-start
}

.has-icon-end:after {
    background: var(--icon-color, #fff);
    content: "";
    display: inline-block;
    height: var(--icon-size, 1.25em);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: var(--icon-size, 1.25em)
}

.tags-line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .tags-line {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        gap: 2.5rem
    }
}

.tags-line .tag {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .25);
    border-radius: 2rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    padding: .35rem 1rem .5rem;
    pointer-events: none;
    white-space: nowrap
}

@media(max-width:480px) {
    .tags-line .tag {
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 4.375rem;
        line-height: 6.25rem;
        padding: 1.56rem 3.75rem
    }
}

.link-decor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--decor, hsla(0, 0%, 100%, .102));
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    .link-decor {
        height: 10rem;
        -webkit-transform: translateY(1.2rem);
        transform: translateY(1.2rem);
        width: 10rem
    }
}

.link-decor:after {
    background: var(--decor-arrow, #fff);
    content: "";
    height: .7rem;
    -webkit-mask: url(../images/arrow-top-right.svg) no-repeat center;
    mask: url(../images/arrow-top-right.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    .link-decor:after {
        height: 3.7rem;
        width: 3.7rem
    }
}

.link-decor-hover:hover {
    --decor: #fff;
    --decor-arrow: #000
}

.pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center;
    margin-bottom: 3rem;
    margin-top: 3rem
}

@media(max-width:480px) {
    .pagination {
        gap: 1.75rem;
        margin-bottom: 7rem;
        margin-top: 7rem
    }
}

.pagination>a {
    border: .1rem solid hsla(0, 0%, 100%, .251);
    border-radius: 50%;
    display: inline-block;
    height: 2.25rem;
    overflow: hidden;
    position: relative;
    width: 2.25rem
}

@media(max-width:480px) {
    .pagination>a {
        border-width: .15rem;
        height: 11.25rem;
        width: 11.25rem
    }
}

.pagination>a>span {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    .pagination>a>span {
        font-size: 5rem;
        line-height: 7.5rem
    }
}

.pagination>a:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.pagination>a.active>span,
.pagination>a:hover>span {
    color: #000
}

.pagination>a.active:before,
.pagination>a:hover:before {
    opacity: 1
}

.pagination>a.active {
    pointer-events: none
}

.pagination>a.after:after,
.pagination>a.before:after {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask: url(../images/arrow-right.svg) center no-repeat;
    mask: url(../images/arrow-right.svg) center no-repeat;
    -webkit-mask-size: 90% 90%;
    mask-size: 90% 90%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(-5%, -5%) scale(.7);
    transform: translate(-5%, -5%) scale(.7);
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.pagination>a.after:hover:after,
.pagination>a.before:hover:after {
    background: #000
}

.pagination>a.before:after {
    -webkit-transform: translate(5%, 5%) scale(.7) rotate(180deg);
    transform: translate(5%, 5%) scale(.7) rotate(180deg)
}

.pagination>a.disable {
    pointer-events: none
}

.pagination>a.disable:after {
    opacity: .5
}

.scroll-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto
}

.scroll-container::-webkit-scrollbar {
    border: none;
    display: block;
    width: .3rem
}

@media(max-width:480px) {
    .scroll-container::-webkit-scrollbar {
        width: .5rem
    }
}

.scroll-container::-webkit-scrollbar-thumb {
    background: #fff;
    border: 5px solid transparent;
    border-radius: 1rem
}

.scroll-container::-webkit-scrollbar-track {
    background: transparent;
    border: 1rem solid transparent
}

.scroll-container::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.scroll-container::-webkit-scrollbar-track-piece:end {
    margin-bottom: 1rem
}

@media(max-width:480px) {
    .scroll-container::-webkit-scrollbar-track-piece:end {
        margin-bottom: 3rem
    }
}

.scroll-container::-webkit-scrollbar-track-piece:start {
    margin-top: 1rem
}

@media(max-width:480px) {
    .scroll-container::-webkit-scrollbar-track-piece:start {
        margin-top: 3rem
    }
}

html:has(body.mobile-menu-active) {
    overflow: hidden !important
}

[data-modal-name=main-menu] {
    background-color: rgba(0, 0, 0, .165);
    z-index: 199800
}

@media(min-width:480px) {
    [data-modal-name=main-menu] {
        z-index: 299800
    }
}

@media(max-width:480px) {
    [data-modal-name=main-menu] .close-x {
        display: none
    }
}

[data-modal-name=main-menu]>.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    background-color: var(--mobile-menu-bg, #fff);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12.5rem;
    justify-content: space-between;
    left: 0;
    padding-bottom: 7.5rem;
    padding-top: 24rem;
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width:480px) {
    [data-modal-name=main-menu]>.content {
        background-color: var(--mobile-menu-bg-desktop, #fff);
        background-image: unset;
        background-image: url(../images/mob-menu-bg.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 2.75rem;
        bottom: 1.25rem;
        gap: 2.5rem;
        left: unset;
        padding: 3rem 1.5rem;
        right: 1.25rem;
        top: 1.25rem;
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        -webkit-transition: -webkit-transform 1s ease;
        transition: -webkit-transform 1s ease;
        transition: transform 1s ease;
        transition: transform 1s ease, -webkit-transform 1s ease;
        width: 40rem
    }
}

[data-modal-name=main-menu] .lavalamp {
    --lava-blur: 15rem;
    height: 90rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90rem
}

@media(min-width:480px) {
    [data-modal-name=main-menu] .lavalamp {
        display: none
    }
}

[data-modal-name=main-menu]:has(.slide.active.main) {
    --lava-color-first: #25c8ff;
    --lava-color-third: #25c8ff
}

[data-modal-name=main-menu]:has(.slide.active.blockchain) {
    --lava-color-first: #24f6dd;
    --lava-color-third: #24f6dd
}

[data-modal-name=main-menu]:has(.slide.active.web3bank) {
    --lava-color-first: #0094c5;
    --lava-color-third: #0094c5
}

[data-modal-name=main-menu]:has(.slide.active.foundation) {
    --lava-color-first: #1f6e78;
    --lava-color-third: #1f6e78
}

[data-modal-name=main-menu] .mobile-mega-menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 2.5rem
}

[data-modal-name=main-menu] .mobile-mega-menu,
[data-modal-name=main-menu] .mobile-mega-menu .btns {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

[data-modal-name=main-menu] .mobile-mega-menu .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.75rem
}

[data-modal-name=main-menu] .mobile-mega-menu .btns>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 20%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    flex-basis: 20%;
    flex-grow: 1;
    justify-content: flex-start
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: visible;
    position: relative
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    bottom: 0;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    padding-top: 12.5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.active,
[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.after,
[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: opacity .35s linear, -webkit-transform .35s ease-in-out;
    transition: opacity .35s linear, -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out, opacity .35s linear;
    transition: transform .35s ease-in-out, opacity .35s linear, -webkit-transform .35s ease-in-out
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.after {
    opacity: 0;
    -webkit-transform: translate(30%);
    transform: translate(30%)
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.before {
    opacity: 0;
    -webkit-transform: translate(-30%);
    transform: translate(-30%)
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .35s linear .3s, -webkit-transform .35s ease .3s;
    transition: opacity .35s linear .3s, -webkit-transform .35s ease .3s;
    transition: transform .35s ease .3s, opacity .35s linear .3s;
    transition: transform .35s ease .3s, opacity .35s linear .3s, -webkit-transform .35s ease .3s
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.main {
    --primary-btn-background: #0cc2ff;
    --btn-color-primary: #010516;
    --lava-color-first: #25c8ff;
    --lava-color-third: #25c8ff
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.blockchain {
    --primary-btn-background: #24f6dd;
    --btn-color-primary: #010516;
    --lava-color-first: #24f6dd;
    --lava-color-third: #24f6dd
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.web3bank {
    --primary-btn-background: #0cc2ff;
    --btn-color-primary: #010516;
    --lava-color-first: #0094c5;
    --lava-color-third: #0094c5
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide.foundation {
    --primary-btn-background: #24f6dd;
    --btn-color-primary: #010516;
    --lava-color-first: #062f34;
    --lava-color-third: #062f34
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide>.logo {
    left: 0;
    position: fixed;
    top: -17rem
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide>.logo img {
    height: 13.75rem;
    width: auto
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9rem;
    justify-content: flex-start;
    overflow: scroll
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .main>a,
[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .main>span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    color: var(--mobile-mega-menu-text-color, #000);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: Infynyte;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: 100%;
    text-transform: lowercase
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .main>a i,
[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .main>span i {
    background: #1a1f23;
    border-radius: 50%;
    display: inline-block;
    height: 10rem;
    overflow: hidden;
    position: relative;
    width: 10rem
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .main>a i:before,
[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .main>span i:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask-image: url(../images/brc-next.svg);
    mask-image: url(../images/brc-next.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 0;
    top: 0
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 11rem;
    justify-content: flex-start;
    position: relative
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .child .back {
    background: #1a1f23;
    border-radius: 50%;
    display: block;
    height: 10rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 10rem
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .child .back:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask-image: url(../images/brc-next.svg);
    mask-image: url(../images/brc-next.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 0;
    top: 0
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .child .title {
    color: var(--mobile-mega-menu-text-color, #000);
    font-family: Infynyte;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    max-width: 65rem;
    text-align: center;
    text-transform: lowercase
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .child .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 7rem;
    justify-content: flex-start
}

[data-modal-name=main-menu] .mobile-mega-menu [data-slider] .slide .child .list>* {
    color: var(--mobile-mega-menu-text-color, #000);
    font-family: Infynyte;
    font-size: 5.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
    text-transform: lowercase
}

[data-modal-name=main-menu] .links {
    -ms-flex-item-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-around
}

@media(min-width:480px) {
    [data-modal-name=main-menu] .links {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -ms-flex-item-align: stretch;
        align-items: stretch;
        align-self: stretch
    }
}

[data-modal-name=main-menu] .links a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

@media(min-width:480px) {
    [data-modal-name=main-menu] .links a {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        border-bottom: .1rem solid #d9dadc;
        flex-basis: 1%;
        flex-grow: 1
    }
}

[data-modal-name=main-menu] .links a span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-end;
    color: #010516;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: Infynyte;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 600;
    gap: 1.25rem;
    justify-content: flex-start;
    line-height: 100%;
    text-transform: lowercase;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

@media(min-width:480px) {
    [data-modal-name=main-menu] .links a span {
        font-size: 2.75rem;
        line-height: 100%;
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }
}

[data-modal-name=main-menu] .links a span:after {
    background: #010516;
    content: "";
    display: inline-block;
    height: 2.99094rem;
    -webkit-mask: url(../images/arrow-top-right.svg) no-repeat center;
    mask: url(../images/arrow-top-right.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    width: 2.99094rem
}

@media(min-width:480px) {
    [data-modal-name=main-menu] .links a span:after {
        height: .875rem;
        width: .875rem
    }
}

[data-modal-name=main-menu] .links a.active span,
[data-modal-name=main-menu] .links a:hover span {
    color: var(--mobile-menu-hover, #0cc2ff)
}

[data-modal-name=main-menu] .links a.active span:after,
[data-modal-name=main-menu] .links a:hover span:after {
    background: var(--mobile-menu-hover, #0cc2ff)
}

[data-modal-name=main-menu] .links a[data-no-action] span {
    color: #c0c1c5
}

[data-modal-name=main-menu] .links a[data-no-action] span:after {
    background: #c0c1c5
}

[data-modal-name=main-menu] .line {
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

[data-modal-name=main-menu] .line,
[data-modal-name=main-menu] .line a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-modal-name=main-menu] .line a {
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-preferred-size: 1%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #010516;
    flex-basis: 1%;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    gap: 1.25rem;
    justify-content: center;
    line-height: 98%;
    text-transform: uppercase;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

@media(min-width:480px) {
    [data-modal-name=main-menu] .line a {
        font-size: 1.5rem;
        gap: .75rem
    }
}

[data-modal-name=main-menu] .line a:after {
    background: #010516;
    content: "";
    display: inline-block;
    height: 2.99094rem;
    -webkit-mask: url(../images/arrow-top-right.svg) no-repeat center;
    mask: url(../images/arrow-top-right.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    width: 2.99094rem
}

@media(min-width:480px) {
    [data-modal-name=main-menu] .line a:after {
        height: .9rem;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        width: .9rem
    }
}

[data-modal-name=main-menu] .line a.active,
[data-modal-name=main-menu] .line a:hover {
    color: #0cc2ff
}

[data-modal-name=main-menu] .line a.active:after,
[data-modal-name=main-menu] .line a:hover:after {
    background: #0cc2ff
}

[data-modal-name=main-menu] .social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7.5rem;
    justify-content: flex-start
}

[data-modal-name=main-menu] .social>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 92%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    [data-modal-name=main-menu] .social>span {
        font-size: 5.625rem;
        font-style: normal;
        line-height: 92%
    }
}

[data-modal-name=main-menu] .social>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.85rem;
    justify-content: flex-start
}

[data-modal-name=main-menu] .social>div a {
    border: .05rem solid hsla(0, 0%, 100%, .15);
    border-radius: .375rem;
    display: inline-block;
    height: 3rem;
    padding: .5rem;
    -webkit-transition: border .3s linear;
    transition: border .3s linear;
    width: 3rem
}

@media(max-width:480px) {
    [data-modal-name=main-menu] .social>div a {
        border-radius: 1.875rem;
        height: 10rem;
        padding: 2.5rem;
        width: 10rem
    }
}

[data-modal-name=main-menu] .social>div a img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

[data-modal-name=main-menu] .social>div a:hover {
    border-color: #fff
}

html:has(.preloader) {
    overflow: hidden !important
}

.no-preloader {
    display: none
}

.preloader {
    --show-prc: 0%;
    background: var(--preloader-background, #010516);
    bottom: 0;
    display: inline-block;
    left: 0;
    max-width: unset;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    z-index: 99999900
}

.preloader:before {
    background-color: var(--preloader-decor-color, #0cc2ff);
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(18rem);
    filter: blur(18rem);
    height: 90%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -30%) rotate(30deg);
    transform: translate(-50%, -30%) rotate(30deg);
    width: 60%
}

@media(max-width:480px) {
    .preloader:before {
        border-radius: 50%;
        -webkit-filter: blur(20rem);
        filter: blur(20rem);
        opacity: .6
    }
}

/* .preloader .logo {
    background: none; 
    display: block;
    height: 6.5rem;
    left: 50%;
    -webkit-mask: url(../images/big-logo.png);
    mask: url(../images/big-logo.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 21.75rem;
    background-color: black; 
} */

/* .preloader .logo {
    background: -webkit-gradient(linear, left top, right top, color-stop(35%, var(--preloader-logo-color1, #0cc2ff)), color-stop(36%, var(--preloader-logo-color2, #d9d9d9)));
    background: linear-gradient(90deg, var(--preloader-logo-color1, #0cc2ff) 35%, var(--preloader-logo-color2, #d9d9d9) 36%);
    display: block;
    height: 6.5rem;
    left: 50%;
    -webkit-mask: url(../images/big-logo.png);
    mask: url(../images/big-logo.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 21.75rem
} */

.preloader .logo {
    background: url(../images/big-logo.png) center center no-repeat;
    background-size: contain; 
    display: block;
    height: 6.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-mask: url(../images/big-logo.png);
    mask: url(../images/big-logo.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 21.75rem;
}

@media(max-width:480px) {
    .preloader .logo {
        height: 14rem;
        width: 50rem
    }
}

.preloader .logo:before {
    background-color: #151929;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: -40%;
    top: 0;
    -webkit-transform: translateX(calc(-30% + var(--show-prc))) skew(45deg);
    transform: translateX(calc(-30% + var(--show-prc))) skew(45deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.preloader .percent {
    bottom: 6rem;
    color: #fff;
    display: inline-block;
    font-family: RaleGrotesk;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    position: absolute;
    right: 6rem;
    text-align: right
}

@media(max-width:480px) {
    .preloader .percent {
        font-size: 10rem
    }
}

.preloader .percent:before {
    content: var(--show-prc, "0")
}

.preloader.preloader-active {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
    transform: scale(1)
}

header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    left: 0;
    padding: 1.06rem 1rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateY(var(--data-side-pin-delta, 0));
    transform: translateY(var(--data-side-pin-delta, 0));
    z-index: 199900
}

@media(max-width:480px) {
    header {
        padding: 5rem;
        -webkit-transform: unset;
        transform: unset;
        -webkit-transition: background .3s ease .5s;
        transition: background .3s ease .5s
    }

    header:before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(13%, #010516), color-stop(65%, rgba(1, 5, 22, .424)), to(rgba(1, 5, 22, 0)));
        background: linear-gradient(180deg, #010516 13%, rgba(1, 5, 22, .424) 65%, rgba(1, 5, 22, 0));
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease
    }
}

header .logo {
    pointer-events: all;
    -webkit-transform: translateY(.34rem);
    transform: translateY(.34rem)
}

@media(max-width:480px) {
    header .logo {
        -webkit-transform: unset;
        transform: unset;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease
    }
}

header .logo img {
    height: 2.625rem;
    pointer-events: none;
    width: auto
}

@media(max-width:480px) {
    header .logo img {
        height: 13.75rem
    }
}

header .logo>div {
    position: relative
}

header .logo>div img {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

header .logo>div img:last-child {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

header .links {
    background: rgba(1, 5, 22, .4);
    border-radius: 2rem;
    overflow: hidden;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem)
}

header .links,
header .links a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

header .links a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font-size: .85rem;
    font-style: normal;
    font-weight: 400;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 98%;
    padding: .3rem .8rem;
    pointer-events: all;
    text-transform: uppercase;
    -webkit-transition: background .7s ease, color .7s ease;
    transition: background .7s ease, color .7s ease
}

header .links a:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: .75rem;
    -webkit-transition: -webkit-filter .7s ease;
    transition: -webkit-filter .7s ease;
    transition: filter .7s ease;
    transition: filter .7s ease, -webkit-filter .7s ease;
    width: .75rem
}

header .links a:hover {
    background-color: hsla(0, 0%, 100%, .333)
}

header .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    justify-content: flex-start
}

header .btns .btn-sm {
    --icon-size: .75rem;
    --icon-color: #010516;
    --icon-scale: 1.3;
    font-weight: 500;
    gap: .3rem;
    padding-left: .7rem
}

header .btns .btn-sm,
header .open-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: .75rem;
    font-style: normal;
    line-height: 98%
}

header .open-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: var(--open-menu-button-bg, rgba(1, 5, 22, .4));
    background: rgba(1, 5, 22, .4);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border: .1rem solid var(--open-menu-button-border-color, rgba(1, 5, 22, .4));
    border-radius: 2rem;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    gap: 1rem;
    justify-content: flex-start;
    overflow: hidden;
    padding: .44rem 1rem .56rem;
    pointer-events: all;
    text-transform: uppercase;
    -webkit-transition: opacity .5s ease, border .3s linear;
    transition: opacity .5s ease, border .3s linear
}

header .open-menu:hover {
    border-color: #fff
}

header .open-menu img {
    height: 1;
    width: auto
}

header .open-mobile-menu {
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: .5rem solid hsla(0, 0%, 100%, .149);
    border-radius: 10rem;
    display: inline-block;
    height: 10rem;
    pointer-events: all;
    position: relative;
    -webkit-transition: background .4s ease, border .4s ease;
    transition: background .4s ease, border .4s ease;
    width: 13.75rem
}

header .open-mobile-menu>span {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 1.3rem;
    position: absolute;
    -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, background .3s ease-in-out, border-radius .3s ease-in-out;
    transition: width .3s ease-in-out, height .3s ease-in-out, background .3s ease-in-out, border-radius .3s ease-in-out;
    width: 1.3rem;
    will-change: width, height, background, border
}

header .open-mobile-menu>span:first-child {
    left: 4.45rem;
    top: 3.2rem;
    -webkit-transform: rotate(-49deg);
    transform: rotate(-49deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

header .open-mobile-menu>span:nth-child(2) {
    right: 4.45rem;
    top: 3.2rem;
    -webkit-transform: rotate(49deg);
    transform: rotate(49deg);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

header .open-mobile-menu>span:nth-child(3) {
    bottom: 3.2rem;
    left: 4.45rem;
    -webkit-transform: rotate(49deg);
    transform: rotate(49deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

header .open-mobile-menu>span:nth-child(4) {
    bottom: 3.2rem;
    right: 4.45rem;
    -webkit-transform: rotate(-49deg);
    transform: rotate(-49deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

header .mega-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center
}

@media(max-width:480px) {
    header .mega-menu {
        display: none
    }
}

header .mega-menu>.content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(1, 5, 22, .4);
    border: 1px solid #8e8f97;
    border-radius: 2rem;
    justify-content: center;
    padding: .38rem;
    pointer-events: all
}

header .mega-menu>.content,
header .mega-menu>.content>* {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

header .mega-menu>.content>* {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-radius: 2rem;
    cursor: default;
    justify-content: flex-start;
    padding: .375rem 1rem
}

header .mega-menu>.content>:hover {
    background: #191a1e
}

header .mega-menu>.content>[data-dropdown] {
    position: unset
}

header .mega-menu>.content>[data-dropdown]>span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .375rem;
    justify-content: flex-start;
    white-space: nowrap
}

header .mega-menu>.content>[data-dropdown]>span:after {
    background: #fff;
    content: "";
    height: 1rem;
    -webkit-mask: url(../images/arrow-drop-down-line.svg) no-repeat;
    mask: url(../images/arrow-drop-down-line.svg) no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 1rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    opacity: 0;
    padding-top: 3rem;
    right: unset;
    -webkit-transform: translate(-50%, -2rem);
    transform: translate(-50%, -2rem);
    -webkit-transition: max-height .3s ease, opacity .3s ease;
    transition: max-height .3s ease, opacity .3s ease;
    z-index: -1
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .menu-frame {
    display: inline-block
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    background: #000106;
    border: 1px solid #8e8f97;
    border-radius: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: space-between;
    min-height: 27.375rem;
    padding: .75rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    flex-basis: 1%;
    flex-grow: 1;
    min-width: 18.75rem;
    width: 18.75rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .75rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group,
header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group>* {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    background: #0d0e12;
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 1%;
    flex-grow: 1;
    gap: .5rem;
    height: 8.125rem;
    max-height: 8.125rem;
    padding: .75rem;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group>* .title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group>* .title .img-frame {
    height: 2rem;
    width: 2rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group>* .title span {
    color: #fff;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group>* .text {
    color: #8d8f96;
    font-family: RaleGroteskBase;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .link-group>:hover {
    background: #191a1e
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: #0d0e12;
    background-image: var(--poster, none);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
    padding: .75rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .preview>.title {
    color: "#fff";
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-transform: lowercase
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .preview>.text {
    color: "#8D8F96";
    font-family: RaleGroteskBase;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem
}

header .mega-menu>.content>[data-dropdown] [data-dropdown-content] .content .preview>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start
}

header .mega-menu>.content>[data-dropdown][data-dropdown-acive]>span:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

header .mega-menu>.content>[data-dropdown][data-dropdown-acive] [data-dropdown-content] {
    opacity: 1;
    pointer-events: all
}

header .mega-menu>.content>[data-dropdown].main {
    --primary-btn-background: #0cc2ff;
    --btn-color-primary: #010516;
    --lava-color-first: #25c8ff;
    --lava-color-third: #25c8ff
}

header .mega-menu>.content>[data-dropdown].blockchain {
    --primary-btn-background: #24f6dd;
    --btn-color-primary: #010516;
    --lava-color-first: #24f6dd;
    --lava-color-third: #24f6dd
}

header .mega-menu>.content>[data-dropdown].web3bank {
    --primary-btn-background: #0cc2ff;
    --btn-color-primary: #010516;
    --lava-color-first: #0094c5;
    --lava-color-third: #0094c5
}

header .mega-menu>.content>[data-dropdown].defi {
    --primary-btn-background: #6222f6;
    --btn-color-primary: #010516;
    --lava-color-first: #6222f6;
    --lava-color-third: #6222f6
}

header .mega-menu>.content>[data-dropdown].foundation {
    --primary-btn-background: #24f6dd;
    --btn-color-primary: #010516;
    --lava-color-first: #062f34;
    --lava-color-third: #062f34
}

header .mega-menu>.content>a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    justify-content: flex-start
}

header .mega-menu>.content>a:after {
    background: #fff;
    content: "";
    height: .47rem;
    -webkit-mask: url(../images/link.svg) no-repeat;
    mask: url(../images/link.svg) no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: .47rem
}

header .mega-menu>.content>a:hover:after {
    -webkit-transform: translateY(-30%) rotate(195deg);
    transform: translateY(-30%) rotate(195deg)
}

header:has(.mega-menu)>:not(.open-mobile-menu) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    flex-basis: 1%;
    flex-grow: 1
}

header:has(.mega-menu)>.btns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.shown-modal-main-menu header:before {
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%)
}

.shown-modal-main-menu header .open-menu {
    opacity: 0
}

@media(max-width:480px) {
    .shown-modal-main-menu header .logo {
        opacity: 0;
        pointer-events: none
    }
}

.shown-modal-main-menu header .logo>div img {
    opacity: 0;
    -webkit-transition: opacity .7s ease;
    transition: opacity .7s ease
}

.shown-modal-main-menu header .logo>div img:last-child {
    opacity: 1
}

.shown-modal-main-menu header .open-mobile-menu {
    background: var(--close-mobile-menu-bg, #fff);
    border-color: var(--close-mobile-menu-color, #010516)
}

.shown-modal-main-menu header .open-mobile-menu>span {
    background: var(--close-mobile-menu-color, #010516);
    border-radius: 0;
    height: 5rem;
    width: .5rem
}

.logo-fixed {
    height: 3.63rem;
    left: .5rem;
    position: absolute;
    top: .6rem;
    -webkit-transform: translateY(.34rem);
    transform: translateY(.34rem);
    z-index: 10000
}

@media(max-width:480px) {
    .logo-fixed {
        display: none;
        -webkit-transform: unset;
        transform: unset
    }
}

.logo-fixed img {
    height: 5rem
}

section.app {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

@media(max-width:480px) {
    section.app {
        min-height: calc(97vh - 25rem);
        padding-top: 25rem
    }
}

section.app .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center
}

@media(max-width:480px) {
    section.app .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-pack: distribute;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: space-around
    }
}

section.app .content>.btn-sm {
    -ms-flex-item-align: center;
    align-self: center
}

section.app .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 32.01081rem;
    justify-content: flex-end;
    position: relative
}

@media(max-width:480px) {
    section.app .content .bg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: unset;
        pointer-events: none
    }
}

@media(min-width:480px) {
    section.app .content .bg .frame {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem);
        z-index: -1
    }
}

@media(max-width:480px) {
    section.app .content .bg .frame {
        display: inline-block;
        height: 70rem
    }
}

section.app .content .bg .frame canvas {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media(min-width:480px) {
    section.app .content .bg .frame canvas {
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }
}

section.app .content .bg .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    pointer-events: none;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.app .content .bg .title {
        font-size: 8.125rem;
        text-align: left
    }
}

section.app .content .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.app .content .text {
        gap: 5rem
    }
}

section.app .content p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.app .content p {
        font-size: 5rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.app .content .scroll {
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    position: relative
}

section.app .content .scroll>div {
    display: inline-block;
    height: 4.5rem;
    pointer-events: none;
    width: 4.5rem
}

@media(max-width:480px) {
    section.app .content .scroll>div {
        height: 15rem;
        width: 15rem
    }
}

section.app .content .scroll>div:after,
section.app .content .scroll>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

section.app .content .scroll>div:after {
    background-image: url(../images/scroll_hover.svg);
    opacity: 0
}

@media(max-width:480px) {
    section.app .content .scroll>div:after {
        opacity: 1
    }
}

section.app .content .scroll>div:before {
    background-image: url(../images/scroll.svg);
    opacity: 1
}

@media(max-width:480px) {
    section.app .content .scroll>div:before {
        opacity: 0
    }
}

@media(min-width:480px) {
    section.app .content .scroll:hover>div:after {
        opacity: 1
    }

    section.app .content .scroll:hover>div:before {
        opacity: 0
    }
}

section.cta {
    margin: 8.75rem 0
}

@media(max-width:480px) {
    section.cta {
        margin: 25rem 0
    }
}

section.cta .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 5.06rem;
    position: relative
}

@media(max-width:480px) {
    section.cta .content {
        border-radius: 3.75rem;
        padding: 10rem 5rem
    }
}

section.cta .content:after,
section.cta .content:before {
    background: url(../images/bg.svg);
    background-position: 0;
    background-size: 5.24rem 5.24rem;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 16.82rem;
    z-index: 10
}

@media(max-width:480px) {

    section.cta .content:after,
    section.cta .content:before {
        background-size: 15rem 15rem;
        width: 50rem
    }
}

section.cta .content:after {
    right: 2rem
}

@media(max-width:480px) {
    section.cta .content:after {
        display: none
    }
}

section.cta .content:before {
    left: 2rem
}

@media(max-width:480px) {
    section.cta .content:before {
        left: 5rem
    }
}

section.cta .content .lavalamp {
    --lava-blur: 8rem;
    height: 35rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35rem;
    z-index: -1
}

section.cta .content .lavalamp:first-child {
    left: -15rem
}

@media(max-width:480px) {
    section.cta .content .lavalamp:first-child {
        --lava-blur: 15rem;
        height: calc(100% + 38rem);
        left: -30rem;
        width: 75rem
    }
}

section.cta .content .lavalamp:nth-child(2) {
    right: -15rem
}

@media(max-width:480px) {
    section.cta .content .lavalamp:nth-child(2) {
        display: none
    }
}

section.cta .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    width: 43.75rem
}

@media(max-width:480px) {
    section.cta .content .data {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 7.5rem;
        width: unset
    }
}

section.cta .content .data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.cta .content .data .title {
        font-size: 10rem;
        line-height: 94%;
        text-align: left
    }
}

section.cta .content .data .text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center
}

@media(max-width:480px) {
    section.cta .content .data .text {
        font-size: 4.375rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.cta .content .data .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

@media(max-width:480px) {
    section.cta .content .data .btns {
        -ms-flex-item-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        align-self: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }
}

section.cta .content-paralax {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-negative: 0;
    align-items: stretch;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: space-between;
    min-height: 37.5rem;
    overflow: hidden;
    padding: 4rem;
    position: relative
}

@media(max-width:480px) {
    section.cta .content-paralax {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .05) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
        border-radius: 3.75rem;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        justify-content: flex-start;
        padding: 10rem 5rem
    }
}

section.cta .content-paralax:after,
section.cta .content-paralax:before {
    background: url(../images/xapp-cross-points.svg) 50%/contain no-repeat;
    content: "";
    height: 34.3125rem;
    opacity: .8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 34.25rem;
    z-index: -1
}

@media(max-width:480px) {

    section.cta .content-paralax:after,
    section.cta .content-paralax:before {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.cta .content-paralax:before {
    left: -9rem
}

@media(max-width:480px) {
    section.cta .content-paralax:before {
        background: url(../images/xapp-cta-bg-m.png) no-repeat 50%/contain;
        height: 190rem;
        width: 90rem
    }
}

section.cta .content-paralax:after {
    right: -10rem
}

@media(max-width:480px) {
    section.cta .content-paralax:after {
        background: url(../images/x-app-bg.svg);
        background-position: 0 0;
        background-size: 15rem 15rem;
        bottom: 0;
        height: unset;
        left: 0;
        right: unset;
        top: 0;
        -webkit-transform: unset;
        transform: unset;
        width: 50rem;
        z-index: -10
    }
}

section.cta .content-paralax>.txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    width: 43.75rem;
    z-index: 10
}

@media(max-width:480px) {
    section.cta .content-paralax>.txt {
        gap: 7.5rem;
        width: unset
    }
}

section.cta .content-paralax>.txt>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.cta .content-paralax>.txt>.title {
        font-size: 10rem;
        line-height: 94%
    }
}

section.cta .content-paralax>.txt>.text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.cta .content-paralax>.txt>.text {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.cta .content-paralax>.txt>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.cta .content-paralax>.txt>.btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.5rem
    }
}

section.cta .content-paralax>.img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: inline-block;
    flex-grow: 1;
    position: relative
}

@media(max-width:480px) {
    section.cta .content-paralax>.img {
        height: 63.15rem
    }
}

section.cta .content-paralax>.img:before {
    background: url(../images/xapp-cta-bg.png) no-repeat 50%/contain;
    content: "";
    height: 60rem;
    left: -10rem;
    position: absolute;
    right: 0;
    top: calc(50% - var(--data-paralax, 0px));
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60rem
}

@media(max-width:480px) {
    section.cta .content-paralax>.img:before {
        display: none
    }
}

section.cta .content-paralax>.img>.img-frame {
    height: 50rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 33rem
}

@media(max-width:480px) {
    section.cta .content-paralax>.img>.img-frame {
        height: 95rem;
        left: 50%;
        top: 10rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 63rem
    }
}

section.cta .content-paralax>.img>.img-frame img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: translateY(calc(var(--data-paralax, 0)*-1));
    transform: translateY(calc(var(--data-paralax, 0)*-1));
    width: 100%
}

section.seo {
    margin-top: 0;
    overflow: hidden;
    position: relative
}

@media(max-width:480px) {
    section.seo {
        margin-top: 7.5rem
    }
}

section.seo .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
    padding-bottom: 6.25rem
}

@media(max-width:480px) {
    section.seo .content {
        gap: 7.5rem
    }
}

section.seo .content>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.seo .content>.title {
        font-size: 7.5rem
    }
}

section.seo .content>.data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.seo .content>.data {
        gap: 7.5rem
    }
}

section.seo .content>.data:before {
    background: var(--points-bg, url("../images/bg.svg"));
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 12rem;
    z-index: 10
}

@media(max-width:480px) {
    section.seo .content>.data:before {
        display: none
    }
}

section.seo .content>.data.no-decor:before {
    display: none
}

section.seo .content>.data>.view {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

@media(max-width:480px) {
    section.seo .content>.data>.view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem
    }

    section.seo .content>.data>.view .text-2 {
        max-height: var(--marker-h, 0);
        overflow: hidden;
        -webkit-transition: max-height .3s ease;
        transition: max-height .3s ease
    }
}

section.seo .content>.data>.view>div {
    width: 40rem
}

@media(max-width:480px) {
    section.seo .content>.data>.view>div {
        width: unset
    }
}

section.seo .content>.data>.view>div p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

@media(max-width:480px) {
    section.seo .content>.data>.view>div p {
        font-size: 4.375rem
    }
}

section.seo .content>.data>.view>div .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    margin-top: 1.5rem
}

@media(max-width:480px) {
    section.seo .content>.data>.view>div .btns {
        gap: 3.25rem;
        margin-top: 3.75rem
    }
}

section.seo .content>.data span {
    -ms-flex-item-align: start;
    align-self: flex-start
}

section.seo .content>.data .btn-sm.hide,
section.seo .content>.data.show .btn-sm.show {
    display: none
}

section.seo .content>.data.show .btn-sm.hide {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

section.seo .content .scene {
    height: 27.9375rem;
    position: relative
}

@media(max-width:480px) {
    section.seo .content .scene {
        height: 85.3125rem
    }
}

section.seo .content .scene .back {
    height: 30rem;
    left: 50%;
    -webkit-mask: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(12%, #24f6dd), color-stop(39%, #35f6b6), color-stop(48%, rgba(114, 246, 36, 0)), color-stop(51%, rgba(99, 246, 70, 0)), color-stop(62%, #3bf6a6), color-stop(87%, #24f6dd), to(hsla(0, 0%, 100%, 0)));
    -webkit-mask: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #24f6dd 12%, #35f6b6 39%, rgba(114, 246, 36, 0) 48%, rgba(99, 246, 70, 0) 51%, #3bf6a6 62%, #24f6dd 87%, hsla(0, 0%, 100%, 0));
    mask: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(12%, #24f6dd), color-stop(39%, #35f6b6), color-stop(48%, rgba(114, 246, 36, 0)), color-stop(51%, rgba(99, 246, 70, 0)), color-stop(62%, #3bf6a6), color-stop(87%, #24f6dd), to(hsla(0, 0%, 100%, 0)));
    mask: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #24f6dd 12%, #35f6b6 39%, rgba(114, 246, 36, 0) 48%, rgba(99, 246, 70, 0) 51%, #3bf6a6 62%, #24f6dd 87%, hsla(0, 0%, 100%, 0));
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60rem;
    z-index: -1
}

@media(max-width:480px) {
    section.seo .content .scene .back {
        height: 90rem;
        width: 95rem
    }
}

section.seo .content .scene .back canvas {
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(12%, #24f6dd), color-stop(39%, #35f6b6), color-stop(48%, rgba(114, 246, 36, 0)), color-stop(51%, rgba(99, 246, 70, 0)), color-stop(62%, #3bf6a6), color-stop(87%, #24f6dd), to(hsla(0, 0%, 100%, 0)));
    -webkit-mask: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #24f6dd 12%, #35f6b6 39%, rgba(114, 246, 36, 0) 48%, rgba(99, 246, 70, 0) 51%, #3bf6a6 62%, #24f6dd 87%, hsla(0, 0%, 100%, 0));
    mask: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(12%, #24f6dd), color-stop(39%, #35f6b6), color-stop(48%, rgba(114, 246, 36, 0)), color-stop(51%, rgba(99, 246, 70, 0)), color-stop(62%, #3bf6a6), color-stop(87%, #24f6dd), to(hsla(0, 0%, 100%, 0)));
    mask: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #24f6dd 12%, #35f6b6 39%, rgba(114, 246, 36, 0) 48%, rgba(99, 246, 70, 0) 51%, #3bf6a6 62%, #24f6dd 87%, hsla(0, 0%, 100%, 0))
}

section.faq {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start;
    margin-top: 4.25rem
}

@media(max-width:480px) {
    section.faq {
        gap: 12.5rem;
        margin-top: 7.5rem
    }
}

section.faq>.faq-note {
    padding-bottom: 4rem
}

@media(max-width:480px) {
    section.faq>.faq-note {
        padding-bottom: 5rem
    }
}

section.faq>.faq-note p {
    color: #66686b;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.faq>.faq-note p {
        font-size: 3.2rem;
        line-height: 132%
    }
}

section.faq .content {
    position: relative
}

section.faq .content:before {
    background: url(../images/bg_1.png) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 70rem;
    left: -15rem;
    position: absolute;
    top: -23.75rem;
    width: 70rem;
    z-index: -1
}

@media(max-width:480px) {
    section.faq .content:before {
        background-size: 100% 100%;
        height: 200rem;
        top: -73.75rem;
        width: 100rem
    }
}

section.faq .content .item .ask {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid hsla(0, 0%, 100%, .149);
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 2rem;
    padding: 2rem 0;
    text-align: left
}

@media(max-width:480px) {
    section.faq .content .item .ask {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-bottom-width: .3rem;
        font-size: 5.625rem;
        line-height: 7.5rem;
        padding: 5.625rem 0
    }
}

section.faq .content .item .ask .open {
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 2rem;
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    position: relative;
    -webkit-transition: background .3s linear, -webkit-transform .4s ease;
    transition: background .3s linear, -webkit-transform .4s ease;
    transition: transform .4s ease, background .3s linear;
    transition: transform .4s ease, background .3s linear, -webkit-transform .4s ease;
    width: 2rem
}

@media(max-width:480px) {
    section.faq .content .item .ask .open {
        border-radius: 10rem;
        height: 10rem;
        min-width: 10rem;
        width: 10rem
    }
}

section.faq .content .item .ask .open:after,
section.faq .content .item .ask .open:before {
    background-color: #fff;
    bottom: 20%;
    content: "";
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 20%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: background .3s linear, opacity .3s linear;
    transition: background .3s linear, opacity .3s linear;
    width: .06rem
}

@media(max-width:480px) {

    section.faq .content .item .ask .open:after,
    section.faq .content .item .ask .open:before {
        width: .2rem
    }
}

section.faq .content .item .ask .open:after {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg)
}

section.faq .content .item .ask .open:hover {
    background-color: #fff
}

section.faq .content .item .ask .open:hover:after,
section.faq .content .item .ask .open:hover:before {
    background-color: #010516
}

section.faq .content .item .answer {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease
}

section.faq .content .item .answer>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    --bullet-color: #bfc1c5;
    align-items: stretch;
    color: #bfc1c5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 2rem;
    padding: 2rem 0
}

@media(max-width:480px) {
    section.faq .content .item .answer>div {
        font-size: 4.375rem;
        gap: 1.5rem;
        line-height: 6.25rem;
        padding: 6.25rem 0
    }
}

section.faq .content .item .answer>div * {
    color: #bfc1c5 !important
}

section.faq .content .item .answer>div.blog-content-container>.table>div {
    max-width: unset
}

section.faq .content .item .answer>div>p {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2rem
}

@media(max-width:480px) {
    section.faq .content .item .answer>div>p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.faq .content .item .answer>div>p a {
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: underline
}

@media(max-width:480px) {
    section.faq .content .item .answer>div div.list-container {
        margin-top: 3rem
    }

    section.faq .content .item .answer>div div.list-container label.for-list {
        font-size: 4.375rem;
        line-height: 6.25rem;
        padding-left: 0
    }
}

section.faq .content .item .answer>div ol {
    margin-bottom: 1rem;
    margin-top: 1.5rem
}

@media(max-width:480px) {
    section.faq .content .item .answer>div ol {
        margin-bottom: 2rem;
        margin-top: 3rem
    }
}

section.faq .content .item .answer>div li {
    font-size: 1.25rem
}

@media(max-width:480px) {
    section.faq .content .item .answer>div li {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.faq .content .item .answer>div>div {
    margin-top: 1rem
}

section.faq .content .item.expand .ask .open {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

section.faq .content .item.expand .ask .open:after {
    opacity: 0
}

section.faq .content.auto-num {
    counter-reset: faq-auto-num
}

section.faq .content.auto-num>.item {
    counter-increment: faq-auto-num;
    position: relative
}

section.faq .content.auto-num>.item:before {
    color: #adadad;
    content: counter(faq-auto-num) ".";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
    position: absolute;
    right: 100%;
    text-align: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:480px) {
    section.faq .content.auto-num>.item:before {
        font-size: 5.625rem;
        line-height: 7.5rem
    }
}

body.blockchain section.faq .content:before {
    background: url(../images/faq-bg_1.png) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 70rem;
    left: -15rem;
    position: absolute;
    top: -33.75rem;
    width: 60rem;
    z-index: -1
}

@media(max-width:480px) {
    body.blockchain section.faq .content:before {
        background-size: 100% 100%;
        height: 200rem;
        top: -73.75rem;
        width: 100rem
    }
}

body.x-app section.faq .content:before {
    background: url(../images/faq-bg.png) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 70rem;
    left: -12rem;
    position: absolute;
    top: -23.75rem;
    width: 60rem;
    z-index: -1
}

@media(max-width:480px) {
    body.x-app section.faq .content:before {
        background-size: 100% 100%;
        height: 200rem;
        top: -73.75rem;
        width: 100rem
    }
}

section.pans {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

section.pans.margin-top {
    margin-top: 8.75rem
}

@media(max-width:480px) {
    section.pans.margin-top {
        margin-top: 25rem
    }
}

section.pans .content {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr)
}

section.pans .content.c1 {
    grid-template-columns: repeat(1, 1fr)
}

@media(max-width:480px) {
    section.pans .content {
        gap: 5rem;
        grid-template-columns: 1fr
    }
}

section.pans .content.flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.pans .content.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

section.pans .content .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: none;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.pans .content .btns {
        gap: 3.75rem;
        width: unset
    }
}

section.pans .content .btns:has(.btn, .btn-sm) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.pans .content>div {
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    min-height: 42.75rem;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    z-index: 1
}

@media(max-width:480px) {
    section.pans .content>div {
        border-radius: 3.75rem;
        padding: 5rem
    }
}

section.pans .content>div>.lavalamp {
    height: 26rem;
    position: absolute;
    right: -8rem;
    top: 0;
    width: 23rem;
    z-index: -1
}

@media(max-width:480px) {
    section.pans .content>div>.lavalamp {
        --lava-blur: 20rem;
        bottom: 0;
        height: 75rem;
        opacity: .8;
        top: auto;
        width: 85rem
    }
}

section.pans .content>div.info {
    background: url(../images/info.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 37.55763rem 23rem;
    min-height: unset
}

@media(max-width:480px) {
    section.pans .content>div.info {
        background-image: url(../images/info-m.png);
        background-position: bottom;
        background-size: 83.2rem;
        padding-bottom: 60rem
    }
}

section.pans .content>div.info .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.59rem;
    justify-content: flex-start;
    width: 40.5rem
}

@media(max-width:480px) {
    section.pans .content>div.info .txt {
        gap: 5rem;
        width: unset
    }
}

section.pans .content>div.info .txt p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.pans .content>div.info .txt p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.pans .content>div.formula {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    background: url(../images/formula.png) no-repeat;
    background-position: 100% 0;
    background-size: 31rem 31rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.pans .content>div.formula {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        background: url(../images/formula-m.png) no-repeat;
        background-position: top;
        background-size: 84rem;
        gap: 7.5rem;
        justify-content: flex-end;
        padding-top: 62.5rem
    }
}

section.pans .content>div.description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

section.pans .content>div.description .lavalamp {
    --lava-blur: 8rem;
    height: 25rem;
    opacity: .7;
    right: -9rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 25rem
}

@media(max-width:480px) {
    section.pans .content>div.description .lavalamp {
        --lava-blur: 12rem;
        bottom: -40rem;
        height: 90rem;
        right: -32rem;
        width: 90rem
    }
}

section.pans .content>div.description>.item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start;
    padding-bottom: 1.5rem
}

@media(max-width:480px) {
    section.pans .content>div.description>.item {
        padding-bottom: 5rem
    }
}

section.pans .content>div.description>.item .title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.pans .content>div.description>.item .title {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.pans .content>div.description>.item p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.pans .content>div.description>.item p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.pans .content>div.description>.item p b {
    color: #24f6dd;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

section.pans .content>div.formula>.title,
section.pans .content>div.mpx>.title,
section.pans .content>div.pool>.title,
section.pans .content>div.utilities>.title,
section.pans .content>div.xfi>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {

    section.pans .content>div.formula>.title,
    section.pans .content>div.mpx>.title,
    section.pans .content>div.pool>.title,
    section.pans .content>div.utilities>.title,
    section.pans .content>div.xfi>.title {
        font-size: 7.5rem
    }
}

section.pans .content>div.formula>.text,
section.pans .content>div.mpx>.text,
section.pans .content>div.pool>.text,
section.pans .content>div.utilities>.text,
section.pans .content>div.xfi>.text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between
}

@media(max-width:480px) {

    section.pans .content>div.formula>.text,
    section.pans .content>div.mpx>.text,
    section.pans .content>div.pool>.text,
    section.pans .content>div.utilities>.text,
    section.pans .content>div.xfi>.text {
        gap: 5rem
    }
}

section.pans .content>div.formula>.text p,
section.pans .content>div.mpx>.text p,
section.pans .content>div.pool>.text p,
section.pans .content>div.utilities>.text p,
section.pans .content>div.xfi>.text p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {

    section.pans .content>div.formula>.text p,
    section.pans .content>div.mpx>.text p,
    section.pans .content>div.pool>.text p,
    section.pans .content>div.utilities>.text p,
    section.pans .content>div.xfi>.text p {
        font-size: 6.25rem;
        line-height: 7.5rem
    }
}

section.pans .content>div.formula>.text p *,
section.pans .content>div.mpx>.text p *,
section.pans .content>div.pool>.text p *,
section.pans .content>div.utilities>.text p *,
section.pans .content>div.xfi>.text p * {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: inherit
}

section.pans .content>div.formula>.text p a,
section.pans .content>div.mpx>.text p a,
section.pans .content>div.pool>.text p a,
section.pans .content>div.utilities>.text p a,
section.pans .content>div.xfi>.text p a {
    text-decoration: underline
}

section.pans .content>div.formula>.text .img-frame,
section.pans .content>div.mpx>.text .img-frame,
section.pans .content>div.pool>.text .img-frame,
section.pans .content>div.utilities>.text .img-frame,
section.pans .content>div.xfi>.text .img-frame {
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.63rem;
    padding: 1.25rem
}

@media(max-width:480px) {

    section.pans .content>div.formula>.text .img-frame,
    section.pans .content>div.mpx>.text .img-frame,
    section.pans .content>div.pool>.text .img-frame,
    section.pans .content>div.utilities>.text .img-frame,
    section.pans .content>div.xfi>.text .img-frame {
        border-radius: 3.75rem;
        height: 15rem;
        padding: 3.75rem 3.125rem
    }
}

section.pans .content>div.formula>.text .img-frame img,
section.pans .content>div.mpx>.text .img-frame img,
section.pans .content>div.pool>.text .img-frame img,
section.pans .content>div.utilities>.text .img-frame img,
section.pans .content>div.xfi>.text .img-frame img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.pans .content>div.mpx,
section.pans .content>div.pool,
section.pans .content>div.utilities,
section.pans .content>div.xfi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    padding-bottom: 3rem
}

@media(max-width:480px) {

    section.pans .content>div.mpx,
    section.pans .content>div.pool,
    section.pans .content>div.utilities,
    section.pans .content>div.xfi {
        gap: 7rem;
        padding-bottom: 27rem
    }
}

section.pans .content>div.pool {
    background-image: url(../images/pool.png);
    background-position: 100% 100%;
    background-size: 25.37rem 24.13rem
}

section.pans .content>div.utilities {
    background-image: url(../images/utilites.png);
    background-position: bottom;
    background-size: 31.25rem 26.69rem
}

section.pans .content>div.mpx,
section.pans .content>div.xfi {
    background-repeat: no-repeat;
    min-height: 30.75rem
}

section.pans .content>div.xfi {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background-image: url(../images/xfi.png);
    background-position: top;
    background-size: 31.21rem 24.46rem;
    justify-content: flex-end
}

@media(max-width:480px) {
    section.pans .content>div.xfi {
        background-size: 100rem 79rem;
        padding-bottom: 5rem;
        padding-top: 75rem
    }
}

section.pans .content>div.mpx {
    background-image: url(../images/mpx.png);
    background-position: 100% 100%;
    background-size: 22.87rem 18.31rem
}

@media(max-width:480px) {
    section.pans .content>div.mpx {
        background-size: 73rem 55rem;
        padding-bottom: 52rem
    }
}

section.join {
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media(max-width:480px) {
    section.join {
        padding-bottom: 4rem;
        padding-top: 25rem
    }
}

section.join .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .05) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    padding-left: 4.44rem
}

@media(max-width:480px) {
    section.join .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        border-radius: 3.75rem;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0
    }
}

section.join .content .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    max-width: 35.875rem;
    width: 35.875rem
}

@media(max-width:480px) {
    section.join .content .text {
        gap: 7.5rem;
        max-width: unset;
        padding: 3.75rem 5rem 7.5rem;
        width: unset
    }
}

section.join .content .text span {
    color: #fff;
    font-family: Infynyte;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.join .content .text span {
        font-size: 10rem;
        line-height: 94%
    }
}

section.join .content .img-frame {
    max-width: 37.5rem;
    width: 37.5rem
}

@media(max-width:480px) {
    section.join .content .img-frame {
        max-width: unset;
        width: unset
    }
}

section.join .content .img-frame img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.jobs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 46rem;
    padding-bottom: 4rem;
    padding-top: 4rem;
    position: relative
}

@media(max-width:480px) {
    section.jobs {
        padding-bottom: 28rem
    }
}

section.jobs>.bg {
    background: url(../images/bg_2.png);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -4rem;
    left: 0;
    max-height: 65rem;
    position: absolute;
    right: 0;
    top: -8rem;
    z-index: -1
}

@media(max-width:480px) {
    section.jobs>.bg {
        display: none
    }
}

section.jobs>.content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.jobs>.content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem
    }
}

section.jobs>.content .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    width: 28.5rem
}

@media(max-width:480px) {
    section.jobs>.content .head {
        width: unset
    }
}

section.jobs>.content .head .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.jobs>.content .head .title {
        font-size: 6.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 8.75rem
    }
}

section.jobs>.content .list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 4rem
}

section.jobs>.content .list,
section.jobs>.content .list .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

section.jobs>.content .list .items {
    gap: 1.5rem
}

@media(max-width:480px) {
    section.jobs>.content .list .items {
        gap: 5rem
    }
}

section.jobs>.content .list .items .item,
section.jobs>.content .list .items .send-resume {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    margin-top: 0;
    max-height: var(--data-overflow-h, none);
    opacity: 1;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    will-change: max-height, opacity, margin-top
}

@media(max-width:480px) {

    section.jobs>.content .list .items .item,
    section.jobs>.content .list .items .send-resume {
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border-radius: 3.75rem
    }
}

section.jobs>.content .list .items .item.hide-item,
section.jobs>.content .list .items .send-resume.hide-item {
    margin-top: -1.53rem;
    max-height: 0;
    opacity: 0
}

@media(max-width:480px) {

    section.jobs>.content .list .items .item.hide-item,
    section.jobs>.content .list .items .send-resume.hide-item {
        margin-top: -4.27rem
    }
}

section.jobs>.content .list .items .send-resume>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.25rem;
    justify-content: flex-start;
    padding: 2.69rem 15.64rem 2.69rem 1.5rem;
    position: relative
}

@media(max-width:480px) {
    section.jobs>.content .list .items .send-resume>div {
        gap: 7.5rem;
        padding: 88.2rem 5rem 7.5rem
    }
}

section.jobs>.content .list .items .send-resume>div span {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.jobs>.content .list .items .send-resume>div span {
        font-size: 10rem
    }
}

section.jobs>.content .list .items .send-resume>div:before {
    background: url(../images/add_resume.png) 50% no-repeat;
    background-size: cover;
    bottom: .37rem;
    content: "";
    position: absolute;
    right: .37rem;
    top: .37rem;
    width: 13.64rem
}

@media(max-width:480px) {
    section.jobs>.content .list .items .send-resume>div:before {
        background-image: url(../images/add_resume_m.png);
        bottom: unset;
        height: 83rem;
        left: 1.88rem;
        right: 1.88rem;
        top: 1.88rem;
        width: unset
    }
}

section.jobs>.content .list .items .item>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    --icon-color: #8c8d95;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.5rem;
    padding: 1.56rem 2rem 1.56rem 1.5rem
}

@media(max-width:480px) {
    section.jobs>.content .list .items .item>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        padding: 5rem
    }
}

section.jobs>.content .list .items .item>div>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #fff;
    display: inline-block;
    flex-grow: 1;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media(max-width:480px) {
    section.jobs>.content .list .items .item>div>span {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.jobs>.content .list .items .item>div>.info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.jobs>.content .list .items .item>div>.info {
        gap: 4rem
    }
}

section.jobs>.content .list .items .item>div>.info>.link-decor {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translateY(-.27rem);
    transform: translateY(-.27rem)
}

@media(max-width:480px) {
    section.jobs>.content .list .items .item>div>.info>.link-decor {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(min-width:480px) {
    section.jobs>.content .list .items .item:hover>div>span {
        -webkit-transform: translateX(1.5rem);
        transform: translateX(1.5rem)
    }
}

section.jobs>.content .list>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin-top: 0
}

section.jobs>.content .list>.btns:has(.loading) {
    opacity: .5;
    pointer-events: none
}

section.jobs>.content .list>.btns:has(.ready) {
    margin-top: -4rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: margin .3s linear .2s, opacity .5s ease;
    transition: margin .3s linear .2s, opacity .5s ease
}

section.jobs>.content .list>.btns:has(.ready) .btn-sm {
    pointer-events: none
}

section.info {
    padding-bottom: 8.75rem;
    padding-top: 8.75rem
}

section.info .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    overflow: hidden;
    padding: 4rem;
    position: relative
}

@media(max-width:480px) {
    section.info .content {
        border-radius: 3.75rem;
        border-width: .15rem;
        gap: 7.5rem
    }
}

section.info .content .dec-1,
section.info .content .dec-2 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.info .content .dec-1:after,
section.info .content .dec-1:before,
section.info .content .dec-2:after,
section.info .content .dec-2:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.info .content .dec-1 {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .05) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    z-index: -2
}

section.info .content .dec-1:after,
section.info .content .dec-1:before {
    background: url(../images/decor.svg);
    background-position: top;
    background-repeat: repeat;
    background-size: 100% auto;
    top: -17rem;
    width: 21.52413rem
}

section.info .content .dec-1:before {
    right: unset
}

@media(max-width:480px) {
    section.info .content .dec-1:before {
        left: -14rem;
        width: 47.83125rem
    }
}

section.info .content .dec-1:after {
    left: unset
}

@media(max-width:480px) {
    section.info .content .dec-1:after {
        display: none
    }
}

section.info .content .dec-2 {
    z-index: -1
}

section.info .content .dec-2:after,
section.info .content .dec-2:before {
    background: url(../images/bg.png) no-repeat;
    background-position: 0;
    background-size: contain
}

@media(max-width:480px) {

    section.info .content .dec-2:after,
    section.info .content .dec-2:before {
        background-repeat: repeat;
        left: -14rem
    }
}

section.info .content .dec-2:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media(max-width:480px) {
    section.info .content .dec-2:after {
        display: none
    }
}

section.info .content .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.info .content .title {
        font-size: 10rem;
        line-height: 94%
    }
}

section.info .content .btns {
    -ms-flex-item-align: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
    justify-content: center
}

@media(max-width:480px) {
    section.info .content .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem
    }
}

section.info .content .foot,
section.info .content .foot>p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center
}

@media(max-width:480px) {

    section.info .content .foot,
    section.info .content .foot>p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.info .content .foot a,
section.info .content .foot>p a {
    color: #0cc2ff;
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

section.info .content .foot a:hover,
section.info .content .foot>p a:hover {
    color: #fff
}

section.docs {
    margin-bottom: 5rem;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.docs {
        margin-bottom: 12.5rem;
        margin-top: 12.5rem
    }
}

section.docs .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.docs .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem
    }
}

section.docs .content>a {
    -ms-flex-preferred-size: 1%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 1%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1rem;
    padding: .75rem .75rem 4.5rem;
    position: relative
}

@media(max-width:480px) {
    section.docs .content>a {
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border: .842px solid hsla(0, 0%, 100%, .15);
        border-radius: 3.15781rem;
        gap: 3.75rem;
        padding: 5rem 5rem 20rem
    }
}

section.docs .content>a .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    gap: .75rem;
    justify-content: flex-start;
    line-height: normal
}

@media(max-width:480px) {
    section.docs .content>a .title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 6.25rem;
        line-height: 8.75rem;
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem)
    }
}

section.docs .content>a .title .img {
    height: 14.875rem
}

@media(max-width:480px) {
    section.docs .content>a .title .img {
        height: 38rem;
        -webkit-transform: translateX(-2.5rem);
        transform: translateX(-2.5rem);
        width: 39rem
    }
}

section.docs .content>a .title .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.docs .content>a>p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.docs .content>a>p {
        color: #8d8f96;
        font-size: 4.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: 6.25rem
    }
}

section.docs .content>a .decor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 50%;
    bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: .75rem;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    section.docs .content>a .decor {
        bottom: 5rem;
        height: 10rem;
        right: 5rem;
        width: 10rem
    }
}

section.docs .content>a .decor:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .7rem;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    section.docs .content>a .decor:after {
        height: 4rem;
        width: 4rem
    }
}

section.docs .content>a:hover .decor {
    background: #fff
}

section.docs .content>a:hover .decor:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

section.xApp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

@media(max-width:480px) {
    section.xApp {
        min-height: calc(97vh - 25rem);
        padding-top: 25rem
    }
}

section.xApp .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center
}

@media(max-width:480px) {
    section.xApp .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-pack: distribute;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: space-around
    }
}

section.xApp .content>.btn-sm {
    -ms-flex-item-align: center;
    align-self: center
}

section.xApp .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 32.01081rem;
    justify-content: flex-end;
    position: relative
}

@media(max-width:480px) {
    section.xApp .content .bg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: unset;
        pointer-events: none
    }
}

@media(min-width:480px) {
    section.xApp .content .bg .frame {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem);
        z-index: -1
    }
}

@media(max-width:480px) {
    section.xApp .content .bg .frame {
        display: inline-block;
        height: 70rem
    }
}

section.xApp .content .bg .frame canvas {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.xApp .content .bg .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    pointer-events: none;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.xApp .content .bg .title {
        font-size: 10rem;
        text-align: left
    }
}

section.xApp .content .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.xApp .content .text {
        gap: 5rem
    }
}

section.xApp .content p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.xApp .content p {
        font-size: 5rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.xApp .content .scroll {
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    position: relative
}

section.xApp .content .scroll>div {
    display: inline-block;
    height: 4.5rem;
    pointer-events: none;
    width: 4.5rem
}

@media(max-width:480px) {
    section.xApp .content .scroll>div {
        height: 15rem;
        width: 15rem
    }
}

section.xApp .content .scroll>div:after,
section.xApp .content .scroll>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

section.xApp .content .scroll>div:after {
    background-image: url(../images/scroll_hover.svg);
    opacity: 0
}

@media(max-width:480px) {
    section.xApp .content .scroll>div:after {
        opacity: 1
    }
}

section.xApp .content .scroll>div:before {
    background-image: url(../images/scroll.svg);
    opacity: 1
}

@media(max-width:480px) {
    section.xApp .content .scroll>div:before {
        opacity: 0
    }
}

@media(min-width:480px) {
    section.xApp .content .scroll:hover>div:after {
        opacity: 1
    }

    section.xApp .content .scroll:hover>div:before {
        opacity: 0
    }
}

section.x-app {
    display: block;
    min-height: 300vh
}

@media(max-width:480px) {
    section.x-app {
        margin-bottom: 32rem;
        min-height: 350vh;
        padding-top: 25rem
    }
}

section.x-app .fix {
    height: calc(100vh - 7rem);
    left: 0;
    padding-top: 7rem;
    position: sticky;
    top: 0
}

@media(max-width:480px) {
    section.x-app .fix {
        height: calc(100vh - 70rem);
        padding-bottom: 30rem;
        padding-top: 0;
        top: 30rem
    }
}

section.x-app .fix .cover,
section.x-app .fix .frame3d {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {

    section.x-app .fix .cover,
    section.x-app .fix .frame3d {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        top: -30rem
    }
}

section.x-app .fix .frame3d .lt {
    --lava-blur: 3rem;
    height: 30rem;
    left: -10rem;
    opacity: .7;
    position: absolute;
    top: -10rem;
    width: 30rem;
    z-index: -50
}

@media(max-width:480px) {
    section.x-app .fix .frame3d .lt {
        --lava-blur: 10rem;
        height: 90rem;
        left: 50%;
        top: 60%;
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);
        width: 90rem;
        z-index: -10
    }
}

section.x-app .fix .frame3d .rt {
    --lava-blur: 2.5rem;
    height: 20rem;
    opacity: .7;
    position: absolute;
    right: -5rem;
    top: -5rem;
    width: 20rem;
    z-index: -50
}

@media(max-width:480px) {
    section.x-app .fix .frame3d .rt {
        display: none
    }
}

section.x-app .fix .frame3d .lb {
    --lava-blur: 3rem;
    bottom: -7rem;
    height: 25rem;
    left: -7rem;
    opacity: .9;
    position: absolute;
    width: 25rem;
    z-index: -50
}

@media(max-width:480px) {
    section.x-app .fix .frame3d .lb {
        display: none
    }

    section.x-app .fix .frame3d {
        padding-top: 30rem
    }
}

section.x-app .fix .cover {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.x-app .fix .cover {
        bottom: 0
    }
}

section.x-app .fix .cover .bg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

section.x-app .fix .cover .bg:before {
    background: url(../images/x-app-bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 0;
    -webkit-mask-image: url(../images/mask-sq.png);
    mask-image: url(../images/mask-sq.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: -10
}

@media(max-width:480px) {
    section.x-app .fix .cover .bg:before {
        background-size: 15rem 15rem;
        bottom: 0;
        -webkit-mask: unset;
        mask: unset;
        top: 25rem
    }
}

section.x-app .fix .cover .scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    bottom: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.x-app .fix .cover .scroll {
        gap: 3.75rem
    }
}

section.x-app .fix .cover .scroll span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.x-app .fix .cover .scroll span {
        font-size: 3.75rem
    }
}

section.x-app .fix .cover .scroll svg {
    height: 1.25rem;
    width: 1.25rem
}

@media(max-width:480px) {
    section.x-app .fix .cover .scroll svg {
        height: 6.25rem;
        width: 6.25rem
    }
}

@-webkit-keyframes scroll-chain {
    0% {
        opacity: .2
    }

    35% {
        opacity: 1
    }

    90% {
        opacity: .2
    }

    to {
        opacity: .2
    }
}

section.x-app .fix .cover .scroll svg path {
    -webkit-animation: scroll-chain 2s ease-in-out 0s infinite;
    animation: scroll-chain 2s ease-in-out 0s infinite;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

section.x-app .fix .cover .scroll svg path:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

section.x-app .fix .cover .scroll:hover svg path {
    fill: #fff
}

section.x-app .fix .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    min-height: calc(100vh - 10rem);
    z-index: 100
}

@media(max-width:480px) {
    section.x-app .fix .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: flex-start;
        min-height: calc(100vh - 35rem)
    }
}

section.x-app .fix .content .word {
    display: inline;
    white-space: nowrap
}

section.x-app .fix .content .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(.3rem) scale(.7);
    transform: translateX(.3rem) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.x-app .fix .content .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.x-app .fix .content .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(-.3rem) scale(.7);
    transform: translateX(-.3rem) scale(.7)
}

section.x-app .fix .content>.btn-sm {
    -ms-flex-item-align: center;
    align-self: center
}

section.x-app .fix .content .bg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 32.01081rem;
    justify-content: space-between;
    position: relative
}

@media(max-width:480px) {
    section.x-app .fix .content .bg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-grow: 1;
        height: unset;
        justify-content: space-between;
        padding-bottom: 20rem;
        pointer-events: none
    }
}

section.x-app .fix .content .bg .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 40vh
}

@media(max-width:480px) {
    section.x-app .fix .content .bg .title {
        min-height: unset
    }
}

section.x-app .fix .content .bg .title>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.x-app .fix .content .bg .title>div {
        font-size: 16.25rem;
        text-align: left
    }
}

section.x-app .fix .content .bg .title>div span {
    color: #fff;
    font-family: Infynyte;
    font-size: 8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.x-app .fix .content .bg .title>div span {
        font-size: 16.25rem;
        line-height: 94%
    }
}

section.x-app .fix .content .bg .title>div b span {
    color: #6222f6
}

section.x-app .fix .content .bg .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end
}

section.x-app .fix .content .bg .text>div {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    max-width: 31.25rem
}

@media(max-width:480px) {
    section.x-app .fix .content .bg .text>div {
        font-size: 5rem;
        max-width: unset
    }

    section.x-app .fix .content .bg .text>div ul {
        margin-top: 3.75rem
    }
}

section.x-app .fix .content .bg .text>div ul li:before {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

section.x-app .fix .content .bg .text>div ul li:has(.show):before {
    opacity: 1
}

section.x-app .fix .content .bg .text>div ul li:has(.hide):before {
    opacity: 0
}

section.x-app .fix .content .bg .text.center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 45rem
}

@media(max-width:480px) {
    section.x-app .fix .content .bg .text.center {
        width: 90rem
    }

    section.x-app .fix .content .bg .text.center>div {
        text-align: center
    }
}

section.x-app .fix .content .bg .text.center>div {
    max-width: unset
}

section.x-app .fix .content .bg .text.center .v1 {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.x-app .fix .content .bg .text.center .v1 {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.x-app .fix .content .bg .text.center .v2 {
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.x-app .fix .content .bg .text.center .v2 {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.x-app .fix .content .bg .text.center .v2 ul {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: left
}

section.x-app .fix .content .bg .text.center .v2 a {
    text-decoration: underline
}

section.x-app .fix .content .bg .text.center .v2 * {
    color: #c0c1c5
}

section.graph {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
    padding-bottom: 5rem;
    padding-top: 5rem
}

@media(max-width:480px) {
    section.graph {
        gap: 9rem;
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

section.graph>.texts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8.5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.graph>.texts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4.5rem
    }
}

section.graph>.texts>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 1%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.graph>.texts>div {
        gap: 4.5rem
    }
}

section.graph>.texts>div * {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

@media(max-width:480px) {
    section.graph>.texts>div * {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.graph>.texts>div a {
    text-decoration: underline
}

section.graph .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.graph .content {
        gap: 3.75rem
    }
}

section.graph .content .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    max-width: 66rem;
    padding-bottom: 2.25rem
}

@media(max-width:480px) {
    section.graph .content .text {
        font-size: 5rem;
        line-height: 5.625rem;
        max-width: unset
    }
}

section.graph .content .title {
    color: #5a5d68;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

@media(max-width:480px) {
    section.graph .content .title {
        font-size: 3.125rem
    }
}

section.graph .content>.two-texts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 8.27rem
}

@media(max-width:480px) {
    section.graph .content>.two-texts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        width: unset
    }
}

section.graph .content>.two-texts .big {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase;
    width: 40rem
}

@media(max-width:480px) {
    section.graph .content>.two-texts .big {
        font-size: 7.5rem;
        text-transform: lowercase;
        width: unset
    }
}

section.graph .content>.two-texts .small {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    width: 31.25rem
}

@media(max-width:480px) {
    section.graph .content>.two-texts .small {
        font-size: 4.375rem;
        line-height: 6.25rem;
        width: unset
    }
}

section.graph .content svg {
    -ms-flex-item-align: center;
    align-self: center
}

section.graph .content .with-legend {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 11.1rem
}

@media(max-width:480px) {
    section.graph .content .with-legend {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

section.graph .content .with-legend .chart {
    height: 29.125rem;
    width: 49.0625rem
}

section.graph .content .with-legend .chart.polar .apexcharts-tooltip {
    display: none !important
}

@media(max-width:480px) {
    section.graph .content .with-legend .chart {
        height: 64.375rem;
        width: unset
    }

    section.graph .content .with-legend .chart.polar {
        height: 90rem
    }
}

section.graph .content .with-legend .legend {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start
}

section.graph .content .with-legend .legend>* {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-bottom: 1px solid #26272b;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    gap: .75rem;
    justify-content: space-between;
    line-height: 1.75rem;
    padding: 1.5rem 0;
    position: relative;
    text-align: right
}

@media(max-width:480px) {
    section.graph .content .with-legend .legend>* {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 5rem;
        gap: 3.75rem;
        justify-content: flex-start;
        line-height: 5.625rem;
        padding: 3.75rem 0
    }
}

section.graph .content .with-legend .legend>* span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: inherit;
    flex-grow: 1;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: left
}

section.graph .content .with-legend .legend>:before {
    background: var(--data-graph-legend-color);
    bottom: 0;
    content: "";
    display: block;
    display: inline-block;
    height: .2rem;
    left: 0;
    right: 0;
    width: 3.5rem
}

@media(max-width:480px) {
    section.graph .content .with-legend .legend>:before {
        height: .7rem;
        width: 5rem
    }
}

section.graph .content .with-legend .legend>:after {
    background: #0d0e12;
    border: 1px solid #313235;
    border-radius: .75rem;
    bottom: -1px;
    content: "";
    display: block;
    left: -1rem;
    opacity: 0;
    position: absolute;
    right: -1rem;
    top: -1px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: -1
}

section.graph .content .with-legend .legend>.data-graph-selected:after {
    opacity: 1
}

@media(max-width:480px) {
    section.graph .content .with-legend .legend>.data-graph-selected:after {
        display: none
    }
}

section.links {
    margin-bottom: -8rem;
    margin-top: 7rem
}

section.links:has(.content>.items) {
    margin-bottom: 0;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.links {
        margin-top: 10rem
    }

    section.links:has(.content>.items) {
        padding-bottom: 10rem
    }
}

section.links .content>.two-texts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 8.27rem
}

@media(max-width:480px) {
    section.links .content>.two-texts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem
    }
}

section.links .content>.two-texts .big {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase;
    width: 40rem
}

@media(max-width:480px) {
    section.links .content>.two-texts .big {
        font-size: 7.5rem;
        text-transform: lowercase;
        width: unset
    }
}

section.links .content>.two-texts .small {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    width: 31.25rem
}

@media(max-width:480px) {
    section.links .content>.two-texts .small {
        font-size: 4.375rem;
        line-height: 6.25rem;
        width: unset
    }
}

section.links .content .items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center
}

@media(max-width:480px) {
    section.links .content .items {
        display: grid;
        gap: 2.5rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

section.links .content .items>a {
    border: 1px solid hsla(0, 0%, 100%, .25);
    border-radius: .75rem;
    height: 6.25rem;
    padding: .5rem;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 13.375rem
}

@media(max-width:480px) {
    section.links .content .items>a {
        border-radius: 2.11594rem;
        display: inline-block;
        height: 20rem;
        padding: 1.5rem;
        width: unset
    }
}

section.links .content .items>a img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.links .content .items>a:hover {
    border-color: #fff
}

section.cards {
    margin-bottom: 12rem;
    margin-top: 4rem
}

@media(max-width:480px) {
    section.cards {
        margin-bottom: 25rem;
        margin-top: 7.5rem
    }
}

section.cards .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.cards .content {
        gap: 2.5rem
    }
}

section.cards .content>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 20%;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    flex-basis: 20%;
    flex-grow: 1;
    overflow: hidden;
    padding: .75rem .75rem 2rem
}

@media(max-width:480px) {
    section.cards .content>div {
        -ms-flex-preferred-size: 42%;
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border-radius: 3.15781rem;
        flex-basis: 42%;
        padding: 1.25rem 1.25rem 7.5rem
    }
}

section.cards .content>div div img {
    height: auto;
    width: 100%
}

section.cards .content>div .descr {
    color: #c4c5c9;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

section.cards .content>div p {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 1rem
}

@media(max-width:480px) {
    section.cards .content>div p {
        font-size: 3.75rem;
        line-height: 5rem;
        margin-top: 2.5rem;
        text-align: center
    }
}

body {
    counter-reset: stitle-inx
}

.section-title,
section.title {
    counter-increment: stitle-inx
}

.section-title.margin-top,
section.title.margin-top {
    margin-top: 7rem
}

@media(max-width:480px) {

    .section-title.margin-top,
    section.title.margin-top {
        margin-top: 22rem
    }
}

.section-title .content,
section.title .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 2rem 0;
    position: relative
}

.section-title .content:before,
section.title .content:before {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .27)), color-stop(70%, hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .27), hsla(0, 0%, 100%, 0) 70%);
    bottom: 0;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    right: 0
}

.section-title .content:has(.ctrls),
section.title .content:has(.ctrls) {
    padding: .5rem 0
}

@media(max-width:480px) {

    .section-title .content,
    section.title .content {
        padding: 5rem 0 !important
    }

    .section-title .content:before,
    section.title .content:before {
        height: .5rem
    }
}

.section-title .content .title,
section.title .content .title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    justify-content: flex-start;
    line-height: 92%;
    text-transform: lowercase
}

@media(max-width:480px) {

    .section-title .content .title,
    section.title .content .title {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.section-title .content .title i,
.section-title .content .title span,
section.title .content .title i,
section.title .content .title span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    color: #464955;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: RaleGrotesk;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 1.71875rem;
    margin-right: 1.25rem;
    padding-top: .07rem;
    text-align: right
}

@media(max-width:480px) {

    .section-title .content .title i,
    .section-title .content .title span,
    section.title .content .title i,
    section.title .content .title span {
        font-size: 4.06rem;
        line-height: 5.31rem;
        margin-right: 3rem;
        padding-top: .9rem
    }
}

.section-title .content .title i:before,
section.title .content .title i:before {
    color: inherit;
    content: "." counter(stitle-inx, decimal-leading-zero);
    display: inline;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit
}

section.chain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

@media(max-width:480px) {
    section.chain {
        min-height: calc(97vh - 25rem);
        padding-top: 25rem
    }
}

section.chain .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center
}

@media(max-width:480px) {
    section.chain .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-pack: distribute;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: space-around
    }
}

section.chain .content>.btn-sm {
    -ms-flex-item-align: center;
    align-self: center
}

section.chain .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 32.01081rem;
    justify-content: flex-end;
    position: relative
}

@media(max-width:480px) {
    section.chain .content .bg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: unset;
        pointer-events: none
    }
}

@media(min-width:480px) {
    section.chain .content .bg .frame {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem);
        z-index: -1
    }
}

@media(max-width:480px) {
    section.chain .content .bg .frame {
        display: inline-block;
        height: 70rem
    }
}

section.chain .content .bg .frame canvas {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media(min-width:480px) {
    section.chain .content .bg .frame canvas {
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }
}

section.chain .content .bg .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    pointer-events: none;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.chain .content .bg .title {
        font-size: 8.125rem;
        text-align: left
    }
}

section.chain .content .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.chain .content .text {
        gap: 5rem
    }
}

section.chain .content p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.chain .content p {
        font-size: 5rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.chain .content .scroll {
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    position: relative
}

section.chain .content .scroll>div {
    display: inline-block;
    height: 4.5rem;
    pointer-events: none;
    width: 4.5rem
}

@media(max-width:480px) {
    section.chain .content .scroll>div {
        height: 15rem;
        width: 15rem
    }
}

section.chain .content .scroll>div:after,
section.chain .content .scroll>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

section.chain .content .scroll>div:after {
    background-image: url(../images/scroll_hover.svg);
    opacity: 0
}

@media(max-width:480px) {
    section.chain .content .scroll>div:after {
        opacity: 1
    }
}

section.chain .content .scroll>div:before {
    background-image: url(../images/scroll.svg);
    opacity: 1
}

@media(max-width:480px) {
    section.chain .content .scroll>div:before {
        opacity: 0
    }
}

@media(min-width:480px) {
    section.chain .content .scroll:hover>div:after {
        opacity: 1
    }

    section.chain .content .scroll:hover>div:before {
        opacity: 0
    }
}

section.media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 46rem;
    padding-bottom: 4rem;
    padding-top: 4rem;
    position: relative
}

@media(max-width:480px) {
    section.media {
        padding-bottom: 28rem;
        padding-top: 7rem
    }
}

section.media>.lavalamp {
    bottom: 5rem;
    height: 36rem;
    left: 0;
    position: absolute;
    width: 23rem;
    z-index: -5
}

@media(max-width:480px) {
    section.media>.lavalamp {
        --lava-blur: 14rem;
        bottom: auto;
        height: 85rem;
        position: absolute;
        top: -4rem;
        width: 90rem
    }
}

section.media .decor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 50%;
    bottom: 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: 1.5rem;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    section.media .decor {
        bottom: 3.62rem;
        height: 10rem;
        right: 5.62rem;
        width: 10rem
    }
}

section.media .decor:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .7rem;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    section.media .decor:after {
        height: 3.7rem;
        width: 3.7rem
    }
}

section.media>.content {
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.31rem;
    justify-content: space-between
}

section.media>.content,
section.media>.content .head {
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.media>.content .head {
    -ms-flex-negative: 0;
    -webkit-box-orient: vertical;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    gap: 2rem;
    justify-content: flex-start;
    width: 26.66rem
}
section.media>.content .harf-head {
    width: 40rem !important
}

@media(max-width:480px) {
    section.media>.content .head,section.media>.content .harf-head {
        width: unset
    }
}

section.media>.content .head .img-frame {
    height: 13.125rem;
    width: 13.125rem
}

section.media>.content .head .title,section.media>.content .list .items .item .data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

section.media>.content .list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 4rem
}

section.media>.content .list,
section.media>.content .list .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

section.media>.content .list .items {
    gap: 1.5rem
}

@media(max-width:480px) {
    section.media>.content .list .items {
        gap: 5rem
    }
}

section.media>.content .list .items .item {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    margin-top: 0;
    max-height: var(--data-overflow-h, none);
    opacity: 1;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    will-change: max-height, opacity, margin-top
}

@media(max-width:480px) {
    section.media>.content .list .items .item {
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border-radius: 3.75rem
    }
}

section.media>.content .list .items .item.hide-item {
    margin-top: -1.53rem;
    max-height: 0;
    opacity: 0
}

@media(max-width:480px) {
    section.media>.content .list .items .item.hide-item {
        margin-top: -4.27rem
    }
}

section.media>.content .list .items .item:hover .decor {
    background: #fff
}

section.media>.content .list .items .item:hover .decor:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

section.media>.content .list .items .item a {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    gap: 1.5rem;
    padding: 1.5rem
}

section.media>.content .list .items .item .img-frame {
    -ms-flex-negative: 0;
    border-radius: .75rem;
    flex-shrink: 0;
    height: 9.0625rem;
    overflow: hidden;
    width: 16rem
}

section.media>.content .list .items .item .img-frame img {
    -o-object-fit: cover;
    object-fit: cover
}

section.media>.content .list .items .item .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

section.media>.content .list .items .item .data .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    text-overflow: ellipsis
}

section.media>.content .list .items .item .data .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start
}

section.media>.content .list .items .item .data .tags>div {
    color: #8d8f96;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

section.media>.content .list .items .item .data .tags>div:before {
    content: "#"
}

section.media>.content .list>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin-top: 0
}

section.media>.content .list>.btns:has(.loading) {
    opacity: .5;
    pointer-events: none
}

section.media>.content .list>.btns:has(.ready) {
    margin-top: -4rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: margin .3s linear .2s, opacity .5s ease;
    transition: margin .3s linear .2s, opacity .5s ease
}

section.media>.content .list>.btns:has(.ready) .btn-sm {
    pointer-events: none
}

section.media>.slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10rem;
    justify-content: flex-start;
    overflow: hidden
}

section.media>.slider>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

section.media>.slider .swipe-item {
    padding-right: 5rem
}

section.media>.slider .swipe-item,
section.media>.slider .swipe-item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

section.media>.slider .swipe-item a {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 3.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-grow: 1;
    gap: 5rem;
    padding: 5rem;
    width: 80rem
}

section.media>.slider .swipe-item a .img-frame {
    border-radius: 3.75rem;
    height: 39.0625rem;
    overflow: hidden
}

section.media>.slider .swipe-item a .img-frame img {
    -o-object-fit: cover;
    object-fit: cover
}

section.media>.slider .swipe-item a .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 3.75rem;
    justify-content: flex-start
}

section.media>.slider .swipe-item a .data .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 6.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-overflow: ellipsis
}

section.media>.slider .swipe-item a .data .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: flex-start
}

section.media>.slider .swipe-item a .data .tags>div {
    color: #8d8f96;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.25rem
}

section.media>.slider .swipe-item a .data .tags>div:before {
    content: "#"
}

section.media>.slider .swipe-item a .data .date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: var(--White, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 6.25rem
}

section.media>.slider .swipe-item a .data .date .decor {
    bottom: unset;
    position: relative;
    right: unset
}

section.hero-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8.94rem;
    justify-content: space-between;
    margin-bottom: 10rem;
    margin-top: 3rem;
    position: relative
}

@media(max-width:480px) {
    section.hero-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 7rem;
        margin-bottom: 0;
        margin-top: 22.5rem;
        overflow: hidden;
        padding-bottom: 30rem
    }
}

@media(min-width:480px) {
    section.hero-2>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1
    }
}

section.hero-2 .scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    bottom: -3rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.hero-2 .scroll {
        display: none;
        gap: 3.75rem
    }
}

section.hero-2 .scroll span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.hero-2 .scroll span {
        font-size: 3.75rem
    }
}

section.hero-2 .scroll svg {
    height: 1.25rem;
    width: 1.25rem
}

@media(max-width:480px) {
    section.hero-2 .scroll svg {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.hero-2 .scroll svg path {
    -webkit-animation: scroll-chain 2s ease-in-out 0s infinite;
    animation: scroll-chain 2s ease-in-out 0s infinite;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

section.hero-2 .scroll svg path:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

section.hero-2 .scroll:hover svg path {
    fill: #fff
}

section.hero-2 .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    max-width: 36rem
}

@media(max-width:480px) {
    section.hero-2 .data {
        gap: 10rem;
        max-width: unset
    }
}

section.hero-2 .data>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.hero-2 .data>.title {
        font-size: 10rem
    }
}

section.hero-2 .data>.txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.hero-2 .data>.txt {
        gap: 7.5rem
    }
}

section.hero-2 .data>.txt>p {
    color: #fff;
    display: inline-block;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.hero-2 .data>.txt>p {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.hero-2 .data>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.hero-2 .data>.btns {
        gap: 1.75rem
    }
}

section.hero-2 .data>.btns>.btn-sm {
    -ms-flex-item-align: start;
    align-self: flex-start
}

section.hero-2 .image {
    min-height: 45rem;
    position: relative;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    width: 56.25rem
}

@media(max-width:480px) {
    section.hero-2 .image {
        height: 100rem;
        width: unset
    }
}

section.hero-2 .image img,
section.hero-2 .image video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    width: 100%
}

@media(max-width:480px) {

    section.hero-2 .image img,
    section.hero-2 .image video {
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

section.hero-2 .image .btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    bottom: 4.5rem;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.hero-2 .image .btn {
        -webkit-transform: translate(-50%, 180%);
        transform: translate(-50%, 180%)
    }
}

section.trust {
    min-height: 40rem;
    position: relative
}

@media(max-width:480px) {
    section.trust {
        margin-bottom: 12.8rem;
        min-height: 94.67rem
    }
}

section.trust .lavalamp {
    height: 38rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 38rem;
    z-index: -1
}

@media(max-width:480px) {
    section.trust .lavalamp {
        --lava-blur: 14rem;
        height: 100rem;
        width: 85rem
    }
}

section.trust .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 50%;
    position: absolute;
    row-gap: 2.5rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 73.5rem
}

@media(max-width:480px) {
    section.trust .content {
        row-gap: 6.67rem;
        width: 91.46667rem
    }
}

section.trust .content p {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 148%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.trust .content p {
        font-size: 5.33333rem;
        line-height: 132%
    }
}

section.trust .content a {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    color: #fff;
    padding: .5rem 1.413rem .656rem
}

@media(max-width:480px) {
    section.trust .content a {
        padding: 2.69rem 8.1rem 3rem
    }
}

section.trust .content a:after {
    display: none
}

section.trust .content a:hover {
    border-color: #fff
}

section.trust canvas {
    width: 90rem !important
}

section.social {
    margin-bottom: 4.25rem;
    margin-top: 5rem;
    position: relative
}

@media(max-width:480px) {
    section.social {
        margin-bottom: 7.5rem;
        margin-top: 12.5rem
    }
}

section.social .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    padding: 3.5rem 4.43rem 6rem;
    position: relative
}

@media(max-width:480px) {
    section.social .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        border-radius: 3.75rem;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0 0 5rem
    }
}

@media(min-width:480px) {
    section.social .content>* {
        -ms-flex-preferred-size: 1%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 1%;
        flex-grow: 1
    }
}

section.social .content>.list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    counter-reset: contact-list;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-end
}

@media(max-width:480px) {
    section.social .content>.list {
        gap: 5.25rem;
        padding: 7.5rem
    }
}

section.social .content>.list a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    counter-increment: contact-list;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    gap: 1rem;
    justify-content: flex-start;
    line-height: 100%;
    text-transform: lowercase;
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}

@media(max-width:480px) {
    section.social .content>.list a {
        font-size: 10rem;
        font-style: normal;
        font-weight: 600;
        gap: 3.12rem;
        line-height: 92%
    }
}

section.social .content>.list a:before {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    content: "." counter(contact-list, decimal-leading-zero);
    font-family: RaleGrotesk;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1rem;
    text-align: right;
    -webkit-transform: translateY(220%);
    transform: translateY(220%);
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}

@media(max-width:480px) {
    section.social .content>.list a:before {
        font-size: 4.0625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 5.3125rem;
        -webkit-transform: translateY(38%);
        transform: translateY(38%)
    }
}

section.social .content>.list a:after {
    -ms-flex-item-align: end;
    align-self: flex-end;
    background: #fff;
    content: "";
    display: inline-block;
    height: 1.5rem;
    -webkit-mask: url(../images/arrow-top-right.svg);
    mask: url(../images/arrow-top-right.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
    width: 1.5rem
}

@media(max-width:480px) {
    section.social .content>.list a:after {
        height: 3.125rem;
        width: 3.125rem
    }
}

@media(min-width:480px) {

    section.social .content>.list a.show-data,
    section.social .content>.list a.show-data:before {
        color: #0cc2ff
    }

    section.social .content>.list a.show-data:after {
        background: #0cc2ff
    }
}

section.social .content .img {
    font-family: JetBrains Mono
}

@media(min-width:480px) {
    section.social .content .img {
        bottom: 0;
        -webkit-mask: -webkit-gradient(linear, right top, left top, color-stop(50%, #7d94a7), to(rgba(175, 193, 209, 0)));
        -webkit-mask: linear-gradient(270deg, #7d94a7 50%, rgba(175, 193, 209, 0));
        mask: -webkit-gradient(linear, right top, left top, color-stop(50%, #7d94a7), to(rgba(175, 193, 209, 0)));
        mask: linear-gradient(270deg, #7d94a7 50%, rgba(175, 193, 209, 0));
        position: absolute;
        right: 0;
        top: 0;
        width: 50rem
    }
}

@media(max-width:480px) {
    section.social .content .img {
        bottom: 0;
        display: none;
        height: 90rem;
        left: 0;
        -webkit-mask: -webkit-gradient(linear, left bottom, left top, color-stop(.01%, #7d94a7), color-stop(99.82%, rgba(175, 193, 209, 0)));
        -webkit-mask: linear-gradient(0deg, #7d94a7 .01%, rgba(175, 193, 209, 0) 99.82%);
        mask: -webkit-gradient(linear, left bottom, left top, color-stop(.01%, #7d94a7), color-stop(99.82%, rgba(175, 193, 209, 0)));
        mask: linear-gradient(0deg, #7d94a7 .01%, rgba(175, 193, 209, 0) 99.82%);
        position: absolute;
        right: 0
    }
}

section.social .content .img canvas {
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: 1;
    width: 100% !important
}

section.social .sub-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.62rem;
    justify-content: space-between;
    margin-top: 1.62rem
}

@media(max-width:480px) {
    section.social .sub-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem;
        justify-content: flex-start;
        margin-top: 3.75rem
    }
}

section.social .sub-links a {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-basis: 1%;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    height: 15.5rem;
    justify-content: space-between;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.social .sub-links a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border: .15rem solid hsla(0, 0%, 100%, .149);
        border-radius: 3.75rem;
        justify-content: flex-start;
        padding: 6.25rem 7.5rem 11.25rem
    }
}

section.social .sub-links a>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-end;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    line-height: 100%;
    text-align: center;
    text-transform: lowercase;
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

@media(max-width:480px) {
    section.social .sub-links a>span {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        font-size: 10rem;
        justify-content: flex-start;
        line-height: 92%;
        text-align: left
    }
}

section.social .sub-links a>span:after {
    background: #fff;
    content: "";
    display: inline-block;
    height: 1.5rem;
    -webkit-mask: url(../images/arrow-top-right.svg) no-repeat center;
    mask: url(../images/arrow-top-right.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
    width: 1.5rem
}

@media(max-width:480px) {
    section.social .sub-links a>span:after {
        height: 3.125rem;
        width: 3.125rem
    }
}

section.social .sub-links a>div {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 20.87rem
}

@media(max-width:480px) {
    section.social .sub-links a>div {
        display: none
    }
}

section.social .sub-links a>div img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.social .sub-links a:hover>span {
    color: #0cc2ff
}

section.social .sub-links a:hover>span:after {
    background: #0cc2ff
}

._403,
._404 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: visible
}

._403,
._403 .data,
._404,
._404 .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

._403 .data,
._404 .data {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 1.5rem;
    height: 30.93rem;
    justify-content: flex-end;
    position: relative;
    width: 49.8125rem
}

@media(max-width:480px) {

    ._403 .data,
    ._404 .data {
        gap: 5rem;
        height: 105rem;
        width: unset
    }
}

._403 .data:after,
._404 .data:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    z-index: -1
}

._403 .data p,
._404 .data p {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {

    ._403 .data p,
    ._404 .data p {
        font-size: 6.25rem;
        line-height: 8.75rem;
        text-align: center
    }
}

._403 .data:after {
    background-image: url(../images/403.png)
}

._404:after .data {
    background-image: url(../images/404.png)
}

section.videos {
    margin-bottom: 5rem;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.videos {
        margin-bottom: 25rem;
        margin-top: 25rem
    }
}

section.videos .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.videos .content {
        gap: 5rem
    }
}

section.videos .content .media-content-frame {
    -ms-flex-negative: 0;
    border-radius: .75rem;
    flex-shrink: 0;
    height: 44.62rem
}

@media(max-width:480px) {
    section.videos .content .media-content-frame {
        border-radius: 3.75rem;
        height: 53.75rem
    }
}

section.img-txt {
    margin-top: 3rem
}

@media(max-width:480px) {
    section.img-txt {
        margin-top: 25rem;
        padding-bottom: 25rem
    }

    section.img-txt.small-margin {
        margin-top: 5rem
    }
}

.modal-active-get-token .content-txt,
section.img-txt .content-txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.56rem;
    justify-content: flex-start;
    position: relative
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt,
    section.img-txt .content-txt {
        gap: 14.08rem
    }
}

.modal-active-get-token .content-txt>.lavalamp,
section.img-txt .content-txt>.lavalamp {
    bottom: 1rem;
    height: 26rem;
    left: -15rem;
    position: absolute;
    width: 23rem;
    z-index: -1
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.lavalamp,
    section.img-txt .content-txt>.lavalamp {
        display: none
    }
}

.modal-active-get-token .content-txt:has(.crypto-paralax) .lavalamp,
section.img-txt .content-txt:has(.crypto-paralax) .lavalamp {
    position: absolute;
    z-index: -10
}

.modal-active-get-token .content-txt:has(.crypto-paralax) .lavalamp:first-child,
section.img-txt .content-txt:has(.crypto-paralax) .lavalamp:first-child {
    --lava-blur: 5rem;
    height: 15rem;
    left: -1rem;
    top: 0;
    width: 20.75rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt:has(.crypto-paralax) .lavalamp:first-child,
    section.img-txt .content-txt:has(.crypto-paralax) .lavalamp:first-child {
        display: none
    }
}

.modal-active-get-token .content-txt:has(.crypto-paralax) .lavalamp:nth-child(2),
section.img-txt .content-txt:has(.crypto-paralax) .lavalamp:nth-child(2) {
    --lava-blur: 7rem;
    height: 35rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50.75rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt:has(.crypto-paralax) .lavalamp:nth-child(2),
    section.img-txt .content-txt:has(.crypto-paralax) .lavalamp:nth-child(2) {
        --lava-blur: 14rem;
        height: 100rem;
        top: -7rem;
        -webkit-transform: unset;
        transform: unset;
        width: 90rem
    }
}

.modal-active-get-token .content-txt>.title,
section.img-txt .content-txt>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.title,
    section.img-txt .content-txt>.title {
        font-size: 7.5rem
    }
}

.modal-active-get-token .content-txt>.data,
section.img-txt .content-txt>.data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.62rem;
    justify-content: space-between;
    position: relative
}

.modal-active-get-token .content-txt>.data>.lavalamp,
section.img-txt .content-txt>.data>.lavalamp {
    height: 28rem;
    position: absolute;
    right: 0;
    top: 19rem;
    width: 25rem;
    z-index: -1
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.lavalamp,
    section.img-txt .content-txt>.data>.lavalamp {
        --lava-blur: 16rem;
        height: 90rem;
        left: 50%;
        right: auto;
        top: -5rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 90rem
    }
}

.modal-active-get-token .content-txt>.data.reverse,
section.img-txt .content-txt>.data.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data.reverse,
    section.img-txt .content-txt>.data.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.modal-active-get-token .content-txt>.data.reverse>.lavalamp,
section.img-txt .content-txt>.data.reverse>.lavalamp {
    height: 32rem;
    right: 15rem;
    top: 13rem;
    width: 28rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data.reverse>.lavalamp,
    section.img-txt .content-txt>.data.reverse>.lavalamp {
        --lava-blur: 16rem;
        height: 90rem;
        right: auto;
        top: -5rem;
        width: 90rem
    }

    .modal-active-get-token .content-txt>.data,
    section.img-txt .content-txt>.data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5.31rem
    }
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data:has(.crypto-paralax),
    section.img-txt .content-txt>.data:has(.crypto-paralax) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.modal-active-get-token .content-txt>.data .img-frame,
section.img-txt .content-txt>.data .img-frame {
    height: 50.3125rem;
    position: relative;
    width: 50.3125rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data .img-frame,
    section.img-txt .content-txt>.data .img-frame {
        -ms-flex-item-align: center;
        align-self: center;
        height: 82.8125rem;
        width: 82.8125rem
    }
}

.modal-active-get-token .content-txt>.data .img-frame.v2,
section.img-txt .content-txt>.data .img-frame.v2 {
    height: 35.6875rem;
    padding-bottom: 5rem;
    padding-top: 5rem;
    position: relative
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data .img-frame.v2,
    section.img-txt .content-txt>.data .img-frame.v2 {
        height: 82.8125rem
    }
}

.modal-active-get-token .content-txt>.data .img-frame.v2>.lavalamp,
section.img-txt .content-txt>.data .img-frame.v2>.lavalamp {
    height: 28rem;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25rem;
    z-index: -1
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data .img-frame.v2>.lavalamp,
    section.img-txt .content-txt>.data .img-frame.v2>.lavalamp {
        --lava-blur: 16rem;
        height: 90rem;
        left: 50%;
        right: auto;
        top: -5rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 90rem
    }
}

.modal-active-get-token .content-txt>.data .img-frame.crypto-paralax,
section.img-txt .content-txt>.data .img-frame.crypto-paralax {
    height: 35.6875rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data .img-frame.crypto-paralax,
    section.img-txt .content-txt>.data .img-frame.crypto-paralax {
        height: 82.8125rem
    }
}

.modal-active-get-token .content-txt>.data .img-frame img,
section.img-txt .content-txt>.data .img-frame img {
    -webkit-transform: translateY(var(--data-paralax, 0));
    transform: translateY(var(--data-paralax, 0));
    will-change: transform
}

.modal-active-get-token .content-txt>.data .img-frame>div,
section.img-txt .content-txt>.data .img-frame>div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal-active-get-token .content-txt>.data .img-frame>div img,
section.img-txt .content-txt>.data .img-frame>div img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.modal-active-get-token .content-txt>.data>.text,
section.img-txt .content-txt>.data>.text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.7rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.text,
    section.img-txt .content-txt>.data>.text {
        gap: 7.5rem
    }
}

.modal-active-get-token .content-txt>.data>.text>.logo,
section.img-txt .content-txt>.data>.text>.logo {
    height: 6rem;
    width: auto
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.text>.logo,
    section.img-txt .content-txt>.data>.text>.logo {
        height: 10rem
    }
}

.modal-active-get-token .content-txt>.data>.text>.btns,
section.img-txt .content-txt>.data>.text>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.text>.btns,
    section.img-txt .content-txt>.data>.text>.btns {
        gap: 3.25rem
    }
}

.modal-active-get-token .content-txt>.data>.text>.title,
section.img-txt .content-txt>.data>.text>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    margin-bottom: .5rem;
    text-transform: lowercase
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.text>.title,
    section.img-txt .content-txt>.data>.text>.title {
        font-size: 7.5rem;
        margin-bottom: 1rem
    }
}

.modal-active-get-token .content-txt>.data>.text p,
section.img-txt .content-txt>.data>.text p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.text p,
    section.img-txt .content-txt>.data>.text p {
        font-size: 5rem;
        line-height: 112.5%
    }
}

.modal-active-get-token .content-txt>.data>.text.v2,
section.img-txt .content-txt>.data>.text.v2 {
    gap: 2.5rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.text.v2,
    section.img-txt .content-txt>.data>.text.v2 {
        gap: 7.25rem
    }
}

.modal-active-get-token .content-txt>.data>.text.v2 p,
section.img-txt .content-txt>.data>.text.v2 p {
    color: #c0c1c5;
    font-size: 1.25rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-txt>.data>.text.v2 p,
    section.img-txt .content-txt>.data>.text.v2 p {
        font-size: 5rem
    }
}

.modal-active-get-token .content-links,
section.img-txt .content-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.56rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    .modal-active-get-token .content-links,
    section.img-txt .content-links {
        gap: 14.08rem
    }
}

.modal-active-get-token .content-links>.title,
section.img-txt .content-links>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.title,
    section.img-txt .content-links>.title {
        font-size: 7.5rem
    }
}

.modal-active-get-token .content-links>.data,
section.img-txt .content-links>.data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 11.88rem;
    justify-content: space-between;
    padding-left: 4.75rem;
    position: relative
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data,
    section.img-txt .content-links>.data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5.31rem;
        padding-left: 0
    }
}

.modal-active-get-token .content-links>.data>.lavalamp,
section.img-txt .content-links>.data>.lavalamp {
    height: 38rem;
    left: 20rem;
    position: absolute;
    top: -1rem;
    width: 34rem;
    z-index: -1
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data>.lavalamp,
    section.img-txt .content-links>.data>.lavalamp {
        --lava-blur: 16rem;
        height: 100rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 96rem
    }
}

.modal-active-get-token .content-links>.data .img-frame,
section.img-txt .content-links>.data .img-frame {
    height: 35.6875rem;
    width: 35.6875rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data .img-frame,
    section.img-txt .content-links>.data .img-frame {
        -ms-flex-item-align: center;
        align-self: center;
        height: 82.8125rem;
        width: 82.8125rem
    }
}

@media(min-width:480px) {

    .modal-active-get-token .content-links>.data>*,
    section.img-txt .content-links>.data>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1
    }
}

.modal-active-get-token .content-links>.data>.side,
section.img-txt .content-links>.data>.side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data>.side,
    section.img-txt .content-links>.data>.side {
        gap: 10rem
    }
}

.modal-active-get-token .content-links>.data>.side>.title,
section.img-txt .content-links>.data>.side>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data>.side>.title,
    section.img-txt .content-links>.data>.side>.title {
        font-size: 7.5rem
    }
}

.modal-active-get-token .content-links>.data>.side>.text,
section.img-txt .content-links>.data>.side>.text {
    color: var(--White, #fff);
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data>.side>.text,
    section.img-txt .content-links>.data>.side>.text {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

.modal-active-get-token .content-links>.data>.items,
.modal-active-get-token .content-links>.data>.side>.items,
section.img-txt .content-links>.data>.items,
section.img-txt .content-links>.data>.side>.items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between
}

.modal-active-get-token .content-links>.data>.items>a,
.modal-active-get-token .content-links>.data>.side>.items>a,
section.img-txt .content-links>.data>.items>a,
section.img-txt .content-links>.data>.side>.items>a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .149);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    gap: .75rem;
    justify-content: flex-start;
    line-height: 94%;
    padding: 2.37rem 3rem 2.37rem 0;
    position: relative;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data>.items>a,
    .modal-active-get-token .content-links>.data>.side>.items>a,
    section.img-txt .content-links>.data>.items>a,
    section.img-txt .content-links>.data>.side>.items>a {
        font-size: 7.5rem;
        gap: 3.75rem;
        line-height: 100%;
        padding: 3.75rem 5rem 3.75rem 0
    }
}

.modal-active-get-token .content-links>.data>.items>a i,
.modal-active-get-token .content-links>.data>.side>.items>a i,
section.img-txt .content-links>.data>.items>a i,
section.img-txt .content-links>.data>.side>.items>a i {
    --size: 2.5rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data>.items>a i,
    .modal-active-get-token .content-links>.data>.side>.items>a i,
    section.img-txt .content-links>.data>.items>a i,
    section.img-txt .content-links>.data>.side>.items>a i {
        --size: 10rem
    }
}

.modal-active-get-token .content-links>.data>.items>a:after,
.modal-active-get-token .content-links>.data>.side>.items>a:after,
section.img-txt .content-links>.data>.items>a:after,
section.img-txt .content-links>.data>.side>.items>a:after {
    background: var(--section-img-txt-link-hover, #24f6dd);
    content: "";
    height: .75rem;
    -webkit-mask-image: url(../images/link.svg);
    mask-image: url(../images/link.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .75rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.data>.items>a:after,
    .modal-active-get-token .content-links>.data>.side>.items>a:after,
    section.img-txt .content-links>.data>.items>a:after,
    section.img-txt .content-links>.data>.side>.items>a:after {
        height: 3.75rem;
        width: 3.75rem
    }
}

.modal-active-get-token .content-links>.data>.items>a:hover,
.modal-active-get-token .content-links>.data>.side>.items>a:hover,
section.img-txt .content-links>.data>.items>a:hover,
section.img-txt .content-links>.data>.side>.items>a:hover {
    color: var(--section-img-txt-link-hover, #24f6dd)
}

.modal-active-get-token {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(13, 14, 18, .835);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.modal-active-get-token .content-links,
.modal-active-get-token .content-txt {
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    gap: 3.5rem;
    padding: 2.75rem 5rem 4rem 1.5rem;
    position: relative;
    width: 89.3125rem;
    z-index: 100
}

@media(max-width:480px) {

    .modal-active-get-token .content-links,
    .modal-active-get-token .content-txt {
        border-radius: 3.75rem;
        gap: 14.08rem;
        padding: 14.06rem 5rem 7.2rem
    }
}

.modal-active-get-token .content-links .close-x,
.modal-active-get-token .content-txt .close-x {
    position: absolute;
    right: 1rem;
    top: 1rem
}

@media(max-width:480px) {

    .modal-active-get-token .content-links .close-x,
    .modal-active-get-token .content-txt .close-x {
        right: 4rem;
        top: 4rem
    }
}

.modal-active-get-token .content-links>.title,
.modal-active-get-token .content-txt>.title {
    font-size: 4rem;
    font-weight: 600;
    line-height: 92%
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.title,
    .modal-active-get-token .content-txt>.title {
        font-size: 7.5rem;
        line-height: 94%
    }
}

.modal-active-get-token .content-links:after,
.modal-active-get-token .content-links:before,
.modal-active-get-token .content-txt:after,
.modal-active-get-token .content-txt:before {
    border-radius: .75rem;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {

    .modal-active-get-token .content-links:after,
    .modal-active-get-token .content-links:before,
    .modal-active-get-token .content-txt:after,
    .modal-active-get-token .content-txt:before {
        border-radius: 3.75rem;
        padding-bottom: 7.2rem
    }
}

.modal-active-get-token .content-links:before,
.modal-active-get-token .content-txt:before {
    background: #0d0e12;
    z-index: -2
}

.modal-active-get-token .content-links:after,
.modal-active-get-token .content-txt:after {
    z-index: -1
}

.modal-active-get-token .content-links>.items a,
.modal-active-get-token .content-links>.side>.items a,
.modal-active-get-token .content-txt>.items a,
.modal-active-get-token .content-txt>.side>.items a {
    padding: 2rem 3rem 2rem 0
}

@media(max-width:480px) {

    .modal-active-get-token .content-links>.items a,
    .modal-active-get-token .content-links>.side>.items a,
    .modal-active-get-token .content-txt>.items a,
    .modal-active-get-token .content-txt>.side>.items a {
        padding: 3.75rem 5rem 3.75rem 0
    }
}

.modal-active-get-token .content-txt {
    gap: 1.5rem;
    padding-bottom: 2rem
}

@media(max-width:480px) {
    .modal-active-get-token .content-txt {
        padding-bottom: 7.2rem
    }
}

.modal-active-get-token .content-txt:after{
    background: url(../images/mpx-bg.png) no-repeat, url(../images/mpx-bg-2.png) no-repeat;
    background-position: 0 100%, 100% 100%;
    background-size: contain, contain
}

@media(max-width:480px) {
    .modal-active-get-token .content-txt:after {
        background: url(../images/mob.png) no-repeat;
        background-position: top;
        background-size: contain
    }
}

.modal-active-get-token .content-txt>.data>.text {
    max-width: 38rem
}

@media(max-width:480px) {
    .modal-active-get-token .content-txt>.data>.text {
        max-width: unset
    }
}

.modal-active-get-token .content-txt>.data>.img-frame {
    height: 27rem;
    width: 27rem
}

@media(max-width:480px) {
    .modal-active-get-token .content-txt>.data>.img-frame {
        height: 70rem;
        width: 70rem
    }
}

.modal-active-get-token .content-links:after {
    background: url(../images/xfi-bg.png) no-repeat;
    background-position: 0;
    background-size: contain
}

@media(max-width:480px) {
    .modal-active-get-token .content-links:after {
        background: url(../images/mob.png) no-repeat;
        background-position: top;
        background-size: contain
    }
}

.modal-active-get-token .content-links>.data>.img-frame {
    height: 27rem;
    width: 27rem
}

@media(max-width:480px) {
    .modal-active-get-token .content-links>.data>.img-frame {
        height: 52.1875rem;
        width: 52.1875rem
    }
}

section.paycard {
    margin-bottom: 13.75rem;
    margin-top: 4rem
}

@media(max-width:480px) {
    section.paycard {
        margin-bottom: 25rem;
        margin-top: 7.5rem
    }
}

section.paycard .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4.85rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.paycard .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 7.5rem;
        justify-content: flex-start
    }
}

section.paycard .content .cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.paycard .content .cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 2.5rem;
        justify-content: flex-start
    }
}

section.paycard .content .cards>div {
    -ms-flex-preferred-size: 25%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 25%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    padding: 0 1rem 2.13rem
}

@media(max-width:480px) {
    section.paycard .content .cards>div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3.75rem;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 2.5rem;
        padding: 2.19rem 3.75rem 2.19rem 0
    }
}

section.paycard .content .cards>div>img-frame {
    height: 19.125rem
}

@media(max-width:480px) {
    section.paycard .content .cards>div>img-frame {
        height: 22.5rem;
        width: 22.5rem
    }
}

section.paycard .content .cards>div>img-frame img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.paycard .content .cards>div p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center
}

@media(max-width:480px) {
    section.paycard .content .cards>div p {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 3.75rem;
        line-height: 5rem;
        text-align: left
    }
}

section.paycard .content .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 37.3125rem;
    width: 40.87113rem
}

@media(max-width:480px) {
    section.paycard .content .img {
        height: auto;
        width: 100%
    }
}

section.paycard .content .img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.roadmap {
    display: inline-block;
    height: 40rem;
    margin-bottom: 10rem;
    padding-bottom: 3rem;
    position: relative
}

@media(max-width:480px) {
    section.roadmap {
        height: 131rem;
        overflow: hidden;
        padding-bottom: 25rem
    }
}

section.roadmap .bg {
    bottom: -5rem;
    left: 0;
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(11%, #000), color-stop(89%, #000), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent, #000 11%, #000 89%, transparent);
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(11%, #000), color-stop(89%, #000), to(transparent));
    mask: linear-gradient(90deg, transparent, #000 11%, #000 89%, transparent);
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {
    section.roadmap .bg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: stretch;
        bottom: 35rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-end;
        -webkit-mask: unset;
        mask: unset
    }
}

section.roadmap .bg canvas {
    height: 100%;
    -webkit-mask: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(9%, #000), color-stop(91%, #000), to(transparent));
    -webkit-mask: linear-gradient(0deg, transparent, #000 9%, #000 91%, transparent);
    mask: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(9%, #000), color-stop(91%, #000), to(transparent));
    mask: linear-gradient(0deg, transparent, #000 9%, #000 91%, transparent);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.roadmap .ctrl-arrows {
    position: absolute;
    right: 0;
    top: 2rem
}

@media(max-width:480px) {
    section.roadmap .ctrl-arrows {
        bottom: 0;
        left: 50%;
        right: unset;
        top: unset;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

section.roadmap .data .slide-title {
    cursor: pointer;
    left: 20.25rem;
    position: absolute;
    right: 22.25rem;
    top: 4rem;
    z-index: 500
}

@media(max-width:480px) {
    section.roadmap .data .slide-title {
        left: 5rem;
        right: 5rem;
        top: 12.5rem
    }
}

section.roadmap .data .slide-title * {
    pointer-events: none !important
}

section.roadmap .data .slide-title>div {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    line-height: 2.5rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease
}

@media(max-width:480px) {
    section.roadmap .data .slide-title>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 4.375rem;
        gap: 7.5rem;
        justify-content: flex-start;
        line-height: 6.25rem
    }
}

section.roadmap .data .slide-title>div>.title {
    display: none
}

@media(max-width:480px) {
    section.roadmap .data .slide-title>div>.title {
        -ms-flex-item-align: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: flex-start;
        align-self: center;
        color: #0cc2ff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 20rem;
        font-style: normal;
        font-weight: 400;
        justify-content: center;
        line-height: 92%
    }

    section.roadmap .data .slide-title>div>.title>span {
        color: #fff;
        font-size: 6.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2rem;
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }
}

section.roadmap .data .slide-title>div .scroll-container {
    height: 32rem;
    max-height: 32rem;
    padding-right: 2rem
}

@media(max-width:480px) {
    section.roadmap .data .slide-title>div .scroll-container {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 66rem;
        max-height: 66rem;
        padding-right: 5rem
    }
}

section.roadmap .data .slide-title>div p {
    margin-bottom: 1rem
}

@media(min-width:480px) {
    section.roadmap .data .slide-title>div ul {
        gap: .5rem
    }
}

section.roadmap .data .slide-title>div ul li {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
    padding-left: 2.5rem
}

@media(max-width:480px) {
    section.roadmap .data .slide-title>div ul li {
        font-size: 4.375rem;
        line-height: 6.25rem;
        padding-left: 5rem
    }

    section.roadmap .data .slide-title>div ul li:before {
        top: 1rem
    }
}

section.roadmap .data .slide-title>div ul li:before {
    top: .35rem
}

@media(max-width:480px) {
    section.roadmap .data .slide-title>div ul li:before {
        top: 1rem
    }
}

section.roadmap .data .slide-title>div.swiper-page-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

section.roadmap .data .slide-title>div.swiper-page-active .btn-sm,
section.roadmap .data .slide-title>div.swiper-page-active .scroll-container {
    pointer-events: all !important
}

section.roadmap .data .slide-title>div .btn-sm {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 1.5rem 0
}

@media(max-width:480px) {
    section.roadmap .data .slide-title>div .btn-sm {
        margin: 4rem 0
    }
}

section.roadmap .data [data-swiper-name=roadmap] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

@media(max-width:480px) {
    section.roadmap .data [data-swiper-name=roadmap] {
        bottom: 25rem
    }
}

section.roadmap .data [data-swiper-name=roadmap] .swipe-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-end;
    width: 50rem
}

@media(max-width:480px) {
    section.roadmap .data [data-swiper-name=roadmap] .swipe-item {
        gap: 2.5rem
    }
}

section.roadmap .data [data-swiper-name=roadmap] .swipe-item:before {
    background: #5a5d68;
    content: "";
    height: 1rem;
    -webkit-mask: url(../images/point.png) no-repeat center;
    mask: url(../images/point.png) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    width: 1rem
}

@media(max-width:480px) {
    section.roadmap .data [data-swiper-name=roadmap] .swipe-item:before {
        height: 3.75rem;
        width: 3.75rem
    }
}

section.roadmap .data [data-swiper-name=roadmap] .swipe-item>.text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    color: #5a5d68;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 6rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 92%;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

@media(max-width:480px) {
    section.roadmap .data [data-swiper-name=roadmap] .swipe-item>.text {
        font-size: 11.25rem
    }
}

section.roadmap .data [data-swiper-name=roadmap] .swipe-item>.text>span {
    color: #5a5d68;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

@media(max-width:480px) {
    section.roadmap .data [data-swiper-name=roadmap] .swipe-item>.text>span {
        font-size: 3.125rem;
        line-height: 3.80875rem
    }
}

section.roadmap .data [data-swiper-name=roadmap] .swipe-item.active:before {
    background: #0cc2ff
}

section.roadmap .data [data-swiper-name=roadmap] .swipe-item.active>.text,
section.roadmap .data [data-swiper-name=roadmap] .swipe-item.active>.text>span {
    color: #0cc2ff
}

@media(max-width:480px) {
    section.roadmap .data [data-swiper-name=roadmap] .swipe-item.active>.text>span {
        color: #fff
    }
}

#license {
    margin-top: 8.75rem
}

@media(max-width:480px) {
    #license {
        margin-top: 21.33rem
    }
}

section.license {
    margin-bottom: 8.75rem;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.license {
        margin-bottom: 21.33rem;
        margin-top: 10.67rem
    }
}

section.license .content .header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem
}

@media(max-width:480px) {
    section.license .content .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10.67rem;
        row-gap: 4.27rem
    }
}

section.license .content .header h2 {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    text-transform: lowercase;
    width: 33.25rem
}

@media(max-width:480px) {
    section.license .content .header h2 {
        font-size: 6.4rem;
        line-height: 132%;
        width: 100%
    }
}

section.license .content .header p {
    color: hsla(0, 0%, 100%, .8);
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    width: 43.5rem
}

@media(max-width:480px) {
    section.license .content .header p {
        font-size: 4.26667rem;
        width: 100%
    }
}

section.license .content .cards {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media(max-width:480px) {
    section.license .content .cards {
        grid-template-columns: 1fr;
        row-gap: 6.4rem
    }
}

section.license .content .cards .item {
    background: #010516;
    border-radius: .75rem;
    overflow: hidden;
    padding: 2.5rem;
    position: relative;
    z-index: 1
}

@media(max-width:480px) {
    section.license .content .cards .item {
        border-radius: 3.2rem;
        padding: 5.33rem
    }
}

section.license .content .cards .item .lavalamp {
    position: absolute;
    z-index: -1
}

section.license .content .cards .item .lavalamp:first-child {
    height: 15rem;
    left: -5rem;
    top: -5rem;
    width: 15rem
}

@media(max-width:480px) {
    section.license .content .cards .item .lavalamp:first-child {
        --lava-blur: 14rem;
        height: 60rem;
        left: -28rem;
        top: -28rem;
        width: 60rem
    }
}

section.license .content .cards .item .lavalamp:nth-child(2) {
    bottom: -10rem;
    height: 25rem;
    right: -10rem;
    width: 25rem
}

@media(max-width:480px) {
    section.license .content .cards .item .lavalamp:nth-child(2) {
        --lava-blur: 14rem;
        bottom: -54rem;
        height: 100rem;
        right: -54rem;
        width: 100rem
    }
}

section.license .content .cards .item img {
    height: 4rem;
    margin-bottom: 2.5rem;
    width: 4rem
}

@media(max-width:480px) {
    section.license .content .cards .item img {
        height: 12.8rem;
        margin-bottom: 5.33rem;
        width: 12.8rem
    }
}

section.license .content .cards .item .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.license .content .cards .item .title {
        font-size: 6.4rem;
        line-height: 132%;
        margin-bottom: 4.27rem
    }
}

section.license .content .cards .item .subtitle {
    color: hsla(0, 0%, 100%, .8);
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%
}

@media(max-width:480px) {
    section.license .content .cards .item .subtitle {
        font-size: 4.26667rem;
        line-height: 148%
    }
}

section.protect {
    height: 54rem;
    position: relative
}

@media(max-width:480px) {
    section.protect {
        height: 200rem
    }
}

section.protect .lavalamp {
    height: 38rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 38rem;
    z-index: -1
}

@media(max-width:480px) {
    section.protect .lavalamp {
        --lava-blur: 14rem;
        height: 100rem;
        width: 85rem
    }
}

section.protect .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    bottom: 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    left: 5rem;
    position: absolute;
    right: 5rem;
    top: 8rem
}

@media(max-width:480px) {
    section.protect .content {
        bottom: 21.33rem;
        top: 10.67rem
    }
}

section.protect .content .left {
    width: 33rem
}

@media(max-width:480px) {
    section.protect .content .left {
        width: 100%
    }
}

section.protect .content .left .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.protect .content .left .title {
        font-size: 5.33333rem;
        line-height: 132%
    }
}

section.protect .content .right {
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 36rem
}

@media(max-width:480px) {
    section.protect .content .right {
        -ms-flex-item-align: initial;
        align-self: auto;
        width: 100%
    }
}

section.protect .content .right .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 2.5rem
}

@media(max-width:480px) {
    section.protect .content .right .text {
        font-size: 4.26667rem;
        line-height: 125%;
        margin-bottom: 6.4rem
    }
}

section.protect .content .right .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.protect .content .right .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }
}

section.protect .content .right .btns .btn-line span {
    background: #00435a
}

@media(max-width:480px) {
    section.protect .content .right .btns .btn-line span {
        background: #010516
    }
}

section.protect canvas {
    width: 95rem !important
}

@media(max-width:480px) {
    section.protect canvas {
        margin-top: 39rem
    }
}

section.web3bank {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding-bottom: 6.25rem;
    position: relative;
    top: 4rem;
}

@media(max-width:480px) {
    section.web3bank {
        padding-bottom: 21.33rem
    }
}

section.web3bank .lavalamp:first-of-type {
    height: 40rem;
    left: -20rem;
    position: absolute;
    top: -20rem;
    width: 40rem;
    z-index: -1
}

@media(max-width:480px) {
    section.web3bank .lavalamp:first-of-type {
        --lava-blur: 14rem;
        display: block;
        height: 100rem;
        left: -30rem;
        overflow: hidden;
        top: -7rem;
        width: 85rem
    }
}

section.web3bank .lavalamp {
    height: 30rem;
    left: auto;
    position: absolute;
    right: 0;
    top: -20rem;
    width: 28rem
}

section.web3bank .lavalamp svg {
    -webkit-transform: translateX(8rem);
    transform: translateX(8rem)
}

@media(max-width:480px) {
    section.web3bank .lavalamp {
        display: none
    }
}

section.web3bank .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 65vh
}

@media(max-width:480px) {
    section.web3bank .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: unset;
        padding-top: 32rem
    }
}

section.web3bank .content:before,section.bank-benefits .content:before {
    background: url(../images/bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 5rem;
    opacity: .4;
    position: absolute;
    right: 5rem;
    top: 7rem;
    z-index: -2
}

@media(max-width:480px) {
    section.web3bank .content:before {
        background-size: 15rem 15rem;
        bottom: 0;
        top: 25rem
    }
}

@media(min-width:1921px) {
    section.web3bank .content:before {
        left: -17rem;
        right: -17rem
    }
}

section.web3bank .content .frame3d {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

@media(max-width:480px) {
    section.web3bank .content .frame3d {
        height: 87.5rem;
        top: 45%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.web3bank .content>.texts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    position: relative
}

section.web3bank .content>.texts .lavalamp {
    height: 35rem;
    left: 51%;
    position: absolute;
    top: 58%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem;
    z-index: -1
}

@media(max-width:480px) {
    section.web3bank .content>.texts .lavalamp {
        --lava-blur: 14rem;
        height: 90rem;
        left: 60%;
        top: 70%;
        width: 75rem
    }

    section.web3bank .content>.texts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

section.web3bank .content>.texts>.left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    width: 33.63rem
}

@media(max-width:480px) {
    section.web3bank .content>.texts>.left {
        gap: 4.27rem;
        width: unset
    }
}

section.web3bank .content>.texts>.left h1,
section.web3bank .content>.texts>.left h1>b {
    color: #fff;
    font-family: Infynyte;
    font-size: 8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 88%;
    text-transform: lowercase
}

@media(max-width:480px) {

    section.web3bank .content>.texts>.left h1,
    section.web3bank .content>.texts>.left h1>b {
        font-size: 13.86667rem;
        line-height: 94%
    }
}

section.web3bank .content>.texts>.left h1 b,
section.web3bank .content>.texts>.left h1>b b {
    color: #0cc2ff
}

section.web3bank .content>.texts>.left .subtitle {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.web3bank .content>.texts>.left .subtitle {
        font-size: 6.4rem
    }
}

section.web3bank .content>.texts>.right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-end;
    width: 36rem
}

@media(max-width:480px) {
    section.web3bank .content>.texts>.right {
        gap: 8.53rem;
        padding-bottom: 14.93rem;
        width: unset
    }
}

section.web3bank .content>.texts>.right .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.web3bank .content>.texts>.right .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }
}

section.web3bank .content>.texts>.right .btns .btn-line span {
    background: #000f15
}

section.web3bank .content>.texts>.right .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem
}

@media(max-width:480px) {
    section.web3bank .content>.texts>.right .text {
        font-size: 4.26667rem;
        line-height: 5.33333rem
    }

    section.web3bank.simple {
        margin-bottom: 35rem
    }
}

section.web3bank.simple .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 7rem
}

@media(max-width:480px) {
    section.web3bank.simple .content {
        padding-top: 20rem
    }
}

section.web3bank.simple .content .texts {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

@media(max-width:480px) {
    section.web3bank.simple .content .texts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 4.27rem
    }
}

section.web3bank.simple .content .texts .lavalamp {
    height: 40rem;
    left: 72%;
    width: 40rem;
    z-index: -1
}

@media(max-width:480px) {
    section.web3bank.simple .content .texts .lavalamp {
        height: 100rem;
        left: 0;
        overflow: hidden;
        right: 0;
        top: 80rem;
        -webkit-transform: none;
        transform: none;
        width: 98rem
    }

    section.web3bank.simple .content .texts .lavalamp svg {
        -webkit-transform: translateX(40%);
        transform: translateX(40%)
    }
}

section.web3bank.simple .content .left {
    width: 43.5rem
}

@media(max-width:480px) {
    section.web3bank.simple .content .left {
        width: 100%
    }

    section.web3bank.simple .content .left .subtitle {
        margin-bottom: 4.26rem
    }
}

section.web3bank.simple .content .left h1,
section.web3bank.simple .content .left h1 b {
    font-size: 6rem
}

@media(max-width:480px) {

    section.web3bank.simple .content .left h1,
    section.web3bank.simple .content .left h1 b {
        font-size: 13.5rem
    }
}

section.web3bank.simple .content .left .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.web3bank.simple .content .left .text {
        font-size: 4.26667rem;
        line-height: 5.33333rem
    }
}

section.web3bank.simple .content .right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 43.5rem
}

@media(max-width:480px) {
    section.web3bank.simple .content .right {
        margin: 0 -5rem;
        padding: 0;
        width: 100%
    }
}

section.web3bank.simple .content .right .img-frame {
    height: 39.75rem;
    width: 43.5rem
}

@media(max-width:480px) {
    section.web3bank.simple .content .right .img-frame {
        height: 85.33333rem;
        width: 100%
    }
}

section.web3bank.simple .content .right .img-frame img {
    -o-object-fit: cover;
    object-fit: cover
}

section.benefits {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start;
    margin-bottom: 5rem;
    margin-top: 4rem
}

@media(max-width:480px) {
    section.benefits {
        gap: 9rem;
        margin-bottom: 10rem;
        margin-top: 7.5rem;
        overflow: hidden
    }
}

section.benefits .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    justify-content: flex-start;
    overflow: hidden;
    padding: .75rem .75rem 1.5rem
}

@media(max-width:480px) {
    section.benefits .item {
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border-radius: 3.15781rem;
        gap: 3.75rem;
        padding: 2.5rem
    }
}

section.benefits .item>.img {
    display: inline-block;
    height: 14.87rem;
    overflow: hidden
}

@media(max-width:480px) {
    section.benefits .item>.img {
        height: 38rem
    }
}

section.benefits .item>.img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.benefits .item>.text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.benefits .item>.text {
        gap: 3.75rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

section.benefits .item>.text>span {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

@media(max-width:480px) {
    section.benefits .item>.text>span {
        font-size: 6.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 8.75rem
    }
}

section.benefits .item>.text>p {
    color: #c4c5c9;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.benefits .item>.text>p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.benefits .content {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr
}

section.benefits>.text {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

@media(max-width:480px) {
    section.benefits>.text {
        font-size: 5rem;
        line-height: 7.5rem
    }
}

section.benefits [data-swiper] .swipe-slides,
section.benefits [data-swiper] .swipe-slides .swipe-item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

section.benefits [data-swiper] .swipe-slides .swipe-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-right: 5rem
}

section.benefits [data-swiper] .swipe-slides .swipe-item .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 58rem
}

section.benefits.contain-3 .content {
    grid-template-columns: 1fr 1fr 1fr
}

section.benefits.contain-3 .content .item {
    gap: 1.5rem;
    padding: 1.5rem 1rem
}

section.benefits.contain-3 .content .item>.img img {
    -o-object-fit: contain;
    object-fit: contain
}

section.benefits.contain-3 .content .item>.text>* {
    text-align: center
}

section.benefits.contain-3 .swipe-slides .item {
    padding-top: 5rem
}

section.benefits.contain-3 .swipe-slides .item>.img {
    height: 36.25rem
}

section.benefits.contain-3 .swipe-slides .item>.img img {
    -o-object-fit: contain;
    object-fit: contain
}

section.benefits.cover-6 .content {
    grid-template-columns: repeat(6, 1fr)
}

section.benefits.cover-6 .content .item {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

section.benefits.cover-6 .content .item>.img {
    height: 12.37rem
}

section.benefits.cover-6 .content .item>.img img {
    -o-object-fit: cover;
    object-fit: cover
}

section.benefits.cover-6 .content .item>.text {
    padding: 0 .75rem
}

section.benefits.cover-6 .content .item>.text>* {
    text-align: center
}

section.benefits.cover-6 .swipe-slides .item {
    width: 55rem !important
}

section.benefits.cover-6 .swipe-slides .item>.img {
    height: 60rem !important
}

section.benefits.cover-6 .swipe-slides .item>.text>* {
    text-align: center
}

section.partners {
    margin-bottom: 8.75rem;
    margin-top: 3.75rem
}

@media(max-width:480px) {
    section.partners {
        margin-bottom: 21.33rem;
        margin-top: 10.67rem;
        padding: 0 6.25rem
    }
}

section.partners .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

@media(min-width:1920px) {
    section.partners .wrapper {
        -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(hsla(0, 0%, 100%, 0)));
        -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, hsla(0, 0%, 100%, 0));
        mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(hsla(0, 0%, 100%, 0)));
        mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, hsla(0, 0%, 100%, 0))
    }
}

@media(max-width:480px) {
    section.partners .wrapper {
        height: 87.5rem
    }

    section.partners .wrapper .swipe-slides {
        overflow: hidden
    }

    section.partners .wrapper .swipe-item {
        padding: 1.07rem 0
    }

    section.partners .wrapper .swiper-css-before {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    section.partners .wrapper .swiper-css-after {
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

section.partners .wrapper:first-of-type {
    margin-bottom: 1rem
}

@media(max-width:480px) {
    section.partners .wrapper:first-of-type {
        margin-bottom: 0
    }
}

section.partners .wrapper .swipe-wrapper-horizontal {
    padding-bottom: 0
}

section.partners .wrapper .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.25rem;
    justify-content: center;
    margin-right: 4rem;
    min-width: 8rem;
    padding: 1rem 0;
    pointer-events: none
}

@media(max-width:480px) {
    section.partners .wrapper .item {
        border: 1px solid hsla(0, 0%, 100%, .25);
        border-radius: 1.8056rem;
        height: 6.05rem;
        margin: 0;
        padding: 4.5rem 0;
        width: 86.8rem
    }
}

section.partners .wrapper .item img {
    max-height: 100%
}

section.about-us {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

@media(max-width:480px) {
    section.about-us {
        min-height: calc(97vh - 25rem);
        padding-top: 25rem
    }
}

section.about-us .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center
}

@media(max-width:480px) {
    section.about-us .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-pack: distribute;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: space-around
    }
}

section.about-us .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 32.01081rem;
    justify-content: flex-end;
    position: relative
}

@media(max-width:480px) {
    section.about-us .content .bg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: unset;
        pointer-events: none
    }
}

@media(min-width:480px) {
    section.about-us .content .bg .frame {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem);
        z-index: -1
    }
}

@media(max-width:480px) {
    section.about-us .content .bg .frame {
        display: inline-block;
        height: 70rem
    }
}

section.about-us .content .bg .frame canvas {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.about-us .content .bg .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    pointer-events: none;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.about-us .content .bg .title {
        font-size: 8.125rem;
        text-align: left
    }
}

section.about-us .content .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.about-us .content .text {
        gap: 5rem
    }
}

section.about-us .content p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.about-us .content p {
        font-size: 5rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.about-us .content .scroll {
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    position: relative
}

section.about-us .content .scroll>div {
    display: inline-block;
    height: 4.5rem;
    pointer-events: none;
    width: 4.5rem
}

@media(max-width:480px) {
    section.about-us .content .scroll>div {
        height: 15rem;
        width: 15rem
    }
}

section.about-us .content .scroll>div:after,
section.about-us .content .scroll>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

section.about-us .content .scroll>div:after {
    background-image: url(../images/scroll_hover.svg);
    opacity: 0
}

@media(max-width:480px) {
    section.about-us .content .scroll>div:after {
        opacity: 1
    }
}

section.about-us .content .scroll>div:before {
    background-image: url(../images/scroll.svg);
    opacity: 1
}

@media(max-width:480px) {
    section.about-us .content .scroll>div:before {
        opacity: 0
    }
}

@media(min-width:480px) {
    section.about-us .content .scroll:hover>div:after {
        opacity: 1
    }

    section.about-us .content .scroll:hover>div:before {
        opacity: 0
    }
}

section.comments {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 25rem;
    margin-top: 18.44rem
}

@media(min-width:480px) {
    section.comments {
        margin-bottom: 8.75rem;
        margin-top: 5rem;
        padding: 0 24.25rem
    }
}

section.comments .state {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 2rem
}

@media(max-width:480px) {
    section.comments .state {
        margin-bottom: 10rem
    }
}

section.comments .state .total {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 98%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    section.comments .state .total {
        font-size: 5rem;
        gap: 1.5rem;
        line-height: 6.25rem
    }
}

section.comments .state .total:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1.3rem;
    -webkit-mask-image: url(../images/comments.svg);
    mask-image: url(../images/comments.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 95%;
    mask-size: 95%;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: 1.3rem
}

@media(max-width:480px) {
    section.comments .state .total:before {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.comments .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start;
    margin-bottom: 4rem
}

@media(max-width:480px) {
    section.comments .form {
        margin-bottom: 14rem
    }
}

section.comments .form form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.comments .form form {
        gap: 3.75rem
    }
}

section.comments .form form .btn-sm,
section.comments .form form .form-submit {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media(max-width:480px) {

    section.comments .form form .btn-sm,
    section.comments .form form .form-submit {
        -ms-flex-item-align: center;
        align-self: center
    }
}

section.comments .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    max-height: 50rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease
}

@media(max-width:480px) {
    section.comments .list {
        gap: 15rem;
        max-height: 200rem
    }
}

section.comments .list:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#010516), to(transparent));
    background: linear-gradient(0deg, #010516, transparent);
    bottom: 0;
    content: "";
    height: 4rem;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

section.comments .list .sub-comment {
    padding-left: 3.75rem
}

@media(max-width:480px) {
    section.comments .list .sub-comment {
        padding-left: 10rem
    }
}

section.comments .list .sub-comment>div,
section.comments .list>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    section.comments .list .sub-comment>div,
    section.comments .list>div {
        gap: 5rem
    }
}

section.comments .list .sub-comment>div .name,
section.comments .list>div .name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    gap: 1rem;
    justify-content: flex-start;
    line-height: 100%
}

@media(max-width:480px) {

    section.comments .list .sub-comment>div .name,
    section.comments .list>div .name {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.comments .list .sub-comment>div .name>.img,
section.comments .list>div .name>.img {
    border-radius: 50%;
    display: inline-block;
    height: 2.5rem;
    overflow: hidden;
    width: 2.5rem
}

@media(max-width:480px) {

    section.comments .list .sub-comment>div .name>.img,
    section.comments .list>div .name>.img {
        height: 10rem;
        width: 10rem
    }
}

section.comments .list .sub-comment>div .name>.img img,
section.comments .list>div .name>.img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.comments .list .sub-comment>div .name span,
section.comments .list>div .name span {
    color: hsla(0, 0%, 100%, .749);
    display: inline-block;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: .1rem
}

@media(max-width:480px) {

    section.comments .list .sub-comment>div .name span,
    section.comments .list>div .name span {
        font-size: 3.75rem
    }
}

section.comments .list .sub-comment>div .text,
section.comments .list>div .text {
    color: hsla(0, 0%, 100%, .749);
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {

    section.comments .list .sub-comment>div .text,
    section.comments .list>div .text {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.comments .list .sub-comment>div .text a,
section.comments .list>div .text a {
    color: hsla(0, 0%, 100%, .749);
    font-weight: 400;
    text-decoration: underline;
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

section.comments .list .sub-comment>div .text a:hover,
section.comments .list>div .text a:hover {
    color: #fff
}

section.comments .list .sub-comment>div .state,
section.comments .list>div .state {
    display: inline-block
}

section.comments .list .sub-comment>div .state .like,
section.comments .list>div .state .like {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 98%;
    pointer-events: all;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {

    section.comments .list .sub-comment>div .state .like,
    section.comments .list>div .state .like {
        font-size: 5rem;
        gap: 1.5rem;
        line-height: 6.25rem
    }
}

section.comments .list .sub-comment>div .state .like:before,
section.comments .list>div .state .like:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1.3rem;
    -webkit-mask-image: url(../images/like.svg);
    mask-image: url(../images/like.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 95%;
    mask-size: 95%;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: 1.3rem
}

@media(max-width:480px) {

    section.comments .list .sub-comment>div .state .like:before,
    section.comments .list>div .state .like:before {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.comments .list .sub-comment>div .state .like .cld-like-dislike-wrap,
section.comments .list>div .state .like .cld-like-dislike-wrap {
    margin-bottom: 0
}

section.comments .list .sub-comment>div .state .like .cld-like-dislike-wrap .cld-like-wrap,
section.comments .list>div .state .like .cld-like-dislike-wrap .cld-like-wrap {
    margin-right: 0;
    min-width: 0
}

section.comments .list .sub-comment>div .state .like *,
section.comments .list>div .state .like * {
    pointer-events: none
}

section.comments .list .sub-comment>div .state .like.active:before,
section.comments .list .sub-comment>div .state .like:has(.cld-undo-trigger):before,
section.comments .list .sub-comment>div .state .like:hover:before,
section.comments .list>div .state .like.active:before,
section.comments .list>div .state .like:has(.cld-undo-trigger):before,
section.comments .list>div .state .like:hover:before {
    background-color: #0cc2ff
}

section.comments .list .sub-comment>div .state .like.active:hover:before,
section.comments .list .sub-comment>div .state .like:has(.cld-undo-trigger):hover:before,
section.comments .list>div .state .like.active:hover:before,
section.comments .list>div .state .like:has(.cld-undo-trigger):hover:before {
    background-color: rgba(12, 194, 255, .353)
}

section.comments .ctrl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    margin-top: 2.5rem;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

@media(max-width:480px) {
    section.comments .ctrl {
        gap: 3rem;
        margin-top: 10rem
    }
}

section.comments.ready .ctrl {
    opacity: 0
}

section.comments.ready .list {
    -webkit-transition: unset;
    transition: unset
}

section.comments.ready .list:after {
    opacity: 0
}

section.discover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
    margin-top: 8.79rem;
    position: relative
}

@media(max-width:480px) {
    section.discover {
        gap: 10rem;
        margin-top: 25rem
    }
}

section.discover:before {
    background: var(--points-bg, url("../images/bg.svg"));
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    content: "";
    height: 17rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media(max-width:480px) {
    section.discover:before {
        display: none
    }
}

section.discover>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.discover>.title {
        font-size: 7.5rem
    }
}

section.discover>.content {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr)
}

@media(max-width:480px) {
    section.discover>.content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 7rem;
        justify-content: flex-start
    }
}

section.discover>.content>.group {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 20%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 20%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.discover>.content>.group {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        gap: 5rem
    }

    section.discover>.content>.group:has(.no-title) {
        margin-top: -3rem
    }
}

section.discover>.content>.group>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.discover>.content>.group>.title {
        font-size: 4.375rem
    }

    section.discover>.content>.group>.title.no-title {
        display: none
    }
}

section.discover>.content>.group>.items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.discover>.content>.group>.items {
        gap: 4rem
    }
}

section.discover>.content>.group>.items>a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    padding: 1.125rem 1rem;
    -webkit-transition: border .3s ease;
    transition: border .3s ease
}

@media(max-width:480px) {
    section.discover>.content>.group>.items>a {
        border-radius: 3.75rem;
        gap: 3.12rem;
        padding: 2.5rem 5rem
    }
}

section.discover>.content>.group>.items>a>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #fff;
    flex-grow: 1;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.discover>.content>.group>.items>a>span {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.discover>.content>.group>.items>a i {
    --size: 2rem;
    -ms-flex-negative: 0;
    background: #24f6dd;
    flex-shrink: 0
}

@media(max-width:480px) {
    section.discover>.content>.group>.items>a i {
        --size: 10rem
    }
}

section.discover>.content>.group>.items>a .decor {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    height: 2rem;
    justify-content: center;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    section.discover>.content>.group>.items>a .decor {
        height: 10rem;
        width: 10rem
    }
}

section.discover>.content>.group>.items>a .decor:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .7rem;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    section.discover>.content>.group>.items>a .decor:after {
        height: 3.7rem;
        width: 3.7rem
    }
}

section.discover>.content>.group>.items>a:hover {
    border-color: var(--discover-item-hover-border, hsla(0, 0%, 100%, .15))
}

section.discover>.content>.group>.items>a:hover .decor {
    background: #fff
}

section.discover>.content>.group>.items>a:hover .decor:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.x-app section.discover>.content>.group>.items>a i {
    background: #6222f6
}

section.networks {
    margin-top: 5rem;
    padding-bottom: 5rem;
    position: relative
}

@media(max-width:480px) {
    section.networks {
        margin-top: 7.5rem;
        padding-bottom: 10rem
    }
}

section.networks .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.networks .content {
        gap: 7.5rem;
        overflow: hidden
    }
}

section.networks .content>.lavalamp {
    height: 35rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem
}

@media(max-width:480px) {
    section.networks .content>.lavalamp {
        --lava-blur: 14rem;
        height: 80rem;
        top: 40%;
        width: 80rem
    }
}

section.networks .content>.head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    position: relative
}

@media(max-width:480px) {
    section.networks .content>.head {
        gap: 7.5rem
    }
}

section.networks .content>.head .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.networks .content>.head .title {
        font-size: 7.5rem
    }
}

section.networks .content>.head .text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 58.5rem
}

@media(max-width:480px) {
    section.networks .content>.head .text {
        font-size: 4.375rem;
        line-height: 143%;
        width: unset
    }
}

section.networks .content>.head .ctrls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {
    section.networks .content>.head .ctrls {
        display: none
    }
}

section.networks .content>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

@media(max-width:480px) {
    section.networks .content>.btns {
        gap: 3.75rem
    }
}

section.networks .content .swipe-item {
    padding-right: 1.5rem
}

@media(max-width:480px) {
    section.networks .content .swipe-item {
        padding-right: 5rem
    }
}

section.networks .content .swipe-item>.item {
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    overflow: hidden;
    position: relative;
    width: 28.5rem
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item {
        border-radius: 3.75rem;
        width: 79rem
    }
}

section.networks .content .swipe-item>.item .lavalamp {
    --lava-blur: 5rem;
    height: 30rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 30rem;
    z-index: 0
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item .lavalamp {
        --lava-blur: 12rem;
        height: 68rem;
        left: 10%;
        top: 64%;
        width: 92rem
    }
}

section.networks .content .swipe-item>.item>.links {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    border-top: 1px solid hsla(0, 0%, 100%, .149);
    justify-content: flex-start;
    position: relative;
    z-index: 1
}

section.networks .content .swipe-item>.item>.links,
section.networks .content .swipe-item>.item>.links a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

section.networks .content .swipe-item>.item>.links a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    align-items: center;
    border-left: 1px solid hsla(0, 0%, 100%, .149);
    color: #fff;
    flex-basis: 1%;
    flex-grow: 1;
    font-family: RaleGrotesk;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: normal;
    padding: 1.5rem 1rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    white-space: nowrap
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.links a {
        font-size: 4.375rem;
        line-height: 98%;
        padding: 6.56rem 2rem
    }
}

section.networks .content .swipe-item>.item>.links a:after {
    -ms-flex-negative: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    background: #fff;
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 1rem;
    margin-left: .5rem;
    -webkit-mask: url(../images/arrow-top-right.svg) no-repeat center;
    mask: url(../images/arrow-top-right.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1rem
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.links a:after {
        height: 3.5rem;
        margin-left: 3rem;
        width: 3.5rem
    }
}

section.networks .content .swipe-item>.item>.links a:first-child {
    border: none
}

section.networks .content .swipe-item>.item>.links a:hover {
    background: hsla(0, 0%, 100%, .063)
}

section.networks .content .swipe-item>.item>.data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    justify-content: flex-start;
    padding: 1.5rem 1.5rem 3.5rem;
    position: relative;
    z-index: 1
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data {
        gap: 12.5rem;
        padding: 5rem
    }
}

section.networks .content .swipe-item>.item>.data>.descr {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data>.descr {
        font-size: 6.25rem !important;
        line-height: 8.75rem !important
    }
}

section.networks .content .swipe-item>.item>.data .logo img {
    height: 2.9rem;
    width: auto
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data .logo img {
        height: 10.03375rem
    }
}

section.networks .content .swipe-item>.item>.data .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data .text {
        gap: 3.75rem
    }
}

section.networks .content .swipe-item>.item>.data .text .title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data .text .title {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.networks .content .swipe-item>.item>.data .text p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data .text p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.networks .content .swipe-item>.item>.data .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data .tags {
        gap: 1.5rem
    }
}

section.networks .content .swipe-item>.item>.data .tags>span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0d0e12;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: 2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 98%;
    padding: .5rem 1rem;
    white-space: nowrap
}

@media(max-width:480px) {
    section.networks .content .swipe-item>.item>.data .tags>span {
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 4.375rem;
        padding: 1.5rem 3.75rem
    }
}

section.networks.item-deco-off .swipe-item>.item {
    background: #0d0e12
}

section.networks.big-deco .lavalamp {
    --lava-blur: 5rem;
    height: 35rem;
    left: 50%;
    position: absolute;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35rem
}

@media(max-width:480px) {
    section.networks.big-deco .lavalamp {
        --lava-blur: 12rem;
        height: 90rem;
        top: 74%;
        width: 94rem
    }
}

section.networks.short-card .content .swipe-item>.item .data {
    gap: 1.53rem;
    padding: 1.53rem
}

@media(max-width:480px) {
    section.networks.short-card .content .swipe-item>.item .data {
        gap: 5rem;
        padding: 5rem
    }
}

section.emission {
    padding-bottom: 11.5rem;
    padding-top: 5rem
}

@media(max-width:480px) {
    section.emission {
        padding-bottom: 21.5rem;
        padding-top: 15rem
    }
}

section.emission>.seo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 3.75rem
}

@media(max-width:480px) {
    section.emission>.seo {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

section.emission>.seo>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase;
    width: 34.1875rem
}

@media(max-width:480px) {
    section.emission>.seo>.title {
        font-size: 7.5rem;
        width: unset
    }
}

section.emission>.seo>.text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 43.5rem
}

@media(max-width:480px) {
    section.emission>.seo>.text {
        font-size: 4.375rem;
        line-height: 6.25rem;
        width: unset
    }
}

section.emission>.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

section.emission>.content>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    margin-top: 9.5rem;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.emission>.content>.title {
        font-size: 7.5rem
    }
}

section.emission>.content>.title:first-child {
    margin-top: 0
}

section.emission>.content>.roadmap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 9rem;
    position: relative
}

@media(max-width:480px) {
    section.emission>.content>.roadmap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        justify-content: flex-start;
        padding: 7rem 0
    }
}

section.emission>.content>.roadmap:before {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(39%, #24f6dd), color-stop(60%, #24f6dd), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #24f6dd 39%, #24f6dd 60%, hsla(0, 0%, 100%, 0));
    content: "";
    height: .063rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:480px) {
    section.emission>.content>.roadmap:before {
        background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(43%, #24f6dd), color-stop(67%, #24f6dd), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #24f6dd 43%, #24f6dd 67%, hsla(0, 0%, 100%, 0));
        bottom: 0;
        height: unset;
        left: 50%;
        right: unset;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: .32rem
    }
}

section.emission>.content>.roadmap .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 1%;
    flex-grow: 1;
    justify-content: center;
    position: relative
}

section.emission>.content>.roadmap .item img {
    height: 2rem;
    width: auto
}

@media(max-width:480px) {
    section.emission>.content>.roadmap .item img {
        height: 7.5rem
    }
}

section.emission>.content>.roadmap .item .text-bottom,
section.emission>.content>.roadmap .item .text-top {
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {

    section.emission>.content>.roadmap .item .text-bottom,
    section.emission>.content>.roadmap .item .text-top {
        left: unset;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 35rem
    }
}

section.emission>.content>.roadmap .item .text-top {
    bottom: calc(100% + 1.5rem);
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.emission>.content>.roadmap .item .text-top {
        bottom: unset;
        font-size: 5rem;
        line-height: 5.625rem;
        right: calc(100% + 3.75rem);
        text-align: right
    }
}

section.emission>.content>.roadmap .item .text-bottom {
    color: #2cf6de;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase;
    top: calc(100% + 1.5rem)
}

@media(max-width:480px) {
    section.emission>.content>.roadmap .item .text-bottom {
        bottom: unset;
        font-size: 5rem;
        left: calc(100% + 3.75rem);
        line-height: 5.625rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.emission>.content>.table {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(var(--table-columns, 3), 1fr);
    margin-top: 5rem
}

@media(max-width:480px) {
    section.emission>.content>.table {
        display: none
    }
}

section.emission>.content>.table .title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

section.emission>.content>.table .title,
section.emission>.content>.table .title span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

section.emission>.content>.table .title span {
    -ms-flex-negative: 0;
    background: #0d0e12;
    border: 1px solid #24f6dd;
    border-radius: .75rem;
    color: #fff;
    display: inline-block;
    flex-shrink: 0;
    font-family: RaleGrotesk;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    gap: .75rem;
    line-height: normal;
    padding: .34rem 1rem
}

section.emission>.content>.table .value {
    color: #fff;
    display: inline-block;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 116.667%;
    padding: 2rem 1rem;
    position: relative;
    text-align: center
}

section.emission>.content>.table .value i {
    --size: 1.7rem;
    background: #fff
}

section.emission>.content>.table .value:before {
    background: #0d0e12;
    border-radius: .75rem;
    bottom: -1.25rem;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -1.25rem;
    z-index: -1
}

section.emission>.content>.table .value:after {
    background: hsla(0, 0%, 100%, .149);
    bottom: 0;
    content: "";
    height: 1px;
    left: 1.25rem;
    position: absolute;
    right: 1.25rem
}

section.emission>.content>.cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
    padding-top: 7.5rem
}

@media(max-width:480px) {
    section.emission>.content>.cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

section.emission>.content>.cards .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: #0d0e12;
    border-radius: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start;
    padding: 3.75rem 5rem
}

section.emission>.content>.cards .card>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .149);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 3.75rem
}

section.emission>.content>.cards .card>div .name {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem
}

section.emission>.content>.cards .card>div .value {
    color: #24f6dd;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem;
    text-align: right
}

section.emission>.content>.total {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #0d0e12;
    border-radius: .75rem;
    color: #24f6dd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: RaleGrotesk;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: normal;
    margin-top: 3rem;
    padding: .5rem
}

@media(max-width:480px) {
    section.emission>.content>.total {
        border-radius: 3.75rem;
        font-size: 4.375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 5rem;
        margin-top: 5rem;
        padding: 3.75rem
    }
}

section.bank-card {
    overflow: hidden;
    padding-bottom: 17.37rem;
    padding-top: 8.75rem;
    position: relative
}

@media(max-width:480px) {
    section.bank-card {
        padding-bottom: 21.33rem;
        padding-top: 32rem
    }
}

section.bank-card:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#010516), to(rgba(1, 3, 16, 0)));
    background: linear-gradient(180deg, #010516, rgba(1, 3, 16, 0));
    content: "";
    height: 5rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media(max-width:480px) {
    section.bank-card:before {
        height: 16rem
    }
}

section.bank-card .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 40.8rem;
    position: relative;
    z-index: 1
}

section.bank-card .content .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.bank-card .content .title {
        font-size: 6.4rem;
        line-height: 132%;
        margin-bottom: 4.26667rem
    }
}

section.bank-card .content .subtitle {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 4.12rem;
    text-align: center;
    width: 48rem
}

@media(max-width:480px) {
    section.bank-card .content .subtitle {
        font-size: 4.26667rem;
        line-height: 148%;
        margin-bottom: 6rem;
        width: 100%
    }
}

section.bank-card .content a {
    margin-top: 2.5rem
}

@media(max-width:480px) {
    section.bank-card .content a {
        margin-top: 4rem
    }
}

section.bank-card .card {
    height: 21.87331rem;
    position: relative;
    -webkit-transform: translateY(calc((var(--distance) - 5rem)*-1)) rotate(-15deg);
    transform: translateY(calc((var(--distance) - 5rem)*-1)) rotate(-15deg);
    width: 34.83525rem;
    z-index: -1
}

@media(max-width:480px) {
    section.bank-card .card {
        height: 54.76693rem;
        -webkit-transform: translateY(calc((var(--distance) - 10rem)*-1)) rotate(-15deg);
        transform: translateY(calc((var(--distance) - 10rem)*-1)) rotate(-15deg);
        width: 87.2216rem
    }
}

section.bank-card .card:before {
    background: #0cc2ff;
    border-radius: 27rem;
    bottom: 5rem;
    content: "";
    -webkit-filter: blur(150px);
    filter: blur(150px);
    left: 5rem;
    opacity: .4;
    position: absolute;
    right: 5rem;
    top: 5rem;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    z-index: -1
}

@media(max-width:480px) {
    section.bank-card .card:before {
        bottom: 12rem;
        left: 12rem;
        right: 12rem;
        top: 12rem
    }
}

section.defi-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    position: relative
}

@media(max-width:480px) {
    section.defi-head {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: unset;
        overflow: hidden;
        padding-bottom: 0;
        padding-top: 37.5rem
    }
}

section.defi-head:before {
    background-image: url(../images/bg_1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 1rem;
    content: "";
    display: block;
    left: 5rem;
    position: absolute;
    right: 5rem;
    top: 1rem;
    z-index: -1
}

@media(max-width:480px) {
    section.defi-head:before {
        background: #6222f6;
        bottom: auto;
        height: calc(100% - 30rem);
        -webkit-mask-image: url(../images/bg.svg);
        mask-image: url(../images/bg.svg);
        -webkit-mask-position: left top;
        mask-position: left top;
        -webkit-mask-size: 15rem 15rem;
        mask-size: 15rem 15rem;
        right: auto;
        top: 0;
        width: 10rem
    }
}

section.defi-head:after {
    background: #6222f6;
    content: "";
    display: none;
    height: calc(100% - 30rem);
    -webkit-mask-image: url(../images/bg.svg);
    mask-image: url(../images/bg.svg);
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 15rem 15rem;
    mask-size: 15rem 15rem;
    position: absolute;
    right: 5rem;
    top: 0;
    width: 10rem
}

@media(max-width:480px) {
    section.defi-head:after {
        display: block
    }
}

section.defi-head>.lavalamp {
    --lava-blur: 5rem;
    bottom: -4rem;
    height: 24rem;
    opacity: .8;
    position: absolute;
    right: -4rem;
    width: 24rem;
    z-index: -2
}

@media(max-width:480px) {
    section.defi-head>.lavalamp {
        --lava-blur: 14rem;
        bottom: 22rem;
        height: 60rem;
        opacity: 1;
        right: -30rem;
        width: 67rem
    }
}

section.defi-head>.lavalamp:first-of-type {
    bottom: auto;
    left: -2rem;
    right: auto;
    top: 2rem
}

@media(max-width:480px) {
    section.defi-head>.lavalamp:first-of-type {
        top: 10rem
    }
}

section.defi-head .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:480px) {
    section.defi-head .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10rem
    }
}

section.defi-head .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-negative: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    row-gap: 4rem;
    width: 43.75rem
}

@media(max-width:480px) {
    section.defi-head .content .data {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        row-gap: 7.5rem;
        width: auto
    }
}

section.defi-head .content .data .text .word,
section.defi-head .content .data .title .word {
    display: inline;
    white-space: nowrap
}

section.defi-head .content .data .text .char,
section.defi-head .content .data .title .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(.3rem) scale(.7);
    transform: translateX(.3rem) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.defi-head .content .data .text .char.show,
section.defi-head .content .data .title .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.defi-head .content .data .text .char.show.hide,
section.defi-head .content .data .title .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(-.3rem) scale(.7);
    transform: translateX(-.3rem) scale(.7)
}

section.defi-head .content .data .text h1,
section.defi-head .content .data .title h1 {
    -webkit-column-gap: 1.75rem;
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:480px) {

    section.defi-head .content .data .text h1,
    section.defi-head .content .data .title h1 {
        -webkit-column-gap: 5.9rem;
        -moz-column-gap: 5.9rem;
        column-gap: 5.9rem
    }
}

section.defi-head .content .data .text h1 *,
section.defi-head .content .data .title h1 * {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {

    section.defi-head .content .data .text h1 *,
    section.defi-head .content .data .title h1 * {
        font-size: 10rem
    }
}

section.defi-head .content .data .text p,
section.defi-head .content .data .title p {
    -webkit-column-gap: .35rem;
    -moz-column-gap: .35rem;
    column-gap: .35rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:480px) {

    section.defi-head .content .data .text p,
    section.defi-head .content .data .title p {
        -webkit-column-gap: 1.15rem;
        -moz-column-gap: 1.15rem;
        column-gap: 1.15rem
    }
}

section.defi-head .content .data .text p *,
section.defi-head .content .data .title p * {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {

    section.defi-head .content .data .text p *,
    section.defi-head .content .data .title p * {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.defi-head .content .frame3d {
    height: 60rem;
    position: absolute;
    right: -4.5rem;
    top: 53%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60rem
}

@media(max-width:480px) {
    section.defi-head .content .frame3d {
        height: 90rem;
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 99rem
    }
}

section.defi-head .content .img-frame {
    height: 31.25rem;
    position: absolute;
    right: 10rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 31.25rem
}

@media(max-width:480px) {
    section.defi-head .content .img-frame {
        height: 90rem;
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 90rem
    }
}

section.gallery-7 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media(max-width:480px) {
    section.gallery-7 {
        min-height: unset
    }
}

section.gallery-7 .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    padding-bottom: 10.5rem;
    padding-top: 4.5rem;
    position: sticky;
    right: 0;
    top: 0
}

@media(max-width:480px) {
    section.gallery-7 .content {
        padding-bottom: 21rem;
        padding-top: 12.5rem
    }
}

section.gallery-7 .content:after{
    background: url(../images/bg_7.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media(max-width:480px) {
    section.gallery-7 .content:after {
        background-size: cover
    }
}

section.gallery-7 .content .label {
    background: #010516;
    border: .1rem solid #50d3ff;
    bottom: -.3rem;
    color: #fff;
    font-family: Infynyte;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    left: 50%;
    line-height: normal;
    opacity: var(--opacity, 1);
    padding: 0 .5rem .5rem;
    position: absolute;
    text-transform: lowercase;
    -webkit-transform: translateX(-50%) scale(var(--scale, 1));
    transform: translateX(-50%) scale(var(--scale, 1));
    white-space: nowrap;
    z-index: 10
}

@media(max-width:480px) {
    section.gallery-7 .content .label {
        font-size: 3.7125rem;
        opacity: 1;
        padding: 0 1.19rem 1.19rem;
        right: .7rem;
        -webkit-transform: unset;
        transform: unset
    }
}

section.gallery-7 .content .label:after,
section.gallery-7 .content .label:before {
    background: #010516;
    border: .1rem solid #50d3ff;
    content: "";
    position: absolute;
    z-index: -1
}

section.gallery-7 .content .label:before {
    height: .25rem;
    left: -.5%;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-101%) skewX(-45deg);
    transform: translateY(-101%) skewX(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@media(max-width:480px) {
    section.gallery-7 .content .label:before {
        height: .7rem;
        left: -1%
    }
}

section.gallery-7 .content .label:after {
    bottom: -.5%;
    right: 0;
    top: -.5%;
    -webkit-transform: translateX(100%) skewY(-45deg);
    transform: translateX(100%) skewY(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    width: .25rem
}

@media(max-width:480px) {
    section.gallery-7 .content .label:after {
        bottom: -5%;
        width: .7rem
    }
}

section.gallery-7 .content .grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 1fr)
}

section.gallery-7 .content .grid>div {
    display: inline-block;
    position: relative
}

section.gallery-7 .content .grid>div:first-child {
    grid-area: 1/3/2/6
}

section.gallery-7 .content .grid>div:nth-child(2) {
    grid-area: 1/6/2/12
}

section.gallery-7 .content .grid>div:nth-child(3) {
    grid-area: 2/1/3/4
}

section.gallery-7 .content .grid>div:nth-child(4) {
    grid-area: 2/10/3/13
}

section.gallery-7 .content .grid>div:nth-child(5) {
    grid-area: 2/4/3/10
}

section.gallery-7 .content .grid>div:nth-child(6) {
    grid-area: 3/2/4/8
}

section.gallery-7 .content .grid>div:nth-child(7) {
    grid-area: 3/8/4/11
}

section.gallery-7 .content .grid>div .img {
    border-radius: .75rem;
    height: 21.375rem;
    overflow: hidden
}

section.gallery-7 .content .grid>div .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.gallery-7 .content .frame {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.5rem;
    height: var(--galery-7-frame-h);
    justify-content: space-between;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 57.25rem
}

@media(max-width:480px) {
    section.gallery-7 .content .frame {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        height: unset;
        width: unset
    }
}

section.gallery-7 .content .frame .img {
    border-radius: .75rem;
    height: 12.5rem;
    overflow: hidden;
    width: 12.5rem
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .img {
        border-radius: 3.75rem;
        height: 37.5rem;
        width: 37.5rem
    }
}

section.gallery-7 .content .frame .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.gallery-7 .content .frame .imgs-left,
section.gallery-7 .content .frame .imgs-rigth {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.5rem;
    justify-content: space-between;
    opacity: var(--opacity, 1);
    position: relative
}

@media(max-width:480px) {

    section.gallery-7 .content .frame .imgs-left,
    section.gallery-7 .content .frame .imgs-rigth {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 7.5rem;
        justify-content: center;
        opacity: 1
    }
}

section.gallery-7 .content .frame .imgs-left .label,
section.gallery-7 .content .frame .imgs-rigth .label {
    bottom: -.6rem
}

@media(max-width:480px) {

    section.gallery-7 .content .frame .imgs-left .label,
    section.gallery-7 .content .frame .imgs-rigth .label {
        bottom: -1rem
    }
}

section.gallery-7 .content .frame .imgs-left>div,
section.gallery-7 .content .frame .imgs-rigth>div {
    position: relative
}

section.gallery-7 .content .frame .imgs-left>div:first-child .label,
section.gallery-7 .content .frame .imgs-rigth>div:first-child .label {
    bottom: unset;
    top: -.5rem
}

@media(max-width:480px) {

    section.gallery-7 .content .frame .imgs-left>div:first-child .label,
    section.gallery-7 .content .frame .imgs-rigth>div:first-child .label {
        bottom: -.6rem;
        top: unset
    }

    section.gallery-7 .content .frame .imgs-left {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    section.gallery-7 .content .frame .imgs-left>div:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    section.gallery-7 .content .frame .imgs-left>div:first-child .label {
        bottom: unset;
        left: unset;
        top: -1rem
    }

    section.gallery-7 .content .frame .imgs-left>div:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    section.gallery-7 .content .frame .imgs-left>div:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

section.gallery-7 .content .frame .imgs-left>div .label {
    left: 100%
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .imgs-left>div .label {
        bottom: unset;
        left: unset;
        top: -1rem
    }
}

section.gallery-7 .content .frame .imgs-left>div:nth-child(2) {
    -webkit-transform: translateX(-16rem);
    transform: translateX(-16rem)
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .imgs-left>div:nth-child(2) {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    section.gallery-7 .content .frame .imgs-left>div:nth-child(2) .label {
        left: 50%;
        right: unset;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    section.gallery-7 .content .frame .imgs-left>div {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    section.gallery-7 .content .frame .imgs-rigth>div:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    section.gallery-7 .content .frame .imgs-rigth>div:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    section.gallery-7 .content .frame .imgs-rigth>div:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

section.gallery-7 .content .frame .imgs-rigth>div .label {
    left: 0
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .imgs-rigth>div .label {
        left: unset
    }
}

section.gallery-7 .content .frame .imgs-rigth>div:nth-child(2) {
    -webkit-transform: translateX(16rem);
    transform: translateX(16rem)
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .imgs-rigth>div:nth-child(2) {
        -webkit-transform: unset;
        transform: unset
    }

    section.gallery-7 .content .frame .imgs-rigth>div:nth-child(2) .label {
        left: 50%;
        right: unset;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

section.gallery-7 .content .frame .img-center {
    height: 19rem;
    position: relative;
    width: 25.25rem;
    z-index: 20
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .img-center {
        height: unset;
        width: unset
    }
}

section.gallery-7 .content .frame .img-center .label {
    bottom: -.6rem;
    left: 50%
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .img-center .label {
        bottom: -1rem;
        right: unset;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

section.gallery-7 .content .frame .img-center .img {
    height: var(--ch, 50rem);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: var(--cw, 90rem);
    will-change: width, height
}

@media(max-width:480px) {
    section.gallery-7 .content .frame .img-center .img {
        height: 67.5rem;
        left: unset;
        position: relative;
        top: unset;
        -webkit-transform: unset;
        transform: unset;
        width: 90rem
    }
}

section.media-kit {
    margin-top: 5rem
}

@media(max-width:480px) {
    section.media-kit {
        overflow: hidden
    }
}

section.media-kit>.content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.media-kit>.content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

section.media-kit>.content .swipe-item {
    padding: 1.5rem
}

section.media-kit>.content .swipe-item .s-tab {
    -ms-flex-negative: 0;
    background: var(--def-img) no-repeat center;
    background-size: 80%;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 3.75rem;
    flex-shrink: 0;
    height: 13.75rem;
    overflow: hidden;
    position: relative;
    width: 33.125rem
}

section.media-kit>.content .swipe-item .s-tab:before {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2
}

section.media-kit>.content .swipe-item .s-tab * {
    pointer-events: none
}

section.media-kit>.content .swipe-item .s-tab>div {
    background: #0cc2ff;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 1
}

section.media-kit>.content .swipe-item .s-tab>div:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask: var(--def-img) no-repeat center;
    mask: var(--def-img) no-repeat center;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

section.media-kit>.content .swipe-item.active .s-tab>div {
    opacity: 1
}

section.media-kit>.content>.tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    position: relative;
    width: 17.1875rem
}

section.media-kit>.content>.tabs:before {
    background: linear-gradient(122deg, #1b1f2e 24.4%, #010516 69.12%);
    border-radius: .75rem .75rem .75rem 0;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 17.1875rem;
    z-index: -1
}

section.media-kit>.content>.tabs>a {
    background: var(--def-img) no-repeat center;
    background-size: 60%;
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: 0;
    display: inline-block;
    height: 4.875rem;
    pointer-events: all;
    position: relative
}

section.media-kit>.content>.tabs>a:after,
section.media-kit>.content>.tabs>a:before {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

section.media-kit>.content>.tabs>a:before {
    background: #0cc2ff;
    z-index: 1
}

section.media-kit>.content>.tabs>a:after {
    background: #fff;
    -webkit-mask: var(--def-img) no-repeat center;
    mask: var(--def-img) no-repeat center;
    -webkit-mask-size: 60%;
    mask-size: 60%;
    z-index: 9
}

section.media-kit>.content>.tabs>a>div {
    background: #0cc2ff;
    border-radius: 0 .75rem .75rem 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: -1.5rem;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 8
}

section.media-kit>.content>.tabs>a>div:before {
    border: .2rem solid #fff;
    border-bottom: none;
    border-left: none;
    content: "";
    height: .3rem;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .3rem;
    z-index: 10
}

section.media-kit>.content>.tabs>a:hover:after,
section.media-kit>.content>.tabs>a:hover:before {
    opacity: 1
}

section.media-kit>.content>.tabs>a:first-child,
section.media-kit>.content>.tabs>a:first-child:after,
section.media-kit>.content>.tabs>a:first-child:before {
    border-radius: .75rem .75rem 0 0
}

section.media-kit>.content>.tabs>a:first-child>div {
    border-radius: .75rem .75rem .75rem 0
}

section.media-kit>.content>.tabs>a:last-child,
section.media-kit>.content>.tabs>a:last-child:after,
section.media-kit>.content>.tabs>a:last-child:before {
    border-radius: 0 0 .75rem 0
}

section.media-kit>.content>.tabs>a.active {
    pointer-events: none
}

section.media-kit>.content>.tabs>a.active:after,
section.media-kit>.content>.tabs>a.active:before {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

section.media-kit>.content>.tabs>a.active>div {
    opacity: 1
}

section.media-kit>.content .swipe-control {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.5rem;
    justify-content: center
}

section.media-kit>.content .icons,
section.media-kit>.content .swipe-control {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.media-kit>.content .icons {
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.media-kit>.content .icons {
        gap: 4rem;
        margin-bottom: 25rem;
        margin-top: 5rem
    }
}

section.media-kit>.content .icons.data-reloading-action {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

section.media-kit>.content .icons.data-reloading-ready {
    opacity: 1
}

section.media-kit>.content .icons>.content {
    grid-gap: 1.2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content {
        grid-gap: 4rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

section.media-kit>.content .icons>.content>.item {
    max-width: 21.375rem;
    position: relative
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content>.item {
        max-width: unset
    }
}

section.media-kit>.content .icons>.content>.item .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: var(--bg, hsla(0, 0%, 100%, .078));
    border: .1rem solid #383b48;
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 13.3125rem;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content>.item .data {
        border-radius: 3.75rem;
        border-width: .2rem;
        height: 38.125rem;
        width: 42.5rem
    }
}

section.media-kit>.content .icons>.content>.item .data .img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 9.5rem;
    padding: .75rem
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content>.item .data .img {
        padding: 3rem
    }
}

section.media-kit>.content .icons>.content>.item .data .img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(var(--zoom, 1));
    transform: scale(var(--zoom, 1));
    width: 100%
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content>.item .data .img img {
        -webkit-transform: scale(var(--zoom-m, 1));
        transform: scale(var(--zoom-m, 1))
    }
}

section.media-kit>.content .icons>.content>.item .data .name {
    -ms-flex-negative: 0;
    border-top: .1rem solid #383b48;
    color: var(--font, #fff);
    display: inline-block;
    flex-shrink: 0;
    font-size: .87rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%;
    overflow: hidden;
    padding: .75rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content>.item .data .name {
        font-size: 3.75rem;
        padding: 2.5rem 3.75rem
    }
}

section.media-kit>.content .icons>.content>.item .copy {
    background: #383b48;
    border-radius: 50%;
    cursor: pointer;
    height: 2rem;
    overflow: hidden;
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
    width: 2rem;
    z-index: 21
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content>.item .copy {
        display: none
    }
}

section.media-kit>.content .icons>.content>.item .copy:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask: url(../images/copy.svg) center no-repeat;
    mask: url(../images/copy.svg) center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

section.media-kit>.content .icons>.content>.item .copy:hover {
    background: #555868
}

section.media-kit>.content .icons>.content>.item .copy-state {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg, #151928);
    border: .1rem solid #383b48;
    border-radius: .75rem;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    gap: .5rem;
    justify-content: center;
    left: 0;
    line-height: 98%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

section.media-kit>.content .icons>.content>.item .copy-state,
section.media-kit>.content .icons>.content>.item .copy-state * {
    color: var(--font, #fff);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

section.media-kit>.content .icons>.content>.item.copy-begin .copy-state {
    opacity: 1;
    pointer-events: all
}

section.media-kit>.content .icons>.content>.item.copy-begin.copy-process .copy-state * {
    opacity: 1
}

section.media-kit>.content .icons>.content>.item .open-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width:480px) {
    section.media-kit>.content .icons>.content>.item .open-modal {
        display: none
    }
}

section.media-kit>.content .icons>.content>.item .open-modal>* {
    display: none
}

section.media-kit>.content .icons>.content>.item .download {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    opacity: 0;
    padding: 2.5rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 20
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.content>.item .download {
        display: none
    }
}

section.media-kit>.content .icons>.content>.item .download .menu {
    position: relative
}

section.media-kit>.content .icons>.content>.item .download .menu>.btn-sm {
    padding-right: 2.9rem
}

section.media-kit>.content .icons>.content>.item .download .menu>.btn-sm span {
    background-color: #0aa5d9;
    border-left: .1rem solid #0aa5d9;
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background .3s linear, border .3s linear;
    transition: background .3s linear, border .3s linear;
    width: 2.25rem
}

section.media-kit>.content .icons>.content>.item .download .menu>.btn-sm span:before {
    border: .15rem solid #fff;
    border-bottom: none;
    border-left: none;
    content: "";
    height: .5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-60%, -60%) rotate(135deg);
    transform: translate(-60%, -60%) rotate(135deg);
    -webkit-transition: border .3s linear, -webkit-transform .5s ease;
    transition: border .3s linear, -webkit-transform .5s ease;
    transition: border .3s linear, transform .5s ease;
    transition: border .3s linear, transform .5s ease, -webkit-transform .5s ease;
    width: .5rem
}

section.media-kit>.content .icons>.content>.item .download .menu>.btn-sm:hover span {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .333)
}

section.media-kit>.content .icons>.content>.item .download .menu>.btn-sm:hover span:before {
    border-color: #1b1f2e
}

section.media-kit>.content .icons>.content>.item .download .menu .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: linear-gradient(122deg, #1a1e2d 24.4%, #010516 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 200
}

section.media-kit>.content .icons>.content>.item .download .menu .list a {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%
}

@media(min-width:480px) {
    section.media-kit>.content .icons>.content>.item:hover .download {
        opacity: 1
    }

    section.media-kit>.content .icons>.content>.item.show-menu .download {
        opacity: 1;
        z-index: 400
    }

    section.media-kit>.content .icons>.content>.item.show-menu .download .menu .list {
        opacity: 1
    }

    section.media-kit>.content .icons>.content>.item.show-menu .download .menu>.btn-sm span:before {
        -webkit-transform: translate(-60%, -40%) rotate(-45deg);
        transform: translate(-60%, -40%) rotate(-45deg)
    }
}

section.media-kit>.content .icons>.btns {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 99%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 99%;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    justify-content: center;
    margin-top: 3rem
}

@media(max-width:480px) {
    section.media-kit>.content .icons>.btns {
        display: none
    }
}

section.media-kit>.content .icons>.pagination {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 99%;
    flex-basis: 99%;
    flex-grow: 1
}

.news-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 1.5rem;
    width: 26rem
}

@media(min-width:480px) {
    .news-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        flex-grow: 1
    }
}

@media(max-width:480px) {
    .news-item {
        border-radius: 3.75rem;
        gap: 5rem;
        padding: 5rem;
        width: 70rem
    }
}

.news-item .img {
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: inline-block;
    height: 14.625rem;
    overflow: hidden
}

@media(max-width:480px) {
    .news-item .img {
        border-radius: 3.75rem;
        height: 45rem
    }
}

.news-item .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.news-item .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .news-item .text {
        gap: 3.75rem
    }
}

.news-item .text>span {
    display: inline-block;
    font-style: normal;
    font-weight: 400
}

.news-item .text .descr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between
}

@media(max-width:480px) {
    .news-item .text .descr {
        gap: 2rem 1.5rem
    }
}

.news-item .text .descr .category {
    color: #0cc2ff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase
}

@media(max-width:480px) {
    .news-item .text .descr .category {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.news-item .text .descr .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end
}

@media(max-width:480px) {
    .news-item .text .descr .tags {
        gap: 1.5rem
    }
}

.news-item .text .descr .tags>span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .251);
    border-radius: 2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 98%;
    padding: .5rem 1rem;
    white-space: nowrap
}

@media(max-width:480px) {
    .news-item .text .descr .tags>span {
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 4.375rem;
        padding: 1.5rem 3.75rem
    }
}

.news-item .text .title {
    color: #fff;
    font-size: 1.5rem;
    line-height: 98%
}

@media(max-width:480px) {
    .news-item .text .title {
        font-size: 6.25rem;
        line-height: 7.35rem
    }
}

.news-item .text .text {
    color: #8d8f96;
    font-size: 1rem;
    line-height: 1.5rem
}

@media(max-width:480px) {
    .news-item .text .text {
        font-size: 4.375rem;
        line-height: 5.75rem
    }
}

.news-item .text .date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: flex-end;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    font-size: 1rem;
    justify-content: space-between;
    line-height: 1.5rem
}

@media(max-width:480px) {
    .news-item .text .date {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.news-item .text .date .decor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    .news-item .text .date .decor {
        height: 10rem;
        -webkit-transform: translateY(1.2rem);
        transform: translateY(1.2rem);
        width: 10rem
    }
}

.news-item .text .date .decor:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .7rem;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    .news-item .text .date .decor:after {
        height: 3.7rem;
        width: 3.7rem
    }
}

.news-item:hover .text .date .decor {
    background: #fff
}

.news-item:hover .text .date .decor:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

section.text-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    padding-top: 7.5rem
}

@media(max-width:480px) {
    section.text-data {
        gap: 7.5rem;
        padding-top: 38rem
    }
}

section.text-data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.text-data .title {
        font-size: 10rem;
        text-align: left
    }
}

section.text-data .text {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.text-data .text {
        font-size: 5rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.big-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 3rem;
    margin-top: 7rem
}

@media(max-width:480px) {
    section.big-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem;
        justify-content: flex-start;
        margin-top: 12.5rem
    }
}

section.big-links>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-preferred-size: 1%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 1%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    height: 20.25rem;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media(max-width:480px) {
    section.big-links>a {
        border-radius: 3.75rem;
        min-height: 38.125rem
    }
}

section.big-links>a:before {
    background: #010516;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

section.big-links>a .bg {
    bottom: 0;
    font-size: .7rem;
    left: 0;
    letter-spacing: .1rem;
    line-height: 105%;
    -webkit-mask: url(../images/big-links-bg.png) no-repeat center;
    mask: url(../images/big-links-bg.png) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    word-break: break-all
}

@media(max-width:480px) {
    section.big-links>a .bg {
        font-size: 3rem
    }
}

section.big-links>a .bg:before {
    background: url(../images/big-links-bg.png) no-repeat 50%;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    top: 0
}

section.big-links>a .text {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    position: relative;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.big-links>a .text {
        font-size: 7.5rem;
        line-height: 100%
    }
}

section.big-links>a .text:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

@media(max-width:480px) {
    section.big-links>a .text:after {
        height: 2.5rem;
        width: 2.5rem
    }
}

section.big-links>a .text>span {
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    left: 50%;
    line-height: 92%;
    position: absolute;
    text-align: center;
    text-transform: lowercase;
    top: 0;
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
    width: 40rem
}

@media(max-width:480px) {
    section.big-links>a .text>span {
        font-size: 3.75rem;
        line-height: 92%
    }
}

section.blog-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
    margin-top: 9.25rem
}

@media(max-width:480px) {
    section.blog-item {
        margin-top: 25.25rem
    }
}

section.blog-item>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blog-item>.title {
        font-size: 8rem
    }
}

section.blog-item>.content {
    -ms-flex-item-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:480px) {
    section.blog-item>.content {
        max-width: 59.5rem;
        width: 59.5rem
    }
}

section.blog-item>.content>.title {
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    margin: 4rem 0 2rem
}

@media(max-width:480px) {
    section.blog-item>.content>.title {
        font-size: 6.25rem;
        font-weight: 300;
        line-height: 8.75rem;
        margin: 12.5rem 0 5rem
    }
}

section.blog-item>.content>.title:first-child {
    margin-top: 0
}

section.blog-item>.content>p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.blog-item>.content>p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.blog-item>.content>p a {
    color: #0cc2ff
}

section.blog-item>.content .img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blog-item>.content .img {
        gap: 3.75rem
    }
}

section.blog-item>.content .img .frame {
    border-radius: .75rem;
    display: inline-block;
    overflow: hidden
}

@media(max-width:480px) {
    section.blog-item>.content .img .frame {
        border-radius: 3.75rem
    }
}

section.blog-item>.content .img .frame img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.blog-item>.content .img span {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.blog-item>.content .img span {
        font-size: 3.75rem;
        line-height: normal
    }
}

section.blog-item>.content .gallery-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.blog-item>.content .gallery-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem;
        justify-content: flex-start
    }
}

@media(min-width:480px) {
    section.blog-item>.content .gallery-2 .img {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1
    }
}

section.blog-item>.content>.gallery-2,
section.blog-item>.content>.img {
    margin-top: 2rem
}

@media(max-width:480px) {

    section.blog-item>.content>.gallery-2,
    section.blog-item>.content>.img {
        margin-top: 5rem
    }
}

section.blog-item>.content>.slider-frame {
    display: block;
    margin-top: 2rem;
    position: relative
}

@media(max-width:480px) {
    section.blog-item>.content>.slider-frame {
        margin-top: 5rem
    }
}

section.blog-item>.content>.slider-frame .controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.75rem;
    justify-content: center
}

@media(max-width:480px) {
    section.blog-item>.content>.slider-frame .controls {
        margin: 3.75rem 0
    }
}

section.blog-item>.content>.slider-frame .btn-next,
section.blog-item>.content>.slider-frame .btn-prev {
    background: url(../images/btn-next.svg) 50% no-repeat;
    background-size: contain;
    cursor: pointer
}

@media(min-width:480px) {

    section.blog-item>.content>.slider-frame .btn-next,
    section.blog-item>.content>.slider-frame .btn-prev {
        height: 2rem;
        position: absolute;
        top: 50%;
        width: 2rem
    }
}

@media(max-width:480px) {

    section.blog-item>.content>.slider-frame .btn-next,
    section.blog-item>.content>.slider-frame .btn-prev {
        height: 10rem;
        width: 10rem
    }
}

@media(min-width:480px) {
    section.blog-item>.content>.slider-frame .btn-prev {
        left: 0;
        -webkit-transform: translate(-160%, -50%) rotate(180deg);
        transform: translate(-160%, -50%) rotate(180deg)
    }

    section.blog-item>.content>.slider-frame .btn-next {
        right: 0;
        -webkit-transform: translate(160%, -50%);
        transform: translate(160%, -50%)
    }
}

@media(max-width:480px) {
    section.blog-item>.content>.slider-frame .btn-next {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

section.blog-item>.content>.slider-frame .pages {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

@media(min-width:480px) {
    section.blog-item>.content>.slider-frame .pages {
        bottom: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media(max-width:480px) {
    section.blog-item>.content>.slider-frame .pages {
        gap: 1.25rem;
        pointer-events: none
    }
}

section.blog-item>.content>.slider-frame .pages>div {
    background: #272b39;
    border-radius: 1rem;
    cursor: pointer;
    display: inline-block;
    height: .5rem;
    overflow: hidden;
    position: relative;
    width: .5rem
}

@media(max-width:480px) {
    section.blog-item>.content>.slider-frame .pages>div {
        height: 1.875rem;
        width: 1.875rem
    }
}

section.blog-item>.content>.slider-frame .pages>div:before {
    background: linear-gradient(135deg, #0cff7c -3.13%, #0cc2ff 109.37%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

section.blog-item>.content>.slider-frame .pages>div.active:before {
    opacity: 1
}

section.blog-item>.content>.slider-frame [data-slider] {
    height: 37.5rem;
    position: relative;
    width: 59.5rem
}

@media(max-width:480px) {
    section.blog-item>.content>.slider-frame [data-slider] {
        height: 65rem;
        width: 90rem
    }
}

section.blog-item>.content>.slider-frame [data-slider] .slide-gallery {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: .75rem;
    bottom: 0;
    display: none;
    font-size: 3rem;
    font-weight: 700;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

section.blog-item>.content>.slider-frame [data-slider] .slide-gallery.active,
section.blog-item>.content>.slider-frame [data-slider] .slide-gallery.after,
section.blog-item>.content>.slider-frame [data-slider] .slide-gallery.before {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease
}

section.blog-item>.content>.slider-frame [data-slider] .slide-gallery.after {
    -webkit-transform: translateX(50%) rotateY(90deg);
    transform: translateX(50%) rotateY(90deg)
}

section.blog-item>.content>.slider-frame [data-slider] .slide-gallery.before {
    -webkit-transform: translateX(-50%) rotateY(90deg);
    transform: translateX(-50%) rotateY(90deg)
}

section.blog-item>.content>.slider-frame [data-slider] .slide-gallery.active {
    opacity: 1;
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg)
}

section.blog-item>.content ol {
    margin-top: 1.25rem
}

@media(max-width:480px) {
    section.blog-item>.content ol {
        margin-top: 3.75rem;
        padding-left: 3rem
    }
}

section.blog-item>.content ol li {
    margin-top: 1.25rem
}

section.blog-item>.content ol li:first-child {
    margin-top: 0
}

section.blog-item>.content ol li p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: .75rem
}

@media(max-width:480px) {
    section.blog-item>.content ol li p {
        font-size: 4.375rem;
        line-height: 6.25rem;
        margin-left: -3rem;
        margin-top: 1rem
    }

    section.blog-item>.content ol li p:first-child {
        margin-left: 0
    }
}

section.blog-item>.content ol li p:first-child {
    margin-top: 0
}

section.blog-item>.content ul {
    margin-top: 1.25rem
}

@media(max-width:480px) {
    section.blog-item>.content ul {
        margin-top: 3.75rem
    }
}

section.blog-item>.content ol {
    counter-reset: li;
    list-style: none
}

section.blog-item>.content ol>li:before {
    content: counters(li, ".") ". ";
    counter-increment: li;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-110%, 7%);
    transform: translate(-110%, 7%)
}

@media(max-width:480px) {
    section.blog-item>.content ol>li:before {
        letter-spacing: .5rem;
        -webkit-transform: translate(-110%, 15%);
        transform: translate(-110%, 15%)
    }
}

section.blog-data {
    margin-bottom: 3rem;
    margin-top: 3rem
}

@media(max-width:480px) {
    section.blog-data {
        margin-bottom: 7.5rem;
        margin-top: 7.5rem
    }
}

section.blog-data .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
    margin-top: 3rem
}

@media(max-width:480px) {
    section.blog-data .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 7rem;
        justify-content: flex-start
    }

    section.blog-data .content .news-item {
        width: 78rem
    }
}

section.blog-data .content>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 28.5%;
    flex-basis: 28.5%;
    flex-grow: 1;
    width: 26rem
}

@media(max-width:480px) {
    section.blog-data .content>div {
        display: none
    }
}

section.blog-data .filter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blog-data .filter {
        display: none
    }
}

section.blog-data .filter>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: .1rem solid hsla(0, 0%, 100%, .251);
    border-radius: 2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 98%;
    overflow: hidden;
    padding: .5rem 1rem;
    position: relative;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    section.blog-data .filter>a {
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 4.375rem;
        padding: 1.5rem 3.75rem
    }
}

section.blog-data .filter>a:before {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    opacity: 1
}

section.blog-data .filter>a:after,
section.blog-data .filter>a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: -1
}

section.blog-data .filter>a:after {
    background: #fff;
    opacity: 0
}

section.blog-data .filter>a.active,
section.blog-data .filter>a:hover {
    color: #000
}

section.blog-data .filter>a.active:before,
section.blog-data .filter>a:hover:before {
    opacity: 0
}

section.blog-data .filter>a.active:after,
section.blog-data .filter>a:hover:after {
    opacity: 1
}

section.blog-data .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: center;
    padding: 4rem 0
}

@media(max-width:480px) {
    section.blog-data .btns {
        padding: 5rem 0
    }
}

section.blog-data.data-reloading-action {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

section.blog-data.data-reloading-ready {
    opacity: 1
}

section.subscribe {
    margin-bottom: 9.75rem
}

@media(max-width:480px) {
    section.subscribe {
        margin-bottom: 25rem
    }
}

section.subscribe .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .05) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 37.5rem;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

@media(max-width:480px) {
    section.subscribe .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: center;
        align-items: stretch;
        background: var(--Card-Surface, linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05));
        border-radius: 3.75rem;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 100rem 5rem 7.5rem
    }
}

section.subscribe .content:after {
    background: url(../images/subscribe_form_bg.png) no-repeat;
    background-position: 100%;
    background-size: cover;
    bottom: .44rem;
    content: "";
    display: inline-block;
    position: absolute;
    right: .44rem;
    top: .44rem;
    width: 37.9375rem;
    z-index: 100
}

@media(max-width:480px) {
    section.subscribe .content:after {
        background-image: url(../images/subscribe_form_bg_mob.png);
        bottom: unset;
        height: 82.98187rem;
        left: 1.87rem;
        right: 1.87rem;
        top: 1.87rem;
        width: unset
    }
}

section.subscribe .content .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    width: 53rem
}

@media(max-width:480px) {
    section.subscribe .content .form {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: unset
    }
}

section.subscribe .content .form form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.subscribe .content .form form {
        gap: 10rem
    }
}

section.subscribe .content .form form div[class^=sib_signup_box_inside] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.subscribe .content .form form div[class^=sib_signup_box_inside] {
        gap: 10rem
    }
}

section.subscribe .content .form form label {
    color: #fff;
    font-family: Infynyte;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.subscribe .content .form form label {
        font-size: 10rem
    }
}

section.slider-3d .container {
    min-height: calc(var(--count, 5)*180vh);
    padding: 5rem 0;
    position: relative
}

@media(max-width:480px) {
    section.slider-3d .container {
        min-height: calc(var(--count, 5)*130vh)
    }
}

section.slider-3d .container .pin {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    min-height: 100vh;
    position: sticky;
    top: 0
}

@media(max-width:480px) {
    section.slider-3d .container .pin {
        min-height: calc(100vh - 20rem);
        overflow: hidden;
        padding-top: 17rem
    }
}

section.slider-3d .container .pin>.bottom-text {
    bottom: 2.5rem;
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    position: absolute
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.bottom-text {
        display: none
    }
}

section.slider-3d .container .pin>.data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    gap: 4rem;
    justify-content: flex-start;
    position: relative
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

section.slider-3d .container .pin>.data .indicator {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    --fill: 0%;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding-left: .65rem;
    position: relative
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .indicator {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-item-align: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-self: stretch;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 5rem
    }

    section.slider-3d .container .pin>.data .indicator.left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        gap: 7.5rem;
        justify-content: flex-start
    }
}

section.slider-3d .container .pin>.data .indicator:before {
    background: #fff;
    content: "";
    display: block;
    height: var(--fill);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: height .1s linear;
    transition: height .1s linear;
    width: .2rem
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .indicator:before {
        display: none
    }
}

section.slider-3d .container .pin>.data .indicator a {
    color: #464955;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    pointer-events: all;
    -webkit-transition: color .4s ease, -webkit-text-decoration .4s ease;
    transition: color .4s ease, -webkit-text-decoration .4s ease;
    transition: color .4s ease, text-decoration .4s ease;
    transition: color .4s ease, text-decoration .4s ease, -webkit-text-decoration .4s ease
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .indicator a {
        font-size: 3.75rem;
        font-weight: 500;
        line-height: 5rem;
        position: relative
    }

    section.slider-3d .container .pin>.data .indicator a:before {
        background: hsla(0, 0%, 100%, 0);
        bottom: -50%;
        content: "";
        height: .5rem;
        left: 0;
        position: absolute;
        right: 0;
        -webkit-transition: background .4s ease;
        transition: background .4s ease
    }
}

section.slider-3d .container .pin>.data .indicator a.active {
    color: #fff
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .indicator a.active:before {
        background: #fff
    }
}

section.slider-3d .container .pin>.data .slider {
    -ms-flex-item-align: stretch;
    -ms-flex-preferred-size: 35%;
    align-self: stretch;
    flex-basis: 35%;
    position: relative
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .slider {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        flex-grow: 1
    }
}

section.slider-3d .container .pin>.data .slider>div {
    --move: 0;
    --show: 0;
    --move-up: 0;
    display: inline-block;
    left: 0;
    opacity: var(--show);
    position: absolute;
    right: 0
}

@media(min-width:480px) {
    section.slider-3d .container .pin>.data .slider>div {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: var(--show-z)
    }
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .slider>div {
        top: 10rem;
        top: 40%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: var(--show-z)
    }
}

section.slider-3d .container .pin>.data .slider>div>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start;
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move))
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .slider>div>div {
        gap: 7.5rem;
        -webkit-transform: translateY(var(--move-up));
        transform: translateY(var(--move-up))
    }
}

section.slider-3d .container .pin>.data .slider>div .logo {
    height: 2.58rem;
    width: auto
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .slider>div .logo {
        height: 11.25rem
    }
}

section.slider-3d .container .pin>.data .slider>div p {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .slider>div p {
        font-size: 4.375rem;
        line-height: 5rem
    }

    section.slider-3d .container .pin>.data .slider>div ul li {
        font-size: 3.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 5rem;
        padding-left: 5rem
    }

    section.slider-3d .container .pin>.data .slider>div ul li:before {
        top: .7rem
    }
}

section.slider-3d .container .pin>.data .view {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: inline-block;
    position: relative
}

@media(min-width:480px) {
    section.slider-3d .container .pin>.data .view {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 43.5rem
    }
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .view {
        bottom: 0;
        height: 120rem;
        left: 0;
        opacity: .75;
        position: absolute;
        right: 0;
        -webkit-transform: translate(-6rem, -5rem);
        transform: translate(-6rem, -5rem);
        z-index: -1
    }
}

section.slider-3d .container .pin>.data .view>div {
    background: url(../images/bg_5.png) no-repeat 50%;
    background-size: contain;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(1.35) translate(-.5rem, -4rem);
    transform: scale(1.35) translate(-.5rem, -4rem);
    z-index: -1
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .view>div {
        -webkit-transform: scale(1.35) translate(3rem, -7rem);
        transform: scale(1.35) translate(3rem, -7rem)
    }
}

section.slider-3d .container .pin>.data .view canvas {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .view canvas {
        -webkit-transform: translate(5rem, -50%);
        transform: translate(5rem, -50%)
    }
}

section.slider-3d .container .pin>.data .skip {
    bottom: 3rem;
    display: inline-block;
    position: absolute
}

@media(min-width:480px) {
    section.slider-3d .container .pin>.data .skip {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .skip {
        right: 1.5rem
    }
}

section.slider-3d .container .pin>.data .skip>div {
    display: inline-block;
    height: 4.5rem;
    pointer-events: none;
    width: 4.5rem
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .skip>div {
        height: 15rem;
        width: 15rem
    }
}

section.slider-3d .container .pin>.data .skip>div:after,
section.slider-3d .container .pin>.data .skip>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

section.slider-3d .container .pin>.data .skip>div:after {
    background-image: url(../images/skip_hover.svg);
    opacity: 0
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .skip>div:after {
        opacity: 1
    }
}

section.slider-3d .container .pin>.data .skip>div:before {
    background-image: url(../images/skip.svg);
    opacity: 1
}

@media(max-width:480px) {
    section.slider-3d .container .pin>.data .skip>div:before {
        opacity: 0
    }
}

@media(min-width:480px) {
    section.slider-3d .container .pin>.data .skip:hover>div:after {
        opacity: 1
    }

    section.slider-3d .container .pin>.data .skip:hover>div:before {
        opacity: 0
    }
}

section.slider-3d .container .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30vh;
    justify-content: flex-end;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {
    section.slider-3d .container .cards {
        gap: 40vh
    }
}

section.slider-3d .container .cards>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    flex-basis: 1%;
    flex-grow: 1
}

section.slider-3d.v2 .container .pin .data {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.slider-3d.v2 .container .pin .data .view {
    -webkit-transform: translateX(7.5rem);
    transform: translateX(7.5rem)
}

@media(max-width:480px) {
    section.slider-3d.v2 .container .pin .data .view {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    section.slider-3d.v2 .container .pin .data .view canvas {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

section.slider-3d.v2 .container .pin .data .view>.lavalamp {
    --lava-blur: 5rem;
    background: none;
    bottom: auto;
    height: 35rem;
    left: 54%;
    opacity: .8;
    right: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem
}

section.slider-3d.v2 .container .pin .data .slider {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-flex-preferred-size: 25%;
    align-items: flex-end;
    flex-basis: 25%
}

section.slider-3d.v3 .container .pin .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:480px) {
    section.slider-3d.v3 .container .pin .data .view {
        height: 30rem;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, calc(-50% + 5rem));
        transform: translate(-50%, calc(-50% + 5rem));
        width: 30rem
    }
}

@media(max-width:480px) {
    section.slider-3d.v3 .container .pin .data .view {
        -webkit-transform: translate(-7rem, -15rem);
        transform: translate(-7rem, -15rem)
    }
}

section.slider-3d.v3 .container .pin .data .view>.lavalamp {
    --lava-blur: 5rem;
    background: none;
    bottom: auto;
    height: 35rem;
    left: 54%;
    opacity: .8;
    right: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem
}

section.slider-3d.v3 .container .pin .data .slider {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    padding-top: 20rem
}

section.slider-3d.v3 .container .pin .data .slider>div {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16.5rem;
    justify-content: space-between
}

section.slider-3d.v3 .container .pin .data .slider>div .left,
section.slider-3d.v3 .container .pin .data .slider>div .right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    width: 36rem
}

section.slider-3d.v3 .container .pin .data .slider>div .left .title,
section.slider-3d.v3 .container .pin .data .slider>div .right .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

section.slider-3d.v3 .container .pin .data .slider>div .left .text *,
section.slider-3d.v3 .container .pin .data .slider>div .right .text * {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

section.slider-3d.v-blockchain .container .pin .data .view>.lavalamp {
    --lava-blur: 5rem;
    background: none;
    bottom: auto;
    height: 32rem;
    left: 54%;
    opacity: .7;
    right: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 32rem
}

@media(max-width:480px) {
    section.slider-3d.v-blockchain .container .pin .data .view>.lavalamp {
        --lava-blur: 14rem;
        height: 78rem;
        left: 57%;
        width: 82rem
    }
}

section.get-report {
    margin-bottom: 5rem
}

@media(max-width:480px) {
    section.get-report {
        margin-bottom: 22.2rem
    }
}

section.get-report .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.get-report .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        justify-content: flex-start
    }
}

section.get-report .content>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    flex-basis: 1%;
    flex-grow: 1
}

section.get-report .content>.title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.53rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.get-report .content>.title {
        gap: 7.5rem
    }
}

section.get-report .content>.title .title {
    color: #fff;
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 116.667%
}

@media(max-width:480px) {
    section.get-report .content>.title .title {
        font-size: 8.75rem
    }
}

section.get-report .content>.title p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media(max-width:480px) {
    section.get-report .content>.title p {
        font-size: 5rem
    }
}

section.get-report .content>.title .img-place {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: url(../images/bg_4.png) no-repeat 50%;
    background-size: contain;
    display: inline-block;
    -webkit-transform: translateX(-1.4rem);
    transform: translateX(-1.4rem)
}

@media(max-width:480px) {
    section.get-report .content>.title .img-place {
        -ms-flex-item-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        -webkit-transform: none;
        transform: none
    }
}

section.get-report .content>.title .img-place .img-frame {
    border-radius: .75rem;
    height: 14.375rem;
    overflow: hidden;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    width: 24.25rem
}

@media(max-width:480px) {
    section.get-report .content>.title .img-place .img-frame {
        border-radius: 3.75rem;
        height: 55rem;
        width: unset
    }
}

section.get-report .content>.title .img-place .img-frame img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.get-report .content>.title .state {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.get-report .content>.title .state {
        gap: 5rem
    }
}

section.get-report .content>.title .state .date,
section.get-report .content>.title .state .downloads,
section.get-report .content>.title .state .views {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.5rem;
    text-align: right
}

@media(max-width:480px) {

    section.get-report .content>.title .state .date,
    section.get-report .content>.title .state .downloads,
    section.get-report .content>.title .state .views {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.get-report .content>.title .state .date:before,
section.get-report .content>.title .state .downloads:before,
section.get-report .content>.title .state .views:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-right: .75rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1rem
}

@media(max-width:480px) {

    section.get-report .content>.title .state .date:before,
    section.get-report .content>.title .state .downloads:before,
    section.get-report .content>.title .state .views:before {
        height: 5rem;
        width: 5rem
    }
}

section.get-report .content>.title .state .date {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width:480px) {
    section.get-report .content>.title .state .date {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

section.get-report .content>.title .state .date:before {
    -webkit-mask-image: url(../images/calendar-fill.svg);
    mask-image: url(../images/calendar-fill.svg)
}

section.get-report .content>.title .state .views:before {
    -webkit-mask-image: url(../images/views.svg);
    mask-image: url(../images/views.svg)
}

section.get-report .content>.title .state .downloads:before {
    -webkit-mask-image: url(../images/download.svg);
    mask-image: url(../images/download.svg)
}

section.get-report .content>.form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    padding: 5rem 3.75rem;
    position: relative
}

@media(max-width:480px) {
    section.get-report .content>.form {
        gap: 7.5rem
    }
}

section.get-report .content>.form:after,
section.get-report .content>.form:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.get-report .content>.form:before {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), #010516;
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    overflow: hidden;
    z-index: -2
}

@media(max-width:480px) {
    section.get-report .content>.form:before {
        border-radius: 3.75rem
    }
}

section.get-report .content>.form:after {
    background: url(../images/form_bg.png) no-repeat;
    background-position: 100%;
    background-size: contain;
    z-index: -1
}

@media(max-width:480px) {
    section.get-report .content>.form:after {
        display: none
    }
}

section.get-report .content>.form>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.get-report .content>.form>.title {
        font-size: 7.5rem;
        text-align: left
    }
}

section.slider-fix .container {
    min-height: calc(var(--items, 3)*150vh);
    padding: 5rem 0;
    position: relative
}

@media(max-width:480px) {
    section.slider-fix .container {
        min-height: unset
    }
}

section.slider-fix .container .pin {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width:480px) {
    section.slider-fix .container .pin {
        left: 0;
        min-height: 100vh;
        position: sticky;
        top: 0
    }
}

@media(max-width:480px) {
    section.slider-fix .container .pin {
        min-height: unset;
        position: relative
    }
}

section.slider-fix .container .pin>.data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    gap: 4rem;
    justify-content: flex-start;
    position: relative
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

section.slider-fix .container .pin>.data .fix-text-l-t {
    left: 0;
    position: absolute;
    top: 5rem;
    z-index: 500
}

section.slider-fix .container .pin>.data .fix-text-l-t p {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

section.slider-fix .container .pin>.data .indicator {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    --fill: 0%;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding-left: .65rem;
    position: relative
}

@media(min-width:480px) {
    section.slider-fix .container .pin>.data .indicator {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        padding-bottom: 3rem
    }
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .indicator {
        display: none
    }
}

section.slider-fix .container .pin>.data .indicator:before {
    background: #fff;
    content: "";
    display: block;
    height: var(--fill);
    left: 0;
    position: absolute;
    top: var(--from, 0);
    -webkit-transition: height .1s linear, top .1s linear;
    transition: height .1s linear, top .1s linear;
    width: .2rem
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .indicator:before {
        display: none
    }
}

section.slider-fix .container .pin>.data .indicator a {
    color: #464955;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    pointer-events: all;
    -webkit-transition: color .4s ease, -webkit-text-decoration .4s ease;
    transition: color .4s ease, -webkit-text-decoration .4s ease;
    transition: color .4s ease, text-decoration .4s ease;
    transition: color .4s ease, text-decoration .4s ease, -webkit-text-decoration .4s ease;
    white-space: nowrap
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .indicator a {
        font-size: 3.75rem;
        font-weight: 500;
        line-height: 5rem
    }
}

section.slider-fix .container .pin>.data .indicator a.active {
    color: #fff
}

section.slider-fix .container .pin>.data .slider {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    position: relative
}

@media(min-width:480px) {
    section.slider-fix .container .pin>.data .slider {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .slider {
        display: none
    }
}

section.slider-fix .container .pin>.data .slider>div {
    pointer-events: none !important
}

@media(min-width:480px) {
    section.slider-fix .container .pin>.data .slider>div {
        --move: 0;
        --show: 0;
        --move-up: 0;
        display: inline-block;
        left: 0;
        opacity: var(--show);
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.slider-fix .container .pin>.data .slider>div>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start;
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move))
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .slider>div>div {
        gap: 7.5rem;
        -webkit-transform: translateY(var(--move-up));
        transform: translateY(var(--move-up))
    }
}

section.slider-fix .container .pin>.data .slider>div .logo {
    height: 2.58rem;
    width: auto
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .slider>div .logo {
        height: 11.25rem
    }
}

section.slider-fix .container .pin>.data .slider>div p {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .slider>div p {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

section.slider-fix .container .pin>.data .slider>div .btn-sm {
    pointer-events: var(--events, none)
}

section.slider-fix .container .pin>.data .img {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: inline-block;
    overflow: visible;
    position: relative
}

@media(min-width:480px) {
    section.slider-fix .container .pin>.data .img {
        -ms-flex-preferred-size: 50%;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        flex-basis: 50%;
        width: 43.5rem
    }

    section.slider-fix .container .pin>.data .img:before {
        background: url(../images/bg_3.png) no-repeat 50%;
        background-size: contain;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        z-index: -1
    }
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .img {
        -ms-flex-item-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start
    }
}

@media(min-width:480px) {
    section.slider-fix .container .pin>.data .img>div {
        height: 35rem;
        left: 0;
        opacity: var(--show);
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1
    }
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .img>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        background: url(../images/bg_3.png) no-repeat 50%;
        background-size: contain;
        border-top: .5rem solid hsla(0, 0%, 100%, .149);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        padding-bottom: 10rem;
        position: relative
    }

    section.slider-fix .container .pin>.data .img>div:first-child {
        border-top: unset
    }
}

section.slider-fix .container .pin>.data .img>div>div {
    display: none
}

@media(max-width:480px) {
    section.slider-fix .container .pin>.data .img>div>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem;
        justify-content: flex-start
    }

    section.slider-fix .container .pin>.data .img>div>div>span {
        font-size: 6.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 8.75rem;
        margin-bottom: 3.75rem
    }

    section.slider-fix .container .pin>.data .img>div>div>p {
        font-size: 3.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 5rem
    }
}

section.slider-fix .container .pin>.data .img canvas,
section.slider-fix .container .pin>.data .img img,
section.slider-fix .container .pin>.data .img video {
    display: inline-block
}

@media(min-width:480px) {

    section.slider-fix .container .pin>.data .img canvas,
    section.slider-fix .container .pin>.data .img img,
    section.slider-fix .container .pin>.data .img video {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }
}

@media(max-width:480px) {

    section.slider-fix .container .pin>.data .img canvas,
    section.slider-fix .container .pin>.data .img img,
    section.slider-fix .container .pin>.data .img video {
        -ms-flex-item-align: center;
        align-self: center;
        height: 102.69594rem
    }
}

section.slider-fix .container .pin>.data .img .img-frame {
    display: inline-block
}

section.slider-fix .container .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30vh;
    justify-content: flex-end;
    left: 0;
    padding-top: 40vh;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {
    section.slider-fix .container .cards {
        display: none
    }
}

section.slider-fix .container .cards>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    flex-basis: 1%;
    flex-grow: 1
}

section.slider-fix.v2 .container .pin .data .indicator {
    -ms-flex-item-align: end;
    align-self: flex-end
}

section.slider-fix.v2 .container .pin .data .img:before {
    background: unset
}

section.slider-fix.small-media .container .pin .data .img {
    -webkit-transform: scale(.9) translateY(7%);
    transform: scale(.9) translateY(7%)
}

section.slider-fix.r-text-down .container .pin .slider>div {
    bottom: 3rem;
    top: unset;
    -webkit-transform: unset;
    transform: unset
}

section.slider-fix.r-text-down .container .pin .slider>div>div {
    gap: 1.5rem
}

section.leadership {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start;
    margin-bottom: 5rem;
    margin-top: 4rem
}

@media(max-width:480px) {
    section.leadership {
        gap: 6rem;
        margin-bottom: 25rem;
        margin-top: 12.5rem
    }
}

section.leadership .content {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr)
}

@media(max-width:480px) {
    section.leadership .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        justify-content: flex-start
    }
}

section.leadership .content>* {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 1.5rem
}

@media(min-width:480px) {
    section.leadership .content>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        flex-grow: 1
    }
}

@media(max-width:480px) {
    section.leadership .content>* {
        border-radius: 3.75rem;
        padding: 5rem
    }
}

section.leadership .content>.fake {
    background: none;
    border: none
}

@media(max-width:480px) {
    section.leadership .content>.fake {
        display: none
    }
}

section.leadership .content>*>.title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.leadership .content>*>.title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem
    }
}

section.leadership .content>*>.title .img {
    -ms-flex-negative: 0;
    border-radius: .75rem;
    flex-shrink: 0;
    height: 16.5rem;
    overflow: hidden;
    width: 16.5rem
}

@media(max-width:480px) {
    section.leadership .content>*>.title .img {
        border-radius: 3.75rem;
        height: 80rem;
        width: 80rem
    }
}

section.leadership .content>*>.title .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.leadership .content>*>.title>.data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1rem;
    justify-content: center
}

@media(max-width:480px) {
    section.leadership .content>*>.title>.data {
        gap: 5rem
    }
}

section.leadership .content>*>.title>.data>.descr {
    display: none
}

@media(max-width:480px) {
    section.leadership .content>*>.title>.data>.descr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem;
        justify-content: flex-start;
        max-height: var(--marker-h, unset);
        overflow: hidden;
        -webkit-transition: max-height .5s ease;
        transition: max-height .5s ease
    }

    section.leadership .content>*>.title>.data>.descr,
    section.leadership .content>*>.title>.data>.descr p {
        font-size: 3.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 5rem
    }

    section.leadership .content>*>.title>.data>.descr ul {
        padding-bottom: 5rem
    }
}

section.leadership .content>*>.title>.data .name {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%
}

@media(max-width:480px) {
    section.leadership .content>*>.title>.data .name {
        font-size: 5.625rem;
        line-height: 7.5rem
    }
}

section.leadership .content>*>.title>.data .position {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.leadership .content>*>.title>.data .position {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 4.375rem;
        gap: 5rem;
        justify-content: space-between;
        line-height: 6.25rem
    }
}

section.leadership .content>*>.title>.data .position span {
    display: none
}

@media(max-width:480px) {
    section.leadership .content>*>.title>.data .position span {
        -ms-flex-negative: 0;
        background: url(../images/btn-expand.svg) no-repeat 50%;
        background-size: contain;
        display: inline-block;
        flex-shrink: 0;
        height: 10rem;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        width: 10rem
    }
}

section.leadership .content>*>.title>.data.show .position span {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

section.leadership .content>*>.title>.data .social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width:480px) {
    section.leadership .content>*>.title>.data .social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        gap: 1rem;
        justify-content: flex-start
    }
}

@media(max-width:480px) {
    section.leadership .content>*>.title>.data .social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3.75rem;
        justify-content: flex-start
    }
}

section.leadership .content>*>.title>.data .social a {
    border: .05rem solid hsla(0, 0%, 100%, .15);
    border-radius: .375rem;
    display: inline-block;
    height: 3rem;
    -webkit-transition: border .3s linear;
    transition: border .3s linear;
    width: 3rem
}

@media(max-width:480px) {
    section.leadership .content>*>.title>.data .social a {
        border-radius: 1.875rem;
        height: 14.3rem;
        width: 14.3rem
    }
}

section.leadership .content>*>.title>.data .social a img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    width: 100%
}

section.leadership .content>*>.title>.data .social a:hover {
    border-color: #fff
}

section.leadership .content>* .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.leadership .content>* .btns {
        gap: 3.75rem;
        padding-bottom: 4rem
    }
}

section.leadership .content>*>.descr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.leadership .content>*>.descr {
        display: none
    }
}

section.leadership .content>.hide-item {
    display: none
}

section.leadership>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center
}

@media(max-width:480px) {
    section.leadership>.btns {
        gap: 3.75rem
    }
}

section.leadership>.btns:has(.btn-sm.ready) {
    display: none
}

section.blog-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-flex-pack: distribute;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-around
}

section.blog-title>.title {
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    margin-bottom: 7.5rem;
    padding-top: 7.5rem;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blog-title>.title {
        font-size: 10rem;
        margin-bottom: 12.5rem;
        padding-top: 30.75rem;
        text-align: left
    }
}

section.blog-title>.item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--Card-Surface, linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05));
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 3rem;
    padding: 1.5rem;
    position: relative
}

@media(max-width:480px) {
    section.blog-title>.item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        border-radius: 3.75rem;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        justify-content: flex-start;
        margin-bottom: 6rem;
        padding: 5rem
    }
}

@media(min-width:480px) {
    section.blog-title>.item>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1
    }
}

section.blog-title>.item:last-child {
    margin-bottom: 10.44rem
}

section.blog-title>.item .descr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

section.blog-title>.item .descr .category {
    color: #0cc2ff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.blog-title>.item .descr .category {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.blog-title>.item .descr .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    justify-content: center
}

@media(max-width:480px) {
    section.blog-title>.item .descr .tags {
        gap: 1.5rem
    }
}

section.blog-title>.item .descr .tags>span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .251);
    border-radius: 2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 98%;
    padding: .5rem 1rem
}

@media(max-width:480px) {
    section.blog-title>.item .descr .tags>span {
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 4.375rem;
        padding: 1.5rem 3.75rem
    }
}

section.blog-title>.item .decor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 50%;
    bottom: 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: 1.5rem;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    section.blog-title>.item .decor {
        bottom: 3.62rem;
        height: 10rem;
        right: 5.62rem;
        width: 10rem
    }
}

section.blog-title>.item .decor:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .7rem;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    section.blog-title>.item .decor:after {
        height: 3.7rem;
        width: 3.7rem
    }
}

section.blog-title>.item:hover .decor {
    background: #fff
}

section.blog-title>.item:hover .decor:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

section.blog-title>.item .img {
    border-radius: .75rem;
    height: 24.0625rem;
    min-height: 24.0625rem;
    overflow: hidden
}

@media(max-width:480px) {
    section.blog-title>.item .img {
        border-radius: 3.75rem;
        height: 44.6875rem;
        min-height: 44.6875rem
    }
}

section.blog-title>.item .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.blog-title>.item>.text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: center
}

@media(max-width:480px) {
    section.blog-title>.item>.text {
        gap: 3.75rem
    }
}

section.blog-title>.item>.text>span {
    display: inline-block;
    font-style: normal;
    font-weight: 400
}

section.blog-title>.item>.text .category {
    color: #0cc2ff;
    font-size: 1rem;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.blog-title>.item>.text .category {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.blog-title>.item>.text .title {
    color: #fff;
    font-size: 2.25rem;
    line-height: 98%
}

@media(max-width:480px) {
    section.blog-title>.item>.text .title {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.blog-title>.item>.text .text {
    color: #8d8f96;
    font-size: 1rem;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.blog-title>.item>.text .text {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.blog-title>.item>.text .date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem;
    justify-content: space-between;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.blog-title>.item>.text .date {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.video-text .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    padding: 10.94rem 0;
    position: relative
}

@media(max-width:480px) {
    section.video-text .content {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        justify-content: flex-start
    }
}

section.video-text .content .decor1,
section.video-text .content .decor2 {
    position: absolute;
    z-index: -1
}

section.video-text .content .decor1 {
    height: 30rem;
    left: -10rem;
    top: 0;
    width: 30rem
}

@media(max-width:480px) {
    section.video-text .content .decor1 {
        --lava-blur: 14rem;
        height: 67rem;
        width: 97rem
    }
}

section.video-text .content .decor2 {
    --lava-blur: 7rem;
    bottom: -5rem;
    height: 20rem;
    right: -10rem;
    width: 20rem
}

@media(max-width:480px) {
    section.video-text .content .decor2 {
        display: none
    }
}

section.video-text .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    width: 36rem
}

@media(max-width:480px) {
    section.video-text .content .data {
        gap: 7.5rem;
        width: unset
    }
}

section.video-text .content .data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.video-text .content .data .title {
        font-size: 7.5rem
    }
}

section.video-text .content .data .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.video-text .content .data .txt {
        gap: 3.7rem
    }
}

section.video-text .content .data .txt p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.video-text .content .data .txt p {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.video-text .content .video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    background-image: url(../images/frame-sq-lt.svg), url(../images/frame-sq-lb.svg), url(../images/frame-sq-rt.svg), url(../images/frame-sq-rb.svg);
    background-position: 0 0, 0 100%, 100% 0, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 6.61594rem 6.61594rem, 6.61594rem 6.61594rem, 6.61594rem 6.61594rem, 6.61594rem 6.61594rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /* height: 25rem; */
    justify-content: center;
    padding: 1.5rem;
    width: 42.0625rem
}

@media(max-width:480px) {
    section.video-text .content .video {
        background-image: url(../images/frame-sq-ltm.svg), url(../images/frame-sq-lbm.svg), url(../images/frame-sq-rtm.svg), url(../images/frame-sq-rbm.svg);
        background-size: 15.625rem 15.625rem, 15.625rem 15.625rem, 15.625rem 15.625rem, 15.625rem 15.625rem;
        /* height: 54.375rem; */
        padding: 5.75rem;
        width: unset
    }
}

section.video-text .content .video .img-frame {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

section.video-text .content .video .img-frame img {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

section.video-text .content .video .img-frame:before {
   
    background-size: 95%;
    content: "";
    -webkit-filter: brightness(1);
    filter: brightness(1);
    height: 4.5rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: -webkit-filter .5s ease;
    transition: -webkit-filter .5s ease;
    transition: filter .5s ease;
    transition: filter .5s ease, -webkit-filter .5s ease;
    width: 6.25rem;
    z-index: 1000
}

@media(max-width:480px) {
    section.video-text .content .video .img-frame:before {
        height: 18rem;
        width: 25rem
    }
}

section.video-text .content .video .img-frame:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

section.video-text .content .video .img-frame:hover:before {
    -webkit-filter: brightness(2);
    filter: brightness(2)
}

section.tokenomics {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8.94rem;
    justify-content: space-between;
    margin-bottom: 10rem;
    margin-top: 3rem;
    position: relative
}

@media(max-width:480px) {
    section.tokenomics {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7rem;
        margin-bottom: 0;
        margin-top: 12.5rem;
        overflow: hidden;
        padding-bottom: 60rem
    }
}

@media(min-width:480px) {
    section.tokenomics>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1
    }
}

section.tokenomics .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    max-width: 36rem
}

@media(max-width:480px) {
    section.tokenomics .data {
        gap: 10rem;
        max-width: unset
    }
}

section.tokenomics .data>p {
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

@media(max-width:480px) {
    section.tokenomics .data>p {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.tokenomics .data>.btn-sm {
    -ms-flex-item-align: start;
    align-self: flex-start
}

section.tokenomics .data .panes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.tokenomics .data .panes {
        gap: 2.5rem
    }
}

section.tokenomics .data .panes>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    padding: 1.5rem;
    position: relative
}

@media(max-width:480px) {
    section.tokenomics .data .panes>div {
        border-radius: 3.75rem;
        border-width: .5rem;
        gap: 2.5rem;
        max-width: unset;
        padding: 5rem
    }
}

section.tokenomics .data .panes>div:before {
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.tokenomics .data .panes>div.mpx,
section.tokenomics .data .panes>div.xfi {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 7.5rem
}

section.tokenomics .data .panes>div.mpx>*,
section.tokenomics .data .panes>div.xfi>* {
    max-width: 80%
}

@media(max-width:480px) {

    section.tokenomics .data .panes>div.mpx,
    section.tokenomics .data .panes>div.xfi {
        background-size: auto 25rem
    }
}

section.tokenomics .data .panes>div.mpx {
    background-image: url(../images/mpx_1.png)
}

section.tokenomics .data .panes>div.xfi {
    background-image: url(../images/xfi_1.png)
}

section.tokenomics .data .panes>div p {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem
}

@media(max-width:480px) {
    section.tokenomics .data .panes>div p {
        font-size: 5.625rem;
        line-height: 7.5rem
    }
}

section.tokenomics .image {
    min-height: 45rem;
    position: relative;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    width: 56.25rem
}

@media(max-width:480px) {
    section.tokenomics .image {
        height: 64.875rem;
        -webkit-transform: translateY(20rem);
        transform: translateY(20rem);
        width: unset
    }
}

section.tokenomics .image img,
section.tokenomics .image video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    width: 100%
}

@media(max-width:480px) {

    section.tokenomics .image img,
    section.tokenomics .image video {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

section.tokenomics .image .btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    bottom: 4.5rem;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.tokenomics .image .btn {
        -webkit-transform: translate(-50%, 180%);
        transform: translate(-50%, 180%)
    }
}

section.tokenomics.v2 .data>p {
    font-size: 1.5rem
}

@media(max-width:480px) {
    section.tokenomics.v2 .data>p {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.tokenomics.v2>a {
    pointer-events: none
}

@media(max-width:480px) {
    section.tokenomics.v2>a {
        pointer-events: all
    }
}

section.tokenomics.pad-right>.image img,
section.tokenomics.pad-right>.image video {
    -webkit-transform: unset;
    transform: unset
}

section.ecosystems {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    padding-bottom: 8.75rem;
    padding-top: 5rem
}

@media(max-width:480px) {
    section.ecosystems {
        gap: 5rem;
        padding-bottom: 8.75rem;
        padding-top: 7.5rem
    }
}

section.ecosystems .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem
}

@media(max-width:480px) {
    section.ecosystems .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        justify-content: flex-start
    }
}

section.ecosystems .content>div {
    -ms-flex-preferred-size: 23%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: url(../images/card-bg-rb.png) 100% 100%/cover no-repeat, #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 23%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.ecosystems .content>div {
        background: url(../images/card-bg-rbm.png) 100% 100%/cover no-repeat, #0d0e12;
        border-radius: 3.75rem
    }
}

section.ecosystems .content>div>.pan {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    padding: 1.5rem
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan {
        padding: 5rem
    }
}

section.ecosystems .content>div>.pan .head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between
}

section.ecosystems .content>div>.pan .head img {
    height: 2.875rem;
    width: auto
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan .head img {
        height: 10rem
    }
}

section.ecosystems .content>div>.pan .head .tag {
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 6.25rem;
    color: #fff;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: .41rem 1rem
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan .head .tag {
        font-size: 4.375rem;
        line-height: 6.25rem;
        padding: 1.88rem rem
    }
}

section.ecosystems .content>div>.pan .img-frame {
    -ms-flex-item-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18rem;
    justify-content: center;
    /* width: 21rem */
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan .img-frame {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        height: 81.2rem;
        width: unset
    }
}

section.ecosystems .content>div>.pan .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan .data {
        gap: 3.75rem
    }
}

section.ecosystems .content>div>.pan .data .title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan .data .title {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.ecosystems .content>div>.pan .data .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan .data .txt {
        gap: 3rem
    }
}

section.ecosystems .content>div>.pan .data .txt p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

@media(max-width:480px) {
    section.ecosystems .content>div>.pan .data .txt p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.ecosystems .content>div .links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    align-items: stretch;
    border-top: 1px solid hsla(0, 0%, 100%, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: flex-start
}

section.ecosystems .content>div .links>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border-right: 1px solid hsla(0, 0%, 100%, .15);
    color: #869ba4;
    flex-grow: 1;
    font-family: RaleGrotesk;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    section.ecosystems .content>div .links>span {
        font-size: 4.375rem;
        padding: 6.56rem
    }
}

section.ecosystems .content>div .links a {
    --color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border-right: 1px solid hsla(0, 0%, 100%, .15);
    color: var(--color);
    flex-grow: 1;
    font-family: RaleGrotesk;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    section.ecosystems .content>div .links a {
        font-size: 4.375rem;
        padding: 6.56rem
    }
}

section.ecosystems .content>div .links a:last-child {
    border: none
}

section.ecosystems .content>div .links a:after {
    background: var(--color);
    content: "";
    display: inline-block;
    height: .75em;
    margin-left: .55em;
    -webkit-mask: url(../images/arrow-top-right.svg) no-repeat center/contain;
    mask: url(../images/arrow-top-right.svg) no-repeat center/contain;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: .75em
}

section.ecosystems .content>div .links a:hover {
    --color: #0cc2ff
}

section.blockchain {
    display: block;
    min-height: 300vh;
    position: relative
}

@media(max-width:480px) {
    section.blockchain {
        min-height: 350vh;
        padding-top: 25rem
    }
}

section.blockchain .fix {
    height: calc(100vh - 7rem);
    left: 0;
    padding-top: 7rem;
    position: sticky;
    top: 0
}

@media(max-width:480px) {
    section.blockchain .fix {
        height: calc(100vh - 70rem);
        padding-bottom: 30rem;
        padding-top: 0;
        top: 30rem
    }
}

section.blockchain .fix .cover,
section.blockchain .fix .frame3d {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {

    section.blockchain .fix .cover,
    section.blockchain .fix .frame3d {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        top: -30rem
    }
}

section.blockchain .fix .cover>.lavalamp,
section.blockchain .fix .frame3d>.lavalamp {
    bottom: 0;
    position: absolute;
    right: 0
}

@media(max-width:480px) {

    section.blockchain .fix .cover>.lavalamp,
    section.blockchain .fix .frame3d>.lavalamp {
        --lava-blur: 14rem;
        height: 48rem;
        width: 60rem
    }

    section.blockchain .fix .frame3d {
        padding-top: 0
    }
}

section.blockchain .fix .cover {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blockchain .fix .cover {
        bottom: 0
    }
}

section.blockchain .fix .cover .bg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

section.blockchain .fix .cover .bg:before {
    background: url(../images/bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 0;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: 10
}

@media(max-width:480px) {
    section.blockchain .fix .cover .bg:before {
        background-size: 15rem 15rem;
        bottom: 0;
        top: 25rem
    }
}

section.blockchain .fix .cover .scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    bottom: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.blockchain .fix .cover .scroll {
        gap: 3.75rem
    }
}

section.blockchain .fix .cover .scroll span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.blockchain .fix .cover .scroll span {
        font-size: 3.75rem
    }
}

section.blockchain .fix .cover .scroll svg {
    height: 1.25rem;
    width: 1.25rem
}

@media(max-width:480px) {
    section.blockchain .fix .cover .scroll svg {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.blockchain .fix .cover .scroll svg path {
    -webkit-animation: scroll-chain 2s ease-in-out 0s infinite;
    animation: scroll-chain 2s ease-in-out 0s infinite;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

section.blockchain .fix .cover .scroll svg path:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

section.blockchain .fix .cover .scroll:hover svg path {
    fill: #fff
}

section.blockchain .fix .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    min-height: calc(100vh - 10rem);
    position: relative;
    z-index: 100
}

@media(max-width:480px) {
    section.blockchain .fix .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: flex-start;
        min-height: calc(100vh - 35rem)
    }
}

section.blockchain .fix .content>.lavalamp {
    position: absolute;
    z-index: -1
}

section.blockchain .fix .content>.lavalamp:first-child {
    left: -5rem;
    top: -7rem
}

@media(max-width:480px) {
    section.blockchain .fix .content>.lavalamp:first-child {
        --lava-blur: 14rem;
        height: 50rem;
        left: -10rem;
        top: -13rem;
        width: 68rem
    }
}

section.blockchain .fix .content>.lavalamp:nth-child(2) {
    height: 15rem;
    right: -5rem;
    top: -7rem;
    width: 15rem
}

@media(max-width:480px) {
    section.blockchain .fix .content>.lavalamp:nth-child(2) {
        display: none
    }
}

section.blockchain .fix .content .word {
    display: inline;
    white-space: nowrap
}

section.blockchain .fix .content .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(.3rem) scale(.7);
    transform: translateX(.3rem) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.blockchain .fix .content .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.blockchain .fix .content .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(-.3rem) scale(.7);
    transform: translateX(-.3rem) scale(.7)
}

section.blockchain .fix .content>.btn-sm {
    -ms-flex-item-align: center;
    align-self: center
}

section.blockchain .fix .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 35rem;
    justify-content: flex-start;
    position: relative
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: unset;
        justify-content: space-between;
        padding-bottom: 20rem;
        pointer-events: none
    }
}

section.blockchain .fix .content .bg .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 40vh
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .title {
        min-height: unset
    }
}

section.blockchain .fix .content .bg .title>div {
    display: inline-block;
    min-width: 50rem
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .title>div {
        font-size: 16.25rem;
        min-width: unset;
        text-align: left
    }
}

section.blockchain .fix .content .bg .title>div span {
    color: #fff;
    font-family: Infynyte;
    font-size: 7rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .title>div span {
        font-size: 14.375rem;
        line-height: 94%
    }
}

section.blockchain .fix .content .bg .title>div .word {
    margin-right: .75rem
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .title>div .word {
        margin-right: 1.75rem
    }
}

section.blockchain .fix .content .bg .title>div b span {
    color: #24f6dd
}

section.blockchain .fix .content .bg .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

section.blockchain .fix .content .bg .text>div {
    max-width: 31.25rem
}

section.blockchain .fix .content .bg .text>div .char {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text>div .char {
        font-size: 5rem;
        line-height: 5.625rem
    }

    section.blockchain .fix .content .bg .text>div {
        max-width: unset
    }
}

section.blockchain .fix .content .bg .text.bottom {
    bottom: 0;
    position: absolute;
    right: 3rem
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text.bottom {
        bottom: 20rem;
        left: 0;
        right: 0
    }
}

section.blockchain .fix .content .bg .text>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text>div {
        gap: 7.5rem
    }

    section.blockchain .fix .content .bg .text>div .word {
        margin-right: 1.3rem
    }
}

section.blockchain .fix .content .bg .text .txt-data .char {
    color: #c0c1c5;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text .txt-data .char {
        color: #fff
    }

    section.blockchain .fix .content .bg .text .txt-data li:before {
        height: 2.5em;
        width: 2.5em
    }
}

section.blockchain .fix .content .bg .text .txt-data li .char {
    font-size: 1rem;
    line-height: 1.25rem
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text .txt-data li .char {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

section.blockchain .fix .content .bg .text.center {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text.center {
        width: 90rem
    }
}

section.blockchain .fix .content .bg .text.center>div {
    max-width: 42rem;
    text-align: center
}

@media(max-width:480px) {
    section.blockchain .fix .content .bg .text.center>div {
        max-width: unset
    }

    section.blockchain .fix .content .bg .text.center>div .txt-data .char {
        color: #c0c1c5;
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.defi-table {
    padding-bottom: 17.37rem;
    padding-top: 8rem
}

@media(max-width:480px) {
    section.defi-table {
        overflow: hidden;
        padding-bottom: 25rem;
        padding-top: 13.75rem
    }
}

section.defi-table .content {
    position: relative
}

@media(max-width:480px) {
    section.defi-table .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 14.5rem
    }
}

section.defi-table .content .lavalamp {
    --lava-blur: 5rem;
    height: 40rem;
    left: 50%;
    opacity: .8;
    position: absolute;
    top: 65%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem;
    z-index: -2
}

@media(max-width:480px) {
    section.defi-table .content .lavalamp {
        --lava-blur: 14rem;
        left: -20rem;
        opacity: 1;
        top: 76rem;
        -webkit-transform: none;
        transform: none
    }

    section.defi-table .content .lavalamp:first-of-type {
        bottom: 105rem;
        display: block;
        left: auto;
        right: -20rem;
        top: auto
    }
}

section.defi-table .content .table {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative
}

@media(max-width:480px) {
    section.defi-table .content .table {
        display: none
    }
}

section.defi-table .content .table .name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.defi-table .content .table .name .img-frame {
    height: 2rem;
    width: 2rem
}

section.defi-table .content .table .name span {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

section.defi-table .content .table .value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 1.5rem;
    margin: 0 1.5rem;
    padding: 1.5rem 0;
    text-align: center
}

section.defi-table .content .table .wrapper {
    background: #0d0e12;
    border-radius: .75rem;
    bottom: -2rem;
    position: absolute;
    top: -2rem;
    width: 21rem;
    z-index: -1
}

section.defi-table .content .table .wrapper:first-child {
    left: 23rem
}

section.defi-table .content .table .wrapper:nth-child(2) {
    left: 46rem
}

section.defi-table .content .table .wrapper:nth-child(3) {
    right: 0
}

section.defi-table .content .table .title {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #0d0e12;
    border: 1px solid #6222f6;
    border-radius: .75rem;
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: -1.25rem auto 0;
    padding: .34rem 1rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

section.defi-table .content .column {
    display: none
}

@media(max-width:480px) {
    section.defi-table .content .column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background: #0d0e12;
        border-radius: 3.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 7.5rem 5rem 3.75rem;
        position: relative
    }

    section.defi-table .content .column .title {
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        background: #0d0e12;
        border: 1px solid #6222f6;
        border-radius: 3.75rem;
        color: #fff;
        font-family: RaleGroteskBase;
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        left: 50%;
        line-height: 5.625rem;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: 3.125rem 5rem;
        position: absolute;
        text-align: center;
        top: -6.25rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    section.defi-table .content .column .group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        border-bottom: 1px solid hsla(0, 0%, 100%, .15);
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 6.25rem 0;
        row-gap: 2.5rem
    }

    section.defi-table .content .column .group,
    section.defi-table .content .column .group .name {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    section.defi-table .content .column .group .name {
        -webkit-column-gap: 3.75rem;
        -moz-column-gap: 3.75rem;
        column-gap: 3.75rem
    }

    section.defi-table .content .column .group .name .img-frame {
        height: 7.5rem;
        width: 7.5rem
    }

    section.defi-table .content .column .group .name span,
    section.defi-table .content .column .group .value {
        color: #fff;
        font-family: RaleGroteskBase;
        font-size: 4.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: 5rem
    }

    section.defi-table .content .column .group .value {
        text-align: center
    }
}

section.info-steps {
    padding-bottom: 5rem;
    padding-top: 3rem
}

@media(max-width:480px) {
    section.info-steps {
        padding-bottom: 25rem;
        padding-top: 7.5rem
    }
}

section.info-steps>.cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    counter-reset: inf-step-cnt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between;
    position: relative
}

@media(max-width:480px) {
    section.info-steps>.cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background: #0d0e12;
        border: 1px solid hsla(0, 0%, 100%, .15);
        border-radius: 3.75rem;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        padding: 5rem
    }
}

section.info-steps>.cards:after {
    background: radial-gradient(50% 50% at 50% 50%, #24f6dd 69.5%, rgba(36, 246, 221, 0) 100%);
    content: "";
    display: block;
    height: .1rem;
    left: 5rem;
    position: absolute;
    right: 5rem;
    top: 6.88rem
}

@media(max-width:480px) {
    section.info-steps>.cards:after {
        display: none
    }
}

section.info-steps>.cards>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    counter-increment: inf-step-cnt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
    padding: 1.5rem 1.5rem 2rem
}

@media(max-width:480px) {
    section.info-steps>.cards>div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: unset;
        border: unset;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 3.75rem;
        padding: 0;
        position: relative
    }

    section.info-steps>.cards>div:after {
        background: radial-gradient(50% 50% at 50% 50%, #24f6dd 69.5%, rgba(36, 246, 221, 0) 100%);
        bottom: -2rem;
        content: "";
        display: block;
        left: 5rem;
        position: absolute;
        top: 9rem;
        width: .5rem
    }

    section.info-steps>.cards>div:last-child:after {
        display: none
    }
}

section.info-steps>.cards>div:before {
    color: #24f6dd;
    content: counter(inf-step-cnt, decimal-leading-zero);
    display: inline-block;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.info-steps>.cards>div:before {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 7.5rem
    }
}

section.info-steps>.cards>div>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.info-steps>.cards>div>div {
        gap: 3.75rem;
        padding-top: 1.5rem
    }
}

section.info-steps>.cards>div>div span {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.info-steps>.cards>div>div span {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.info-steps>.cards>div>div p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem
}

@media(max-width:480px) {
    section.info-steps>.cards>div>div p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.info-steps>.texts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.2rem;
    justify-content: flex-start;
    padding-bottom: 8.75rem;
    padding-top: 9.26rem;
    position: relative
}

@media(max-width:480px) {
    section.info-steps>.texts {
        padding: 7.5rem 0 0
    }
}

section.info-steps>.texts .img-frame {
    height: 4.98019rem;
    width: 4.98019rem
}

@media(max-width:480px) {
    section.info-steps>.texts .img-frame {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 59.10812rem;
        -webkit-transform: translateY(17%) scale(1.2);
        transform: translateY(17%) scale(1.2);
        width: 88.15687rem;
        z-index: -1
    }
}

section.info-steps>.texts .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.info-steps>.texts .text {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 5.5rem
    }
}

section.info-steps>.texts .text p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    max-width: 66rem;
    text-align: center
}

@media(max-width:480px) {
    section.info-steps>.texts .text p {
        font-size: 5rem;
        line-height: 5.625rem;
        max-width: unset;
        text-align: left
    }
}

section.info-steps>.texts:after,
section.info-steps>.texts:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: -1
}

@media(max-width:480px) {

    section.info-steps>.texts:after,
    section.info-steps>.texts:before {
        display: none
    }
}

section.info-steps>.texts:before {
    background-image: url(../images/left-coins-decor.png);
    bottom: 0;
    height: 37.6rem;
    left: 0;
    width: 12.7rem
}

section.info-steps>.texts:after {
    background-image: url(../images/right-coins-decor.png);
    height: 30.7rem;
    right: 0;
    top: 2rem;
    width: 20.8rem
}

.bank-video {
    margin-bottom: 8.75rem;
    margin-top: 5rem;
    position: relative;
    z-index: 2
}

@media(max-width:480px) {
    .bank-video {
        margin-bottom: 21.33rem
    }
}

.bank-video .media-content-frame {
    border-radius: .75rem;
    height: 49.8125rem;
    margin: 0 auto;
    max-width: 90rem;
    overflow: hidden;
    position: relative
}

@media(max-width:480px) {
    .bank-video .media-content-frame {
        border-radius: 2.13333rem;
        height: 54.66667rem
    }
}

.bank-video .media-content-frame:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(21, 25, 41, .5)), to(rgba(21, 25, 41, .5)));
    background: linear-gradient(0deg, rgba(21, 25, 41, .5), rgba(21, 25, 41, .5));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.bank-video .media-content-frame>video {
    -o-object-fit: cover;
    object-fit: cover
}

.bank-video .play {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, .05) 47.2%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .1);
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 4.75rem;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: border-color .3s ease, -webkit-transform .3s ease;
    transition: border-color .3s ease, -webkit-transform .3s ease;
    transition: border-color .3s ease, transform .3s ease;
    transition: border-color .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: 4.75rem;
    z-index: 2
}

@media(max-width:480px) {
    .bank-video .play {
        height: 13.86667rem;
        width: 13.86667rem
    }
}

.bank-video .play:hover {
    border-color: #0cc2ff;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.bank-video .play img {
    height: 100%;
    width: 100%
}

.bank-video.active .media-content-frame:before,
.bank-video:has(video[autoplay]) .media-content-frame:before {
    display: none
}

.bank-video.active .play,
.bank-video:has(video[autoplay]) .play {
    display: none
}

[data-modal-name=video] .video-frame.bank {
    height: auto
}

#card-table {
    margin-top: 8.75rem
}

@media(max-width:480px) {
    #card-table {
        margin-top: 21.33rem
    }
}

section.card-table {
    margin-bottom: 8.75rem;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.card-table {
        margin-bottom: 21.33rem;
        margin-top: 17.67rem
    }
}

section.card-table .content .table {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(3, 28.5rem);
    position: relative
}

@media(max-width:480px) {
    section.card-table .content .table {
        display: none
    }
}

section.card-table .content .table:before {
    right: 1.5rem
}

section.card-table .content .table:after,
section.card-table .content .table:before {
    background: #070a19;
    border-radius: .75rem;
    bottom: -2.5rem;
    content: "";
    display: block;
    position: absolute;
    top: 1.88rem;
    width: 28.5rem;
    z-index: -1
}

section.card-table .content .table:after {
    right: 31.5rem
}

section.card-table .content .criterion,
section.card-table .content .title,
section.card-table .content .value p {
    border-bottom: 1px solid #20222d;
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    padding-bottom: 1.5rem
}

@media(max-width:480px) {

    section.card-table .content .criterion,
    section.card-table .content .title,
    section.card-table .content .value p {
        font-size: 5.33333rem;
        line-height: 6.4rem;
        padding-bottom: 4.27rem
    }
}

section.card-table .content .title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #0d0e12;
    border: 1px solid #0cc2ff;
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75rem;
    justify-content: center;
    margin: 0 auto .5rem;
    min-width: 15.5rem;
    padding: 0 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width:480px) {
    section.card-table .content .title {
        border-radius: 3.2rem;
        height: 12.8rem;
        margin-bottom: 2.13rem;
        margin-top: -7rem;
        min-width: 48rem;
        padding: 0 4.27rem
    }
}

section.card-table .content .value {
    padding: 0 1.5rem
}

@media(max-width:480px) {
    section.card-table .content .value {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 4.27rem 4.27rem 0;
        row-gap: 2.13rem
    }

    section.card-table .content .value h4 {
        color: hsla(0, 0%, 100%, .5);
        font-size: 3.73333rem;
        line-height: 5.33333rem
    }
}

section.card-table .content .value p {
    height: calc(100% - 1.5rem)
}

@media(max-width:480px) {
    section.card-table .content .value p {
        height: auto
    }
}

section.card-table .content .column {
    display: none
}

@media(max-width:480px) {
    section.card-table .content .column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background: #070a19;
        border-radius: 3.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 6.4rem
    }

    section.card-table .content .column:not(:last-of-type) {
        margin-bottom: 17.67rem
    }

    section.card-table .content .column .value:last-of-type p {
        border: none;
        padding: 0
    }
}

section.defi-links {
    padding-bottom: 8.75rem;
    padding-top: 8.75rem
}

@media(max-width:480px) {
    section.defi-links {
        padding-bottom: 25rem;
        padding-top: 25rem
    }
}

section.defi-links .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    margin-bottom: 5rem;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.defi-links .title {
        font-size: 7.5rem;
        margin-bottom: 7.5rem
    }
}

section.defi-links .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 7.5rem
}

@media(max-width:480px) {
    section.defi-links .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        row-gap: 5rem
    }
}

section.defi-links .content .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    min-height: 6.1875rem;
    padding: 2.25rem;
    position: relative;
    row-gap: .5rem;
    width: 100%
}

section.defi-links .content .item:before {
    background-image: url(../images/bg-link.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26rem;
    z-index: -1
}

@media(max-width:480px) {
    section.defi-links .content .item:before {
        height: 70rem;
        width: 98rem
    }
}

@media(min-width:480px) {
    section.defi-links .content .item:hover .page span {
        color: #6222f6
    }

    section.defi-links .content .item:hover .bg {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }
}

@media(max-width:480px) {
    section.defi-links .content .item {
        min-height: 20.3125rem;
        padding: 10rem 4rem;
        row-gap: 4.37rem;
        width: auto
    }
}

section.defi-links .content .item:last-of-type .direction {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

section.defi-links .content .item:last-of-type .direction img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

section.defi-links .content .item .direction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:480px) {
    section.defi-links .content .item .direction {
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }
}

section.defi-links .content .item .direction img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: .58306rem;
    width: .58275rem
}

@media(max-width:480px) {
    section.defi-links .content .item .direction img {
        height: 2.91531rem;
        width: 2.91375rem
    }
}

section.defi-links .content .item .direction span {
    color: #fff;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.defi-links .content .item .direction span {
        font-size: 5rem
    }
}

section.defi-links .content .item .page {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:480px) {
    section.defi-links .content .item .page {
        -webkit-column-gap: 3.75rem;
        -moz-column-gap: 3.75rem;
        column-gap: 3.75rem
    }
}

section.defi-links .content .item .page .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 2.75rem;
    width: 2.75rem
}

@media(max-width:480px) {
    section.defi-links .content .item .page .icon {
        height: 10rem;
        width: 10rem
    }
}

section.defi-links .content .item .page .arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.125rem;
    width: 1.125rem
}

@media(max-width:480px) {
    section.defi-links .content .item .page .arrow {
        height: 4.375rem;
        width: 4.375rem
    }
}

section.defi-links .content .item .page span {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    section.defi-links .content .item .page span {
        font-size: 7.5rem
    }
}

section.defi-links .content .item .bg {
    bottom: -.6771rem;
    left: -.6771rem;
    position: absolute;
    right: -.6771rem;
    top: -.6771rem;
    -webkit-transition: top .3s ease, left .3s ease, bottom .3s ease, right .3s ease;
    transition: top .3s ease, left .3s ease, bottom .3s ease, right .3s ease;
    z-index: -1
}

@media(max-width:480px) {
    section.defi-links .content .item .bg {
        bottom: -2rem;
        left: -2rem;
        right: -2rem;
        top: -2rem
    }
}

section.defi-links .content .item .bg:after,
section.defi-links .content .item .bg:before {
    background-image: url(../images/corner.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 6.5625rem;
    position: absolute;
    width: 6.5625rem
}

@media(max-width:480px) {

    section.defi-links .content .item .bg:after,
    section.defi-links .content .item .bg:before {
        height: 18.75rem;
        width: 18.75rem
    }
}

section.defi-links .content .item .bg.bg-l:before {
    left: 0;
    top: 0
}

section.defi-links .content .item .bg.bg-l:after {
    bottom: 0;
    left: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

section.defi-links .content .item .bg.bg-r:before {
    right: 0;
    top: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

section.defi-links .content .item .bg.bg-r:after {
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.defi-article+section.defi-links .content .item .direction {
    display: none
}

section.defi-article {
    padding: 3rem 20.25rem 0
}

@media(max-width:480px) {
    section.defi-article {
        padding: 25rem 5rem 0
    }
}

section.defi-article .content {
    position: relative
}

section.defi-article .content .lavalamp {
    --lava-blur: 5rem;
    height: 30rem;
    left: -31rem;
    opacity: .8;
    position: absolute;
    top: 8rem;
    width: 30rem;
    z-index: -2
}

@media(max-width:480px) {
    section.defi-article .content .lavalamp {
        display: none
    }
}

section.defi-article .content .lavalamp:first-of-type {
    left: auto;
    right: -31rem;
    top: 65rem
}

section.defi-article .content .definitions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2rem
}

@media(max-width:480px) {
    section.defi-article .content .definitions {
        row-gap: 5rem
    }
}

section.defi-article .content .definitions .title {
    margin: 0
}

section.defi-article .content .definitions .data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.defi-article .content .definitions .data {
        gap: 2.5rem
    }
}

section.defi-article .content .definitions .data .item {
    text-align: center
}

section.defi-article .content .definitions .data .item .img-frame {
    height: 3.15rem
}

section.defi-article .content .definitions .data .item .img-frame img {
    width: auto
}

@media(max-width:480px) {
    section.defi-article .content .definitions .data .item .img-frame {
        height: 12rem
    }
}

section.defi-article .content .title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    margin-top: 4rem
}

@media(max-width:480px) {
    section.defi-article .content .title {
        font-size: 6.25rem;
        line-height: 8.75rem;
        margin-top: 12.5rem
    }
}

section.defi-article .content p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 2rem
}

@media(max-width:480px) {
    section.defi-article .content p {
        font-size: 4.375rem;
        line-height: 6.25rem;
        margin-top: 5rem
    }
}

section.defi-article .content p a {
    color: #6222f6
}

section.defi-article .content p strong {
    font-weight: 600
}

section.defi-article .content p span {
    color: #fff
}

section.defi-article .content p em {
    color: #c0c1c5;
    font-family: RaleGrotesk;
    font-style: italic
}

section.defi-article .content p+p {
    margin-top: 1rem
}

@media(max-width:480px) {
    section.defi-article .content p+p {
        margin-top: 2.5rem
    }
}

section.defi-article .content ol,
section.defi-article .content ul {
    margin-top: 1.25rem
}

@media(max-width:480px) {

    section.defi-article .content ol,
    section.defi-article .content ul {
        margin-top: 3.75rem
    }
}

section.defi-article .content ol li,
section.defi-article .content ul li {
    --bullet-color: hsla(0, 0%, 100%, .75);
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {

    section.defi-article .content ol li,
    section.defi-article .content ul li {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.defi-article .content ol li a,
section.defi-article .content ul li a {
    color: #6222f6
}

section.defi-article .content ol li strong,
section.defi-article .content ul li strong {
    font-weight: 600
}

section.defi-article .content ol li span,
section.defi-article .content ul li span {
    color: #fff
}

section.defi-article .content ol li em,
section.defi-article .content ul li em {
    color: #c0c1c5;
    font-family: RaleGrotesk;
    font-style: italic
}

section.defi-article .content .formula {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
    row-gap: 1rem
}

@media(max-width:480px) {
    section.defi-article .content .formula {
        margin-top: 5rem;
        row-gap: 3.75rem
    }
}

section.defi-article .content .formula .main {
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    padding: 1.25rem
}

@media(max-width:480px) {
    section.defi-article .content .formula .main {
        border-radius: 3.75rem;
        padding: 3.75rem 3.125rem
    }
}

section.defi-article .content .formula .main .img-frame {
    height: 6.0625rem
}

@media(max-width:480px) {
    section.defi-article .content .formula .main .img-frame {
        height: 15.625rem
    }
}

section.defi-article .content .formula .desc {
    font-family: RaleGrotesk;
    font-style: italic;
    margin: 0
}

section.defi-scheme {
    padding-bottom: 14.88rem;
    padding-top: 6.12rem
}

@media(max-width:480px) {
    section.defi-scheme {
        padding-bottom: 22rem;
        padding-top: 5rem
    }
}

section.defi-scheme .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10.44rem;
    -moz-column-gap: 10.44rem;
    column-gap: 10.44rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 5rem;
    position: relative
}

@media(max-width:480px) {
    section.defi-scheme .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
        row-gap: 7.5rem
    }
}

section.defi-scheme .content>.lavalamp {
    --lava-blur: 5rem;
    bottom: -10rem;
    height: 26rem;
    opacity: .8;
    position: absolute;
    right: -12rem;
    width: 31rem;
    z-index: -2
}

@media(max-width:480px) {
    section.defi-scheme .content>.lavalamp {
        display: none
    }
}

section.defi-scheme .content>.lavalamp:first-of-type {
    bottom: auto;
    left: -9rem;
    right: auto;
    top: 0
}

section.defi-scheme .content .img-frame {
    height: 38.25rem;
    width: 37.375rem
}

@media(max-width:480px) {
    section.defi-scheme .content .img-frame {
        height: auto;
        width: 90rem
    }
}

section.defi-scheme .content .text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 2rem
}

@media(max-width:480px) {
    section.defi-scheme .content .text {
        row-gap: 7.5rem
    }

    section.defi-scheme .content .text ol {
        padding-left: 5rem
    }
}

section.defi-scheme .content .text a {
    color: #6222f6
}

section.defi-scheme .content .text p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.defi-scheme .content .text p {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.defi-scheme .content .text ol,
section.defi-scheme .content .text ul {
    --bullet-color: hsla(0, 0%, 100%, .75)
}

section.defi-scheme .content .text ol ol,
section.defi-scheme .content .text ol ul,
section.defi-scheme .content .text ul ol,
section.defi-scheme .content .text ul ul {
    margin-top: 0
}

section.defi-scheme .content .text ol li,
section.defi-scheme .content .text ul li {
    color: hsla(0, 0%, 100%, .75);
    font-size: 1.25rem;
    line-height: 1.25rem
}

@media(max-width:480px) {

    section.defi-scheme .content .text ol li,
    section.defi-scheme .content .text ul li {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

section.defi-scheme .content .text .text-border {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem;
    row-gap: 1.5rem
}

@media(max-width:480px) {
    section.defi-scheme .content .text .text-border {
        border-radius: 3.75rem;
        padding: 5rem;
        row-gap: 3.75rem
    }
}

section.defi-scheme .content .text .text-border div {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.defi-scheme .content .text .text-border div {
        font-size: 5rem
    }
}

section.defi-scheme .content .text .text-border p {
    color: #c0c1c5;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.defi-scheme .content .text .text-border p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.defi-scheme .content .text .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.defi-scheme .content .text .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }

    section.defi-scheme .content .text .btns a {
        font-size: 5.3rem;
        padding: 1.25rem 4rem 2.5rem
    }
}

section.defi-scheme .content .text .btns a:not([data-disabled]) {
    background: #6222f6;
    color: #fff
}

section.defi-scheme .content .text .btns a:not([data-disabled]):hover {
    color: #000
}

section.defi-scheme.v-2 {
    padding-bottom: 25rem;
    padding-top: 16rem
}

@media(max-width:480px) {
    section.defi-scheme.v-2 {
        padding-bottom: 22rem;
        padding-top: 7.5rem
    }
}

section.defi-scheme.v-2 .content>.lavalamp:first-of-type {
    top: -13rem
}

@media(max-width:480px) {
    section.defi-scheme.v-2 .content>.lavalamp:first-of-type {
        --lava-blur: 14rem;
        display: block;
        height: 70rem;
        left: 5rem;
        opacity: 1;
        top: 0;
        width: 70rem
    }
}

section.defi-scheme.v-2 .content .img-frame {
    height: 17.75rem;
    width: 39.5rem
}

@media(max-width:480px) {
    section.defi-scheme.v-2 .content .img-frame {
        height: auto;
        width: 90rem
    }
}

section.defi-scheme.v-3 {
    padding-bottom: 22rem;
    padding-top: 14rem
}

@media(max-width:480px) {
    section.defi-scheme.v-3 {
        padding-bottom: 22rem;
        padding-top: 5rem
    }
}

section.defi-scheme.v-3 .content>.lavalamp {
    bottom: 5rem
}

section.defi-scheme.v-3 .content>.lavalamp:first-of-type {
    top: 13rem
}

section.defi-scheme.v-3 .content .img-frame {
    height: 22.25rem;
    width: 36rem
}

@media(max-width:480px) {
    section.defi-scheme.v-3 .content .img-frame {
        height: auto;
        width: 90rem
    }
}

section.defi-scheme.v-4 {
    padding-bottom: 22rem;
    padding-top: 5rem;
    position: relative
}

@media(max-width:480px) {
    section.defi-scheme.v-4 {
        overflow: hidden;
        padding-bottom: 49rem;
        padding-top: 7.5rem
    }
}

section.defi-scheme.v-4 .bg {
    height: calc(57.375rem + 2px);
    left: 50%;
    overflow: hidden;
    padding: 2px;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(57.375rem + 2px)
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .bg {
        bottom: 0;
        height: 190rem;
        padding: 0;
        top: auto;
        width: 190rem
    }
}

section.defi-scheme.v-4 .bg:before {
    -webkit-backdrop-filter: blur(3.4px);
    backdrop-filter: blur(3.4px);
    background: linear-gradient(179deg, rgba(109, 20, 255, 0) 51.88%, rgba(109, 20, 255, .22) 81.05%);
    border: 1px solid #7014f5;
    border-radius: 50%;
    bottom: 7.3rem;
    content: "";
    height: 57.375rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 57.375rem;
    z-index: -1
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .bg:before {
        bottom: 25rem;
        height: 190rem;
        width: 190rem
    }
}

section.defi-scheme.v-4 .bg:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(109, 20, 255, .22)));
    background: linear-gradient(180deg, #000, rgba(109, 20, 255, .22));
    border-radius: 50%;
    bottom: 7.3rem;
    content: "";
    height: calc(57.375rem + 2px);
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(57.375rem + 2px);
    z-index: -1
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .bg:after {
        background: #000106;
        border-radius: 0;
        bottom: auto;
        height: 38%;
        top: 0;
        width: 100%
    }
}

section.defi-scheme.v-4 .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    row-gap: 5rem;
    z-index: 1
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .content {
        row-gap: 7.5rem
    }
}

section.defi-scheme.v-4 .content>.lavalamp {
    bottom: 3rem
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .content>.lavalamp {
        display: none
    }
}

section.defi-scheme.v-4 .content>.lavalamp:first-of-type {
    top: 17rem
}

section.defi-scheme.v-4 .content .img-frame {
    height: 14.9375rem;
    width: 44.03125rem
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .content .img-frame {
        height: auto;
        width: 90rem
    }
}

section.defi-scheme.v-4 .content .text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-column-gap: 8.5rem;
    -moz-column-gap: 8.5rem;
    column-gap: 8.5rem;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 12rem;
    width: 100%
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .content .text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 7.5rem
    }
}

section.defi-scheme.v-4 .content .text .item {
    width: 50%
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .content .text .item {
        width: auto
    }
}

section.defi-scheme.v-4 .content .text .item ol,
section.defi-scheme.v-4 .content .text .item ul {
    margin-top: 1.5rem
}

@media(max-width:480px) {

    section.defi-scheme.v-4 .content .text .item ol,
    section.defi-scheme.v-4 .content .text .item ul {
        margin-top: 3.75rem
    }
}

section.defi-scheme.v-4 .content .text .item p:not(:first-of-type) {
    margin-top: 1.5em
}

@media(max-width:480px) {
    section.defi-scheme.v-4 .content .text .item p:not(:first-of-type) {
        margin-top: 3.75rem
    }
}

section.breadcrumbs .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.breadcrumbs .content {
        gap: 1.25rem
    }
}

section.breadcrumbs .content>a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 150%
}

@media(max-width:480px) {
    section.breadcrumbs .content>a {
        font-size: 4.375rem
    }
}

section.breadcrumbs .content>a:hover {
    text-decoration: underline
}

section.breadcrumbs .content>i {
    background: #fff;
    height: 1.2rem;
    -webkit-mask-image: url(../images/brc-next.svg);
    mask-image: url(../images/brc-next.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1.2rem
}

@media(max-width:480px) {
    section.breadcrumbs .content>i {
        height: 3.75rem;
        width: 3.75rem
    }
}

section.breadcrumbs .content>span {
    color: hsla(0, 0%, 100%, .749);
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media(max-width:480px) {
    section.breadcrumbs .content>span {
        font-size: 4.375rem
    }
}

section.breadcrumbs.top-cover {
    position: absolute;
    top: 10rem;
    z-index: 1000
}

@media(max-width:480px) {
    section.breadcrumbs.top-cover {
        left: 0;
        right: 0;
        top: 25rem
    }

    section.breadcrumbs.top-cover .content>span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

section.text-and-3d {
    overflow: hidden;
    padding-bottom: 25rem;
    padding-top: 10rem
}

section.text-and-3d .content {
    gap: 22rem
}

section.text-and-3d .content,
section.text-and-3d .content .item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

section.text-and-3d .content .item {
    gap: 7rem
}

section.text-and-3d .content .item .img-frame {
    height: 90rem;
    position: relative
}

section.text-and-3d .content .item .img-frame>.lavalamp {
    --lava-blur: 18rem;
    height: 75rem;
    left: 60%;
    opacity: .7;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 82rem
}

section.text-and-3d .content .item>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

section.text-and-3d .content .item>.text {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7.5rem;
    justify-content: flex-start
}

section.text-and-3d .content .item>.text p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5.625rem
}

section.resume-form .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
    margin-top: 5rem;
    padding: 5rem
}

@media(max-width:480px) {
    section.resume-form .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        border-radius: 3.75rem;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        justify-content: flex-start
    }
}

section.resume-form .content .form {
    width: 44.25rem
}

@media(max-width:480px) {
    section.resume-form .content .form {
        width: unset
    }
}

section.resume-form .content .form textarea {
    min-height: 9.5rem
}

@media(max-width:480px) {
    section.resume-form .content .form textarea {
        height: 47.5rem
    }
}

section.resume-form .content .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start;
    width: 44.25rem
}

@media(max-width:480px) {
    section.resume-form .content .title {
        gap: 10rem;
        width: unset
    }
}

section.resume-form .content .title .h1 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 102%
}

@media(max-width:480px) {
    section.resume-form .content .title .h1 {
        font-size: 7.5rem;
        line-height: 94%
    }
}

section.resume-form .content .title>p {
    color: hsla(0, 0%, 100%, .75);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

@media(max-width:480px) {
    section.resume-form .content .title>p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.resume-form .content .title>.img-frame {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 13.125rem;
    width: 13.125rem
}

@media(max-width:480px) {
    section.resume-form .content .title>.img-frame {
        display: none
    }
}

section.resume-form .content .title .team {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.resume-form .content .title .team {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 5rem
    }
}

section.resume-form .content .title .team>.img {
    -ms-flex-negative: 0;
    border-radius: .75rem;
    flex-shrink: 0;
    height: 11.25rem;
    overflow: hidden;
    width: 11.25rem
}

@media(max-width:480px) {
    section.resume-form .content .title .team>.img {
        border-radius: 3.75rem;
        height: 32.5rem;
        width: 32.5rem
    }
}

section.resume-form .content .title .team>.img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.resume-form .content .title .team>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.resume-form .content .title .team>div {
        gap: 1.25rem
    }
}

section.resume-form .content .title .team>div span {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%
}

@media(max-width:480px) {
    section.resume-form .content .title .team>div span {
        font-size: 5.625rem;
        line-height: 7.5rem
    }
}

section.resume-form .content .title .team>div p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media(max-width:480px) {
    section.resume-form .content .title .team>div p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.latest-news {
    margin-top: 4rem;
    overflow: visible
}

@media(max-width:1920px) {
    section.latest-news {
        overflow: hidden
    }

    section.latest-news.mb {
        margin-bottom: 15rem
    }
}

section.latest-news .swipe-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 1.5rem
}

section.latest-news .swipe-item>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

section.crypto-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 14rem;
    padding-top: 5rem
}

@media(max-width:480px) {
    section.crypto-card {
        gap: 7.5rem;
        overflow: hidden;
        padding-bottom: 14rem;
        padding-top: 5rem
    }
}

section.crypto-card>.head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    padding-bottom: 3.75rem
}

@media(max-width:480px) {
    section.crypto-card>.head {
        gap: 7.5rem
    }
}

section.crypto-card>.head .title,section.ecosystems>.head .title  {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.crypto-card>.head .title,section.ecosystems>.head .title {
        font-size: 7.5rem;
        text-align: left
    }
}

section.crypto-card>.head .subtitle,section.ecosystems>.head .subtitle {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center
}

@media(max-width:480px) {
    section.crypto-card>.head .subtitle,section.ecosystems>.head .subtitle {
        font-size: 5rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.crypto-card .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

@media(max-width:480px) {
    section.crypto-card .btns {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        gap: 2.5rem;
        justify-content: flex-start
    }
}

section.crypto-card .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    position: relative
}

@media(max-width:480px) {
    section.crypto-card .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.5rem
    }
}

section.crypto-card .content>.lavalamp {
    --lava-blur: 6rem;
    height: 40rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem;
    z-index: -5
}

@media(max-width:480px) {
    section.crypto-card .content>.lavalamp {
        --lava-blur: 14rem;
        height: 85rem;
        left: 50%;
        top: -4rem;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        width: 90rem
    }
}

section.crypto-card .content>.img-frame {
    height: 30rem;
    width: 40rem
}

@media(max-width:480px) {
    section.crypto-card .content>.img-frame {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        height: 62.5rem;
        order: -1;
        width: 90rem
    }
}

section.crypto-card .content .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    gap: .75rem;
    justify-content: flex-start;
    width: 42rem
}

@media(max-width:480px) {
    section.crypto-card .content .list {
        gap: 2.5rem;
        width: unset
    }
}

section.crypto-card .content .list>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-start;
    padding: 1.5rem;
    position: relative
}

@media(max-width:480px) {
    section.crypto-card .content .list>div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3.75rem;
        gap: 3.75rem;
        padding: 3.75rem
    }
}

section.crypto-card .content .list>div .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem
}

@media(max-width:480px) {
    section.crypto-card .content .list>div .text {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.crypto-card .content .list>div .img-frame {
    height: 2.75rem;
    width: 2.75rem
}

@media(max-width:480px) {
    section.crypto-card .content .list>div .img-frame {
        height: 10rem;
        width: 10rem
    }
}

section.crypto-card .content .list>div>.tag {
    background: #0d0e12;
    border-radius: 2rem;
    bottom: .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: RaleGrotesk;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%;
    padding: .47rem 1rem;
    position: absolute;
    right: .25rem;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.crypto-card .content .list>div>.tag {
        border-radius: 10rem;
        bottom: 1.25rem;
        font-size: 2.5rem;
        padding: 1.25rem 2.5rem;
        right: 1.25rem
    }
}

div.card-slider {
    margin-top: 5rem
}

@media(max-width:480px) {
    div.card-slider {
        margin-top: 10.67rem
    }
}

div.card-slider .content {
    margin-bottom: 0 !important
}

@media(max-width:480px) {
    div.card-slider .content:after {
        background-position-x: 65% !important
    }
}

div.card-slider .content .data {
    width: 37rem
}

@media(max-width:480px) {
    div.card-slider .content .data {
        width: 100%
    }
}

div.card-slider .content .data .title {
    margin-bottom: 2.5rem
}

@media(max-width:480px) {
    div.card-slider .content .data .title {
        margin-bottom: 6.4rem !important
    }
}

div.card-slider .content .data .steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.5rem;
    position: relative;
    row-gap: 1rem
}

@media(max-width:480px) {
    div.card-slider .content .data .steps {
        margin-bottom: 10.67rem;
        row-gap: 3.2rem
    }
}

div.card-slider .content .data .steps-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:480px) {
    div.card-slider .content .data .steps-item {
        -webkit-column-gap: 3.2rem;
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem;
        cursor: default
    }
}

div.card-slider .content .data .steps-item .img {
    background-color: #f0f0f1;
    border-radius: .75rem
}

@media(max-width:480px) {
    div.card-slider .content .data .steps-item .img {
        border-radius: 2.13rem
    }
}

div.card-slider .content .data .steps-item .img span {
    background: #5a5d68;
    display: inline-block;
    height: 4rem;
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    width: 4rem
}

@media(max-width:480px) {
    div.card-slider .content .data .steps-item .img span {
        background: #5a5d68 !important;
        height: 10.66667rem;
        width: 10.66667rem
    }
}

div.card-slider .content .data .steps-item p {
    color: #5a5d68;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

@media(max-width:480px) {
    div.card-slider .content .data .steps-item p {
        color: #010516;
        font-size: 4.26667rem;
        line-height: 148%
    }
}

div.card-slider .content .data .steps-item.active .img span {
    background: #0098cb
}

@media(max-width:480px) {
    div.card-slider .content .data .steps-item.active .img span {
        background: #5a5d68
    }
}

div.card-slider .content .data .steps-item.active p {
    color: #010516
}

div.card-slider .content .data .steps .dots-item {
    background: transparent;
    cursor: pointer;
    height: 4.188rem;
    left: 0;
    position: absolute;
    right: 0
}

div.card-slider .content .data .steps .dots-item:first-of-type {
    top: 0
}

div.card-slider .content .data .steps .dots-item:nth-of-type(2) {
    top: 5.188rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(3) {
    top: 10.376rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(4) {
    top: 15.564rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(5) {
    top: 20.752rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(6) {
    top: 25.94rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(7) {
    top: 31.128rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(8) {
    top: 36.316rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(9) {
    top: 41.504rem
}

div.card-slider .content .data .steps .dots-item:nth-of-type(10) {
    top: 46.692rem
}

@media(max-width:480px) {
    div.card-slider .content .data .steps .dots-item {
        display: none
    }
}

div.card-slider .content .data .links {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:480px) {
    div.card-slider .content .data .links {
        -webkit-column-gap: 2.79rem;
        -moz-column-gap: 2.79rem;
        column-gap: 2.79rem
    }
}

div.card-slider .content .data .links a {
    height: 3.25rem;
    width: 11.25rem
}

@media(max-width:480px) {
    div.card-slider .content .data .links a {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 13.92907rem;
        width: 100%
    }
}

div.card-slider .content .data .links a img {
    height: 100%;
    width: 100%
}

div.card-slider .content .slider {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

@media(max-width:480px) {
    div.card-slider .content .slider {
        display: none
    }
}

div.card-slider .content .slider-block {
    height: 43.75rem
}

div.card-slider .content .slider-block .slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    padding: 2rem;
    position: absolute;
    right: 0;
    top: 0
}

div.card-slider .content .slider-block .slide .img-frame {
    height: 43.75rem;
    width: 21.45894rem
}

div.card-slider .content .slider-block .slide .img-frame img {
    -o-object-fit: cover;
    object-fit: cover
}

div.card-slider .content .slider-block .slide.active,
div.card-slider .content .slider-block .slide.after,
div.card-slider .content .slider-block .slide.before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

div.card-slider .content .slider-block .slide.active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

div.card-slider .content .slider-block .slide.before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

div.card-slider .content .slider-block .slide.after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

div.card-slider .content .slider .navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 0;
    row-gap: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

div.card-slider .content .slider .navigation button {
    background: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 4rem;
    padding: 0;
    width: 4rem
}

div.card-slider .content .slider .navigation button[data-slider-action=next-slide] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

div.card-slider .content .slider .navigation button img {
    height: 100%;
    width: 100%
}

div.card-slider .content .slider .navigation .dots {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .75rem;
    row-gap: .75rem
}

div.card-slider .content .slider .navigation .dots-item {
    background-color: rgba(1, 5, 22, .25);
    border-radius: 50%;
    cursor: pointer;
    height: .5rem;
    width: .5rem
}

div.card-slider .content .slider .navigation .dots-item.active {
    background-color: #0cc2ff
}

section.defi-slider {
    margin-bottom: 2rem;
    margin-top: 4.5rem
}

@media(max-width:480px) {
    section.defi-slider {
        margin-bottom: 0;
        margin-top: 10rem
    }
}

section.defi-slider .content.no-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

section.defi-slider .content.no-mobile>.lavalamp {
    --lava-blur: 7rem;
    height: 45rem;
    left: 50%;
    opacity: .8;
    position: absolute;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50rem;
    z-index: -2
}

section.defi-slider .content.no-mobile .tabs {
    background: rgba(1, 5, 22, .4);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 2rem;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .25rem;
    position: relative
}

section.defi-slider .content.no-mobile .tabs .title {
    border-radius: 2rem;
    color: #fff;
    cursor: pointer;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    min-width: 5.5rem;
    padding: .375rem 1rem;
    text-align: center;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

section.defi-slider .content.no-mobile .tabs .title:hover {
    background: #191a1e
}

section.defi-slider .content.no-mobile .tabs .title.active {
    background: #fff;
    color: #010516;
    cursor: default
}

section.defi-slider .content.no-mobile .tabs div:not([data-slider-target]) {
    display: none
}

section.defi-slider .content.no-mobile .big-slider {
    width: 100%
}

section.defi-slider .content.no-mobile .big-slider-block {
    min-height: 43rem
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    bottom: 0;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide.active,
section.defi-slider .content.no-mobile .big-slider-block .big-slide.after,
section.defi-slider .content.no-mobile .big-slider-block .big-slide.before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide.after *,
section.defi-slider .content.no-mobile .big-slider-block .big-slide.before * {
    pointer-events: none !important
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity 1s ease .5s;
    transition: opacity 1s ease .5s
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide:has(.slider-block.locked) .navigation:after {
    -webkit-animation: pulse 2s forwards;
    animation: pulse 2s forwards;
    opacity: 1
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider {
    min-width: 56.6825rem;
    padding-right: 2.2rem
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block {
    min-height: 31.1rem
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    display: none;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide .img-frame {
    height: 31rem;
    width: 28rem
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 2rem
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide .text a {
    color: #6222f6
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide .text p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide.active,
section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide.after,
section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide.before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide.after *,
section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide.before * {
    pointer-events: none !important
}

section.defi-slider .content.no-mobile .big-slider-block .big-slide .slider-block .slide.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity 1s ease .5s;
    transition: opacity 1s ease .5s
}

section.defi-slider .content.no-mobile .name-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 27rem;
    row-gap: 2rem
}

section.defi-slider .content.no-mobile .name-block .name-title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

section.defi-slider .content.no-mobile .name-block .dots-item {
    display: none
}

section.defi-slider .content.no-mobile .name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    counter-reset: title;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    max-width: 34.5rem
}

section.defi-slider .content.no-mobile .name-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.defi-slider .content.no-mobile .name-item.active .count:before,
section.defi-slider .content.no-mobile .name-item:hover .count:before {
    color: #fff
}

section.defi-slider .content.no-mobile .name-item.active .count:after {
    background: #6222f6;
    opacity: 1
}

section.defi-slider .content.no-mobile .name-item.active .title {
    opacity: 1
}

section.defi-slider .content.no-mobile .name-item .count {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 2rem;
    justify-content: center;
    position: relative;
    -webkit-transform: translateY(.15rem);
    transform: translateY(.15rem);
    width: 2rem
}

section.defi-slider .content.no-mobile .name-item .count:before {
    color: #464955;
    content: counter(title, decimal-leading-zero);
    counter-increment: title;
    font-family: RaleGroteskBase;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

section.defi-slider .content.no-mobile .name-item .count:after {
    background: rgba(76, 76, 76, .471);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    -webkit-mask-image: url(../images/border-grad.png);
    mask-image: url(../images/border-grad.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

section.defi-slider .content.no-mobile .name-item .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 92%;
    opacity: .1;
    text-transform: lowercase;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

section.defi-slider .navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-top: 2rem;
    position: relative;
    width: 100%
}

@media(max-width:480px) {
    section.defi-slider .navigation {
        display: none
    }
}

section.defi-slider .navigation:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(98, 34, 246, .69) 69.5%, rgba(98, 34, 246, 0) 100%);
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: .0625rem;
    top: 0
}

section.defi-slider .navigation:after,
section.defi-slider .navigation:before {
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 62.5rem
}

section.defi-slider .navigation:after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(98, 34, 246, .9) 69.5%, rgba(98, 34, 246, 0) 100%);
    background-position: 50%;
    background-size: contain;
    height: .2rem;
    opacity: 0;
    top: -.1rem
}

section.defi-slider .navigation button {
    background: transparent;
    padding: 0
}

section.defi-slider .content.mobile-only {
    row-gap: 33rem
}

section.defi-slider .content.mobile-only,
section.defi-slider .content.mobile-only .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

section.defi-slider .content.mobile-only .block {
    counter-reset: title-m;
    row-gap: 12.5rem
}

section.defi-slider .content.mobile-only .block>.title {
    color: #fff;
    font-family: Infynyte;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    margin-bottom: 5.5rem;
    position: relative;
    text-align: center;
    text-transform: lowercase
}

section.defi-slider .content.mobile-only .block>.title:after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(98, 34, 246, .69) 69.5%, rgba(98, 34, 246, 0) 100%);
    bottom: -13rem;
    content: "";
    display: block;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90rem
}

section.defi-slider .content.mobile-only .block .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    counter-increment: title-m;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

section.defi-slider .content.mobile-only .block .item:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(98, 34, 246, .69) 69.5%, rgba(98, 34, 246, 0) 100%);
    bottom: -6.25rem;
    content: "";
    display: block;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90rem
}

section.defi-slider .content.mobile-only .block .item:has(.name.active) .main>.lavalamp {
    opacity: 1;
    -webkit-transition: opacity .3s ease .4s;
    transition: opacity .3s ease .4s
}

section.defi-slider .content.mobile-only .block .item .name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

section.defi-slider .content.mobile-only .block .item .name.active .open {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

section.defi-slider .content.mobile-only .block .item .name.active .open:after {
    opacity: 0
}

section.defi-slider .content.mobile-only .block .item .name.active .count:before {
    color: #fff
}

section.defi-slider .content.mobile-only .block .item .name .count {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 13.125rem;
    justify-content: center;
    position: relative;
    width: 13.125rem
}

section.defi-slider .content.mobile-only .block .item .name .count:before {
    color: #464955;
    content: counter(title-m, decimal-leading-zero);
    font-family: RaleGroteskBase;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

section.defi-slider .content.mobile-only .block .item .name .count:after {
    background-image: url(../images/border-grad.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.defi-slider .content.mobile-only .block .item .name .title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 5.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 7.5rem
}

section.defi-slider .content.mobile-only .block .item .name .open {
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 10rem;
    display: inline-block;
    height: 10rem;
    margin-left: auto;
    min-width: 10rem;
    position: relative;
    -webkit-transition: background .3s linear, -webkit-transform .4s ease;
    transition: background .3s linear, -webkit-transform .4s ease;
    transition: transform .4s ease, background .3s linear;
    transition: transform .4s ease, background .3s linear, -webkit-transform .4s ease;
    width: 10rem
}

section.defi-slider .content.mobile-only .block .item .name .open:after,
section.defi-slider .content.mobile-only .block .item .name .open:before {
    background-color: #fff;
    bottom: 20%;
    content: "";
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 20%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: background .3s linear, opacity .3s linear;
    transition: background .3s linear, opacity .3s linear;
    width: .2rem
}

section.defi-slider .content.mobile-only .block .item .name .open:after {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg)
}

section.defi-slider .content.mobile-only .block .item .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: var(--marker-h);
    overflow: hidden;
    position: relative;
    row-gap: 7.5rem;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease;
    width: 100rem
}

section.defi-slider .content.mobile-only .block .item .main>.lavalamp {
    --lava-blur: 14rem;
    bottom: 25rem;
    height: 70rem;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 85rem;
    z-index: -2
}

section.defi-slider .content.mobile-only .block .item .main>.img-frame {
    height: 110rem;
    width: 50.9375rem
}

section.defi-slider .content.mobile-only .block .item .main .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5rem
}

section.defi-slider .content.mobile-only .block .item .main .text p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.25rem;
    margin-top: 5rem
}

section.defi-slider.default .content.mobile-only .block>.title,
section.defi-slider.default .content.no-mobile .name-block .name-title,
section.defi-slider.default .content.no-mobile .tabs {
    display: none
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(.4);
        transform: translateX(-50%) scale(.4)
    }

    80% {
        opacity: .1;
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(2);
        transform: translateX(-50%) scale(2)
    }
}

section.full-history {
    position: relative
}

section.full-history .bg {
    bottom: 1rem;
    display: inline-block;
    left: 7.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

@media(max-width:480px) {
    section.full-history .bg {
        bottom: 0;
        left: 0
    }
}

section.full-history .bg .frame {
    display: block;
    height: 100vh;
    left: 0;
    position: sticky;
    right: 0;
    top: 0
}

section.full-history .bg .frame canvas {
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100% !important
}

section.full-history .navigate {
    bottom: 1rem;
    display: inline-block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

@media(max-width:480px) {
    section.full-history .navigate {
        display: none
    }
}

section.full-history .navigate .frame {
    display: block;
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: sticky;
    top: 0;
    width: 100%
}

section.full-history .navigate .frame .skip {
    -ms-flex-item-align: center;
    align-self: center;
    bottom: 3rem;
    display: inline-block;
    pointer-events: all;
    position: absolute;
    right: 2.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

section.full-history .navigate .frame .skip>div {
    display: inline-block;
    height: 4.5rem;
    pointer-events: none;
    width: 4.5rem
}

@media(max-width:480px) {
    section.full-history .navigate .frame .skip>div {
        height: 15rem;
        width: 15rem
    }
}

section.full-history .navigate .frame .skip>div:after,
section.full-history .navigate .frame .skip>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

section.full-history .navigate .frame .skip>div:after {
    background-image: url(../images/skip_hover.svg);
    opacity: 0
}

@media(max-width:480px) {
    section.full-history .navigate .frame .skip>div:after {
        opacity: 1
    }
}

section.full-history .navigate .frame .skip>div:before {
    background-image: url(../images/skip.svg);
    opacity: 1
}

@media(max-width:480px) {
    section.full-history .navigate .frame .skip>div:before {
        opacity: 0
    }
}

@media(min-width:480px) {
    section.full-history .navigate .frame .skip:hover>div:after {
        opacity: 1
    }

    section.full-history .navigate .frame .skip:hover>div:before {
        opacity: 0
    }
}

section.full-history .navigate .frame .quarters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start;
    left: 3rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.full-history .navigate .frame .quarters a {
    color: #464955;
    display: inline-block;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    pointer-events: all;
    position: relative;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

section.full-history .navigate .frame .quarters a:before {
    background: hsla(0, 0%, 100%, 0);
    bottom: 0;
    content: "";
    left: -.7rem;
    position: absolute;
    top: 0;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    width: .2rem
}

section.full-history .navigate .frame .quarters a.active,
section.full-history .navigate .frame .quarters a:hover {
    color: #fff
}

section.full-history .navigate .frame .quarters a.active:before {
    background: #fff
}

section.full-history .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 5.69rem;
    padding-left: 7rem;
    padding-top: 12.69rem
}

@media(max-width:480px) {
    section.full-history .content {
        padding-bottom: 15.11rem;
        padding-left: 0;
        padding-top: 15.11rem
    }
}

section.full-history .content>.title {
    color: #0cc2ff;
    font-size: 9.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 94%;
    opacity: var(--show, 0);
    padding: 5rem 0;
    position: relative;
    text-align: center;
    -webkit-transform: translateY(var(--up, 0));
    transform: translateY(var(--up, 0));
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: opacity .05 linear, -webkit-transform .05s linear;
    transition: opacity .05 linear, -webkit-transform .05s linear;
    transition: transform .05s linear, opacity .05 linear;
    transition: transform .05s linear, opacity .05 linear, -webkit-transform .05s linear
}

@media(max-width:480px) {
    section.full-history .content>.title {
        font-size: 20rem;
        opacity: 1;
        -webkit-transform: unset;
        transform: unset
    }
}

section.full-history .content>.title.end {
    font-size: 6rem;
    line-height: 92%;
    padding-bottom: 8.5rem
}

@media(max-width:480px) {
    section.full-history .content>.title.end {
        font-size: 13.75rem;
        line-height: 94%
    }
}

section.full-history .content .line-end {
    height: 2rem;
    position: relative
}

@media(max-width:480px) {
    section.full-history .content .line-end {
        height: 7.9rem
    }
}

section.full-history .content .line-end:after,
section.full-history .content .line-end:before {
    border-radius: 50%;
    content: "";
    height: 1.5rem;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: -.1rem;
    -webkit-transition: background .1s linear, border .1s linear;
    transition: background .1s linear, border .1s linear;
    width: 1.5rem
}

@media(max-width:480px) {

    section.full-history .content .line-end:after,
    section.full-history .content .line-end:before {
        height: 7.5rem;
        width: 7.5rem
    }
}

section.full-history .content .line-end:before {
    border: .1rem solid var(--color, #171b2b);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

section.full-history .content .line-end:after {
    background: var(--color, #171b2b);
    -webkit-transform: translate(-50%, 7%) scale(.5);
    transform: translate(-50%, 7%) scale(.5)
}

@media(max-width:480px) {
    section.full-history .content .line-end:after {
        -webkit-transform: translate(-50%, 3%) scale(.5);
        transform: translate(-50%, 3%) scale(.5)
    }
}

section.full-history .content .line-end.over {
    --color: #0cc2ff
}

section.full-history .content .news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    --fill: 0%;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10rem;
    justify-content: flex-start;
    padding: 10rem 0;
    position: relative
}

@media(max-width:480px) {
    section.full-history .content .news {
        gap: 18.75rem
    }
}

section.full-history .content .news:after,
section.full-history .content .news:before {
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .2rem
}

@media(max-width:480px) {

    section.full-history .content .news:after,
    section.full-history .content .news:before {
        width: .5rem;
        z-index: -1
    }
}

section.full-history .content .news:before {
    background: #151929;
    bottom: 0
}

section.full-history .content .news:after {
    background: #0cc2ff;
    bottom: calc(100% - var(--fill, 0%))
}

section.full-history .content .news>.item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

section.full-history .content .news>.item:nth-child(2n) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width:480px) {
    section.full-history .content .news>.item {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

section.full-history .content .news>.item .history-key {
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
    width: 1px
}

section.full-history .content .news>.item>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(min-width:480px) {
    section.full-history .content .news>.item>div {
        max-width: 36.625rem;
        opacity: var(--show, 0);
        -webkit-transform: translateY(var(--move, 0));
        transform: translateY(var(--move, 0));
        width: 36.625rem
    }
}

@media(max-width:480px) {
    section.full-history .content .news>.item>div {
        gap: 5rem
    }
}

section.full-history .content .news>.item>div .img {
    border-radius: .75rem;
    height: 21.875rem;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 36.625rem
}

@media(max-width:480px) {
    section.full-history .content .news>.item>div .img {
        border-radius: 3.75rem;
        height: 53.75rem;
        margin-bottom: unset;
        width: 100%
    }
}

section.full-history .content .news>.item>div .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    pointer-events: none;
    width: 100%
}

section.full-history .content .news>.item>div .img.has-video {
    cursor: pointer
}

section.full-history .content .news>.item>div .img.has-video img {
    -webkit-filter: blur(.2rem);
    filter: blur(.2rem);
    pointer-events: none;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

@media(max-width:480px) {
    section.full-history .content .news>.item>div .img.has-video img {
        -webkit-filter: blur(1rem);
        filter: blur(1rem)
    }
}

section.full-history .content .news>.item>div .img.has-video:before {
  
    background-size: 95%;
    content: "";
    -webkit-filter: brightness(1);
    filter: brightness(1);
    height: 4.5rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: -webkit-filter .5s ease;
    transition: -webkit-filter .5s ease;
    transition: filter .5s ease;
    transition: filter .5s ease, -webkit-filter .5s ease;
    width: 6.25rem;
    z-index: 1000
}

@media(max-width:480px) {
    section.full-history .content .news>.item>div .img.has-video:before {
        height: 18rem;
        width: 25rem
    }
}

section.full-history .content .news>.item>div .img.has-video:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

section.full-history .content .news>.item>div .img.has-video:hover:before {
    -webkit-filter: brightness(2);
    filter: brightness(2)
}

section.full-history .content .news>.item>div .date {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.full-history .content .news>.item>div .date {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.full-history .content .news>.item>div p {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem
}

@media(max-width:480px) {
    section.full-history .content .news>.item>div p {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.full-history .content .news>.item>div a {
    color: #0cc2ff;
    text-decoration: underline
}

section.full-history .content .news>.item>div ul li {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    padding-left: 2rem
}

@media(max-width:480px) {
    section.full-history .content .news>.item>div ul li {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.full-history .content .news.reverse>.item:nth-child(odd) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

section.full-history .content .news.reverse>.item:nth-child(2n) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

section.native-coins {
    margin-top: 7.5rem
}

section.native-coins .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

section.native-coins .content>p {
    color: #fff;
    font-size: 6.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 8.75rem
}

section.native-coins .content .cards>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
    margin-top: 10rem;
    padding: 6.25rem 5rem
}

section.native-coins .content .cards>div>span {
    color: #fff;
    font-size: 6.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 7.5rem
}

section.native-coins .content .cards>div p {
    font-size: 3.75rem;
    line-height: 5rem
}

section.native-coins .content .cards>div>ul li {
    padding-left: 5rem
}

section.native-coins .content .cards>div>ul li:before {
    top: .7rem
}

section.native-coins .content .cards>div>.img img {
    height: auto;
    width: 100%
}

section.crypto-coins {
    margin-bottom: 8.75rem
}

@media(max-width:480px) {
    section.crypto-coins {
        margin-bottom: 21.33rem;
        margin-top: 10.67rem
    }
}

section.crypto-coins .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-column-gap: 7.2rem;
    -moz-column-gap: 7.2rem;
    column-gap: 7.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media(max-width:480px) {
    section.crypto-coins .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 12rem
    }
}

section.crypto-coins .content .lavalamp {
    height: 42rem;
    position: absolute;
    right: 0;
    top: -1rem;
    width: 42rem;
    z-index: -1
}

@media(max-width:480px) {
    section.crypto-coins .content .lavalamp {
        --lava-blur: 14rem;
        height: 100rem;
        left: 1rem;
        overflow: hidden;
        top: 16rem;
        width: 91rem
    }
}

section.crypto-coins .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

section.crypto-coins .content .data .text {
    max-width: 33.25rem
}

@media(max-width:480px) {
    section.crypto-coins .content .data .text {
        max-width: 100%
    }
}

section.crypto-coins .content .data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.crypto-coins .content .data .title {
        font-size: 6.4rem;
        line-height: 132%;
        margin-bottom: 4.26667rem
    }
}

section.crypto-coins .content .data .subtitle {
    color: hsla(0, 0%, 100%, .8);
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%
}

@media(max-width:480px) {
    section.crypto-coins .content .data .subtitle {
        font-size: 4.26667rem;
        line-height: 148%
    }
}

section.crypto-coins .content .data a {
    margin-top: 2.5rem
}

@media(max-width:480px) {
    section.crypto-coins .content .data a {
        margin-top: 8.53rem
    }
}

section.crypto-coins .content .img-frame {
    height: 45.75rem;
    width: 43.5rem
}

@media(max-width:480px) {
    section.crypto-coins .content .img-frame {
        height: 68.26667rem;
        width: 91.46667rem
    }
}

section.defi-img-text {
    padding-bottom: 13.5rem;
    padding-top: 8rem
}

@media(max-width:480px) {
    section.defi-img-text {
        padding-bottom: 25rem;
        padding-top: 5rem
    }
}

section.defi-img-text .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 13rem;
    -moz-column-gap: 13rem;
    column-gap: 13rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media(max-width:480px) {
    section.defi-img-text .content {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        row-gap: 5rem
    }
}

section.defi-img-text .content>.lavalamp {
    --lava-blur: 5rem;
    height: 26rem;
    opacity: .8;
    position: absolute;
    right: -12rem;
    top: 3rem;
    width: 31rem;
    z-index: -2
}

@media(max-width:480px) {
    section.defi-img-text .content>.lavalamp {
        display: none
    }
}

section.defi-img-text .content>.lavalamp:first-of-type {
    bottom: auto;
    left: -5rem;
    right: auto;
    top: 9rem
}

@media(max-width:480px) {
    section.defi-img-text .content>.lavalamp:first-of-type {
        --lava-blur: 14rem;
        display: block;
        height: 90rem !important;
        left: 0 !important;
        opacity: 1;
        top: 0 !important;
        width: 90rem !important
    }
}

section.defi-img-text .content .img-frame {
    height: 35rem;
    width: 35rem
}

@media(max-width:480px) {
    section.defi-img-text .content .img-frame {
        height: 90rem;
        width: 90rem
    }
}

section.defi-img-text .content .text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 2rem
}

@media(max-width:480px) {
    section.defi-img-text .content .text {
        row-gap: 7.5rem
    }

    section.defi-img-text .content .text ol {
        padding-left: 5rem
    }
}

section.defi-img-text .content .text .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.defi-img-text .content .text .title {
        font-size: 7.5rem
    }
}

section.defi-img-text .content .text p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.defi-img-text .content .text p {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.defi-img-text .content .text ol,
section.defi-img-text .content .text ul {
    --bullet-color: hsla(0, 0%, 100%, .75)
}

section.defi-img-text .content .text ol li,
section.defi-img-text .content .text ul li {
    color: hsla(0, 0%, 100%, .75);
    font-size: 1.25rem;
    line-height: 1.25rem
}

@media(max-width:480px) {

    section.defi-img-text .content .text ol li,
    section.defi-img-text .content .text ul li {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

section.defi-img-text .content .text ol li a,
section.defi-img-text .content .text ul li a {
    color: #6222f6
}

section.defi-img-text .content .text .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.defi-img-text .content .text .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }

    section.defi-img-text .content .text .btns a {
        font-size: 5.3rem;
        padding: 1.25rem 4rem 2.5rem
    }
}

section.defi-img-text .content .text .btns a:not([data-disabled]) {
    background: #6222f6
}

section.defi-img-text .cards {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 9.6rem
}

@media(max-width:480px) {
    section.defi-img-text .cards {
        grid-template-columns: 1fr;
        margin-top: 25rem;
        row-gap: 5rem
    }
}

section.defi-img-text .cards .wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

section.defi-img-text .cards .wrapper:after {
    background: #6222f6;
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(6px);
    filter: blur(6px);
    height: .625rem;
    left: 50%;
    opacity: .4;
    position: absolute;
    top: -.3125rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    z-index: 1
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper:after {
        height: 2.625rem;
        top: -1.3125rem
    }
}

section.defi-img-text .cards .wrapper:before {
    -webkit-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
    background: #6222f6;
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(6px);
    filter: blur(6px);
    height: .625rem;
    left: 50%;
    position: absolute;
    top: -.3125rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    z-index: 2
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper:before {
        height: 2.625rem;
        top: -1.3125rem
    }
}

section.defi-img-text .cards .wrapper .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    flex-grow: 1;
    overflow: hidden;
    padding: 2rem;
    position: relative;
    z-index: 1
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper .item {
        border-radius: 3.75rem;
        padding: 5rem
    }
}

section.defi-img-text .cards .wrapper .item:after {
    background-image: url(../images/bg-grad.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -18rem;
    content: "";
    display: block;
    height: 52rem;
    position: absolute;
    right: -14rem;
    width: 52rem;
    z-index: -1
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper .item:after {
        bottom: -32rem;
        height: 130rem;
        right: -41rem;
        width: 130rem
    }
}

section.defi-img-text .cards .wrapper .item .top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper .item .top {
        -webkit-column-gap: 3.75rem;
        -moz-column-gap: 3.75rem;
        column-gap: 3.75rem;
        margin-bottom: 3.75rem
    }
}

section.defi-img-text .cards .wrapper .item .top .img-frame {
    height: 3rem;
    width: 3rem
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper .item .top .img-frame {
        height: 10rem;
        width: 10rem
    }
}

section.defi-img-text .cards .wrapper .item .top h3 {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 70%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper .item .top h3 {
        font-size: 7.5rem
    }
}

section.defi-img-text .cards .wrapper .item p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

section.defi-img-text .cards .wrapper .item p a {
    color: #6222f6
}

@media(max-width:480px) {
    section.defi-img-text .cards .wrapper .item p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.defi-img-text .cards .wrapper .item ol,
section.defi-img-text .cards .wrapper .item ul {
    --bullet-color: hsla(0, 0%, 100%, .75);
    margin-top: 1.5rem
}

@media(max-width:480px) {

    section.defi-img-text .cards .wrapper .item ol,
    section.defi-img-text .cards .wrapper .item ul {
        margin-top: 3.75rem
    }
}

section.defi-img-text .cards .wrapper .item ol ol,
section.defi-img-text .cards .wrapper .item ol ul,
section.defi-img-text .cards .wrapper .item ul ol,
section.defi-img-text .cards .wrapper .item ul ul {
    margin-top: 0
}

section.defi-img-text .cards .wrapper .item ol li,
section.defi-img-text .cards .wrapper .item ul li {
    color: hsla(0, 0%, 100%, .75);
    font-size: 1.25rem;
    line-height: 1.25rem
}

@media(max-width:480px) {

    section.defi-img-text .cards .wrapper .item ol li,
    section.defi-img-text .cards .wrapper .item ul li {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

section.defi-img-text .cards .wrapper .item ol li a,
section.defi-img-text .cards .wrapper .item ul li a {
    color: #6222f6
}

section.defi-img-text.reverse .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

section.defi-img-text.reverse .content>.lavalamp {
    bottom: 5rem;
    right: -16rem
}

section.defi-img-text.reverse .content>.lavalamp:first-of-type {
    height: 30rem;
    left: 5rem;
    top: 13rem;
    width: 40rem
}

section.defi-img-text.no-lamp .lavalamp {
    display: none
}

section.defi-img-text.big-img {
    padding-top: 0
}

@media(max-width:480px) {
    section.defi-img-text.big-img {
        padding-top: 5rem
    }
}

section.defi-img-text.big-img .content {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

section.defi-img-text.big-img .content .img-frame {
    height: 50rem;
    width: 50rem
}

@media(max-width:480px) {
    section.defi-img-text.big-img .content .img-frame {
        height: 90rem;
        width: 90rem
    }
}

section.get-xfi-coins {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    margin-bottom: 5rem;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.get-xfi-coins {
        gap: 7.5rem;
        margin-bottom: 7.5rem;
        margin-top: 7.5rem
    }
}

section.get-xfi-coins .logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: RaleGroteskBase;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    gap: 1.25rem;
    justify-content: flex-start;
    line-height: 2.25rem
}

@media(max-width:480px) {
    section.get-xfi-coins .logo {
        font-size: 6.25rem;
        gap: 3.75rem;
        line-height: 8.75rem
    }
}

section.get-xfi-coins .logo:before {
    background: var(--img);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 3.75rem;
    width: 3.75rem
}

@media(max-width:480px) {
    section.get-xfi-coins .logo:before {
        height: 13.75rem;
        width: 13.75rem
    }
}

section.get-xfi-coins .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.get-xfi-coins .content {
        gap: 7.5rem
    }
}

section.get-xfi-coins .content>.head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-item-align: center;
    align-items: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    padding-bottom: 3.5rem;
    width: 49.6rem
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.head {
        gap: 7.5rem;
        width: unset
    }
}

section.get-xfi-coins .content>.head .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.head .title {
        font-size: 7.5rem;
        line-height: 94%;
        text-align: left
    }
}

section.get-xfi-coins .content>.head .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.head .text {
        font-size: 5rem;
        line-height: 5.625rem;
        text-align: left
    }
}

section.get-xfi-coins .content>.cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 18.75rem;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    z-index: 100
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.cta {
        border-radius: 3.75rem;
        gap: 4rem;
        padding: 62.64406rem 5rem 7.5rem
    }
}

section.get-xfi-coins .content>.cta:after {
    background: #0d0e12;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -5
}

section.get-xfi-coins .content>.cta:before {
    background: url(../images/coin.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 33.3125rem;
    position: absolute;
    right: 8.13rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 33.3125rem
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.cta:before {
        height: 62.64406rem;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        width: 62.64406rem
    }
}

section.get-xfi-coins .content>.cta>* {
    max-width: 42.71rem
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.cta>* {
        max-width: unset
    }
}

section.get-xfi-coins .content>.cta .lavalamp {
    bottom: 0;
    max-width: unset;
    position: absolute;
    right: 10rem;
    z-index: -1
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.cta .lavalamp {
        --lava-blur: 12rem;
        bottom: unset;
        height: 70rem;
        right: 50%;
        top: 0;
        -webkit-transform: translate(50%);
        transform: translate(50%);
        width: 70rem
    }
}

section.get-xfi-coins .content>.cta>.txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem;
    justify-content: flex-end
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.cta>.txt {
        gap: 3.75rem
    }
}

section.get-xfi-coins .content>.cta>.txt>p {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.cta>.txt>p {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.get-xfi-coins .content>.cta>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.get-xfi-coins .content>.cta>.btns {
        gap: 3.75rem
    }
}

section.get-xfi-coins [data-swiper] {
    overflow: hidden
}

section.get-xfi-coins [data-swiper] .swipe-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 1.5rem
}

@media(max-width:480px) {
    section.get-xfi-coins [data-swiper] .swipe-item {
        padding-right: 5.5rem
    }
}

section.get-xfi-coins [data-swiper] .swipe-item:last-child {
    padding-right: 0
}

section.get-xfi-coins [data-swiper] .swipe-item .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    padding-top: 1.5rem;
    width: 21rem
}

@media(max-width:480px) {
    section.get-xfi-coins [data-swiper] .swipe-item .item {
        border-radius: 3.75rem;
        gap: 5rem;
        padding-top: 5rem;
        width: 78.125rem
    }
}

section.get-xfi-coins [data-swiper] .swipe-item .item .logo {
    padding: 0 1.5rem
}

@media(max-width:480px) {
    section.get-xfi-coins [data-swiper] .swipe-item .item .logo {
        padding: 0 5rem
    }
}

section.get-xfi-coins [data-swiper] .swipe-item .item .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 0 1.5rem
}

@media(max-width:480px) {
    section.get-xfi-coins [data-swiper] .swipe-item .item .txt {
        gap: 3.5rem;
        padding: 0 5rem
    }
}

section.get-xfi-coins [data-swiper] .swipe-item .item .txt p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem
}

@media(max-width:480px) {
    section.get-xfi-coins [data-swiper] .swipe-item .item .txt p {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.get-xfi-coins [data-swiper] .swipe-item .item .links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    align-items: stretch;
    border-top: 1px solid hsla(0, 0%, 100%, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: flex-start
}

section.get-xfi-coins [data-swiper] .swipe-item .item .links>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border-right: 1px solid hsla(0, 0%, 100%, .15);
    color: #869ba4;
    flex-grow: 1;
    font-family: RaleGrotesk;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    section.get-xfi-coins [data-swiper] .swipe-item .item .links>span {
        font-size: 4.375rem;
        padding: 6.56rem
    }
}

section.get-xfi-coins [data-swiper] .swipe-item .item .links a {
    --color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border-right: 1px solid hsla(0, 0%, 100%, .15);
    color: var(--color);
    flex-grow: 1;
    font-family: RaleGrotesk;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {
    section.get-xfi-coins [data-swiper] .swipe-item .item .links a {
        font-size: 4.375rem;
        padding: 6.56rem
    }
}

section.get-xfi-coins [data-swiper] .swipe-item .item .links a:last-child {
    border: none
}

section.get-xfi-coins [data-swiper] .swipe-item .item .links a:after {
    background: var(--color);
    content: "";
    display: inline-block;
    height: .75em;
    margin-left: .55em;
    -webkit-mask: url(../images/arrow-top-right.svg) no-repeat center/contain;
    mask: url(../images/arrow-top-right.svg) no-repeat center/contain;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: .75em
}

section.get-xfi-coins [data-swiper] .swipe-item .item .links a:hover {
    --color: #0cc2ff
}

section.get-xfi-coins>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center;
    margin-top: 2rem
}

@media(max-width:480px) {
    section.get-xfi-coins>.btns {
        display: none
    }
}

section.reports-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: space-around;
    padding-bottom: 5rem;
    padding-top: 12.5rem;
    position: relative
}

@media(max-width:480px) {
    section.reports-title {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 7.5rem;
        padding-bottom: 12.5rem;
        padding-top: 36.75rem
    }
}

section.reports-title:before {
    background: url(../images/dec-title.png) no-repeat 50%;
    background-size: 100% 100%;
    content: "";
    -webkit-filter: blur(1rem);
    filter: blur(1rem);
    height: 74.25rem;
    left: 50%;
    position: absolute;
    top: -15rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 54.25rem;
    z-index: -1
}

@media(max-width:480px) {
    section.reports-title:before {
        background-image: url(../images/dec-title-m.png);
        height: 110.25rem;
        left: unset;
        right: 0;
        top: 0;
        -webkit-transform: unset;
        transform: unset;
        width: 80rem
    }
}

section.reports-title>.title {
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.reports-title>.title {
        font-size: 10rem;
        text-align: left
    }
}

section.reports-title>p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-align: center
}

@media(max-width:480px) {
    section.reports-title>p {
        font-size: 5rem;
        text-align: left
    }
}

section.specification {
    padding-bottom: 4.75rem;
    padding-top: 4.75rem
}

@media(max-width:480px) {
    section.specification {
        padding-bottom: 10rem;
        padding-top: 25rem
    }
}

section.specification>.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.specification>.content {
        gap: 10rem
    }
}

section.specification>.content>.title {
    color: #fff;
    display: block;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.specification>.content>.title {
        font-size: 7.5rem
    }
}

section.specification>.content>.grid {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(3, 1fr)
}

@media(max-width:480px) {
    section.specification>.content>.grid {
        display: none
    }
}

section.specification>.content>.grid>div {
    display: inline-block;
    position: relative
}

section.specification>.content>.grid>div.caption {
    position: relative;
    text-align: center;
    z-index: 10
}

section.specification>.content>.grid>div.caption span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    background: #0d0e12;
    border: 1px solid #24f6dd;
    border-radius: .75rem;
    display: inline-block;
    flex-shrink: 0;
    gap: .75rem;
    justify-content: center;
    padding: .34rem 1rem
}

section.specification>.content>.grid>div.title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    gap: .75rem;
    justify-content: flex-start;
    line-height: 116.667%
}

section.specification>.content>.grid>div.title i {
    --size: 2rem;
    background: #24f6dd
}

section.specification>.content>.grid>div.value {
    color: #fff;
    display: inline-block;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 116.667%;
    padding: 2rem 1rem;
    position: relative;
    text-align: center
}

section.specification>.content>.grid>div.value i {
    --size: 1.7rem;
    background: #fff
}

section.specification>.content>.grid>div.value:before {
    background: #0d0e12;
    border-radius: .75rem;
    bottom: -1.25rem;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -1.25rem;
    z-index: -1
}

section.specification>.content>.grid>div.title:after,
section.specification>.content>.grid>div.value:after {
    background: hsla(0, 0%, 100%, .149);
    bottom: 0;
    content: "";
    height: 1px;
    left: 1.25rem;
    position: absolute;
    right: 1.25rem
}

section.specification>.content>.grid>div.title:after {
    left: 0
}

section.specification>.content>.cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.specification>.content>.cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

section.specification>.content>.cards>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 5rem 3.75rem;
    position: relative
}

section.specification>.content>.cards>div:before {
    background: #0d0e12;
    border-radius: 3.75rem;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 6.25rem;
    z-index: -1
}

section.specification>.content>.cards>div>.title {
    -ms-flex-item-align: center;
    align-self: center;
    background: #0d0e12;
    border: 1px solid #24f6dd;
    border-radius: 3.75rem;
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 112.5%;
    padding: 3.44rem 5rem
}

section.specification>.content>.cards>div>.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    border-bottom: 1px solid hsla(0, 0%, 100%, .149);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

section.specification>.content>.cards>div>.row>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    color: #fff;
    flex-basis: 1%;
    flex-grow: 1;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 114.286%;
    padding: 3.75rem 0
}

section.specification>.content>.cards>div>.row>div:first-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.75rem;
    justify-content: flex-start
}

section.specification>.content>.cards>div>.row>div:first-child i {
    --size: 7.5rem;
    background: #24f6dd
}

section.specification>.content>.cards>div>.row>div:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.75rem;
    justify-content: flex-end;
    text-align: right
}

section.specification>.content>.cards>div>.row>div:last-child i {
    --size: 7.7rem;
    background: #fff
}

section.bank-benefits {
    margin-top: 5rem
}

@media(max-width:480px) {
    section.bank-benefits {
        margin-top: 10.67rem
    }
}

section.bank-benefits .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4.9rem;
    -moz-column-gap: 4.9rem;
    column-gap: 4.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8.75rem;
    position: relative
}

@media(max-width:480px) {
    section.bank-benefits .content {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
        margin-bottom: 21.33rem;
        row-gap: 10.67rem
    }
}

section.bank-benefits .content .lavalamp {
    height: 47rem;
    position: absolute;
    right: 0;
    top: -1rem;
    width: 47rem;
    z-index: -1
}

@media(max-width:480px) {
    section.bank-benefits .content .lavalamp {
        --lava-blur: 14rem;
        height: 120rem;
        overflow: hidden;
        top: -5rem;
        width: 98rem
    }

    section.bank-benefits .content .lavalamp svg {
        -webkit-transform: translateX(42%);
        transform: translateX(42%)
    }
}

section.bank-benefits .content:nth-child(2n) .lavalamp {
    left: -5rem;
    position: absolute;
    right: auto
}

@media(max-width:480px) {
    section.bank-benefits .content:nth-child(2n) .lavalamp {
        right: 0
    }

    section.bank-benefits .content:nth-child(2n) .lavalamp svg {
        -webkit-transform: translateX(-32%);
        transform: translateX(-32%)
    }
}

section.bank-benefits .content:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

section.bank-benefits .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

section.bank-benefits .content .data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.bank-benefits .content .data .title {
        font-size: 6.4rem;
        line-height: 132%;
        margin-bottom: 4.26667rem
    }
}

section.bank-benefits .content .data .subtitle,section.media>.content .head .subtitle,
section.media>.content .list .items .item .data .subtitle {
    color: hsla(0, 0%, 100%, .8);
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%
}

@media(max-width:480px) {
    section.bank-benefits .content .data .subtitle,section.media>.content .head .subtitle,
    section.media>.content .list .items .item .data .subtitle {
        color: #fff;
        font-size: 4.26667rem;
        line-height: 148%
    }
}

section.bank-benefits .content .data .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.bank-benefits .content .data .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }
}

section.bank-benefits .content .data .btns .btn-line {
    margin-top: 2.5rem
}

@media(max-width:480px) {
    section.bank-benefits .content .data .btns .btn-line {
        margin-top: 8.53rem
    }
}

section.bank-benefits .content .img-frame {
    height: 35.25rem;
    width: 51rem
}

@media(max-width:480px) {
    section.bank-benefits .content .img-frame {
        height: 68.26667rem;
        width: 91.46667rem
    }

    section.bank-benefits .content .img-frame img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

section.bank-benefits.white {
    background-color: #fff;
    padding-bottom: 8.75rem;
    padding-top: 8.75rem
}

@media(max-width:480px) {
    section.bank-benefits.white {
        margin-top: 0;
        padding-bottom: 21.33rem;
        padding-top: 21.33rem
    }
}

section.bank-benefits.white .content {
    z-index: 1
}

section.bank-benefits.white .content .lavalamp {
    --lava-color-first: #00c1ff;
    --lava-color-second: #fff;
    --lava-color-third: #00c1ff;
    --lava-color-fourth: #fff
}

section.bank-benefits.white .content .data .title {
    color: #010516;
    margin-bottom: 2rem
}

@media(max-width:480px) {
    section.bank-benefits.white .content .data .title {
        margin-bottom: 4.26667rem
    }
}

section.bank-benefits.white .content .data .subtitle {
    color: #5a5d68
}

section.bank-benefits.white .content.center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.5rem
}

@media(max-width:480px) {
    section.bank-benefits.white .content.center {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        row-gap: 10.67rem
    }
}

section.bank-benefits.white .content.center .lavalamp {
    height: 45rem;
    left: 50%;
    right: auto;
    top: 68%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 45rem
}

@media(max-width:480px) {
    section.bank-benefits.white .content.center .lavalamp {
        --lava-blur: 14rem;
        height: 105rem;
        left: -5rem;
        top: 60%;
        -webkit-transform: none;
        transform: none;
        width: 98rem
    }

    section.bank-benefits.white .content.center .lavalamp svg {
        -webkit-transform: translateX(60%);
        transform: translateX(60%)
    }
}

section.bank-benefits.white .content.center .data {
    width: 58.5rem
}

@media(max-width:480px) {
    section.bank-benefits.white .content.center .data {
        width: 100%
    }
}

section.bank-benefits.white .content.center .data .subtitle,
section.bank-benefits.white .content.center .data .title {
    text-align: center
}

section.bank-benefits.white .content.center .img-frame {
    height: 62.5rem;
    margin-bottom: -25rem;
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(25%, #000), color-stop(95%, #000), to(transparent));
    -webkit-mask: linear-gradient(90deg, transparent, #000 25%, #000 95%, transparent);
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(25%, #000), color-stop(95%, #000), to(transparent));
    mask: linear-gradient(90deg, transparent, #000 25%, #000 95%, transparent);
    -webkit-transform: translateY(-11rem);
    transform: translateY(-11rem);
    width: 62.4375rem;
    z-index: -1
}

@media(max-width:480px) {
    section.bank-benefits.white .content.center .img-frame {
        height: 100rem;
        margin-bottom: -40rem;
        -webkit-mask: unset;
        mask: unset;
        width: 100rem
    }
}

section.bank-benefits.white .content.right .lavalamp {
    height: 30rem;
    left: auto;
    right: -4.5rem;
    top: 16rem;
    width: 26rem
}

@media(max-width:480px) {
    section.bank-benefits.white .content.right .lavalamp {
        height: 120rem;
        top: 46rem;
        width: 70rem
    }
}

section.bank-benefits.white .content.right .lavalamp svg {
    -webkit-transform: translateX(20%);
    transform: translateX(20%)
}

section.bank-benefits.white .btn-line span {
    background-color: #fff
}

@media(max-width:480px) {
    section.bank-benefits.white .img-frame img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

section.bank-benefits.white section.title .title {
    color: #010516
}

section.bank-benefits.white section.title .content {
    margin: 0
}

section.bank-benefits.white section.title .content:after {
    display: none
}

section.bank-benefits.white section.title .content:before {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 59%, .27)), color-stop(70%, hsla(0, 0%, 59%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 59%, .27), hsla(0, 0%, 59%, 0) 70%)
}

section.bank-benefits.white div.section-title .title {
    color: #010516
}

section.bank-benefits.white div.section-title .content {
    margin: 0
}

section.bank-benefits.white div.section-title .content:after {
    display: none
}

section.bank-benefits.white div.section-title .content:before {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 59%, .27)), color-stop(70%, hsla(0, 0%, 59%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 59%, .27), hsla(0, 0%, 59%, 0) 70%)
}

section.bank-benefits .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 8.75rem;
    row-gap: 5rem
}

@media(max-width:480px) {
    section.bank-benefits .cards {
        margin-bottom: 21.33rem;
        row-gap: 6.4rem
    }
}

section.bank-benefits .cards .wrapper {
    display: grid;
    gap: 5rem 1.5rem;
    grid-template-columns: repeat(2, 1fr)
}

@media(max-width:480px) {
    section.bank-benefits .cards .wrapper {
        grid-template-columns: 1fr
    }
}

section.bank-benefits .cards .wrapper .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #f0f0f1;
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding-top: 2.5rem;
    position: relative;
    z-index: 1
}

@media(max-width:480px) {
    section.bank-benefits .cards .wrapper .item {
        border-radius: 2.13333rem;
        padding-top: 5.33rem
    }
}

section.bank-benefits .cards .wrapper .item .lavalamp {
    --lava-color-second: #fff;
    --lava-color-fourth: #fff;
    bottom: -8rem;
    height: 30rem;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    z-index: -1
}

@media(max-width:480px) {
    section.bank-benefits .cards .wrapper .item .lavalamp {
        --lava-blur: 14rem;
        height: 75rem
    }
}

section.bank-benefits .cards .wrapper .item .title {
    color: #010516;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    padding: 0 2.5rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.bank-benefits .cards .wrapper .item .title {
        font-size: 6.4rem;
        line-height: 132%;
        margin-bottom: 4.26667rem;
        padding: 0 5rem
    }
}

section.bank-benefits .cards .wrapper .item .subtitle {
    color: #5a5d68;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    margin-bottom: 2.5rem;
    padding: 0 2.5rem
}

@media(max-width:480px) {
    section.bank-benefits .cards .wrapper .item .subtitle {
        font-size: 4.26667rem;
        line-height: 148%;
        margin-bottom: 8.53rem;
        padding: 0 5rem
    }
}

section.bank-benefits .cards .wrapper .item .img-frame {
    height: 34.65rem;
    margin-top: auto;
    width: 100%
}

section.bank-benefits .cards .wrapper .item .img-frame:has(video) {
    height: 44.3rem;
    margin-bottom: -.5rem;
    margin-top: -6rem;
    z-index: -1
}

@media(max-width:480px) {
    section.bank-benefits .cards .wrapper .item .img-frame {
        height: 68.6rem
    }

    section.bank-benefits .cards .wrapper .item .img-frame:has(video) {
        height: 86.3rem;
        margin-top: -15rem
    }
}

section.bank-benefits .cards .wrapper .item .img-frame>img {
    -o-object-fit: cover;
    object-fit: cover
}

section.bank-benefits .cards .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

@media(max-width:480px) {
    section.bank-benefits .cards .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }
}

section.bank-benefits .cards .header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/3;
    justify-content: space-between;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.bank-benefits .cards .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column: auto;
        margin-top: 10.67rem;
        row-gap: 4.27rem
    }
}

section.bank-benefits .cards .header h2 {
    color: #010516;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    text-transform: lowercase;
    width: 33.25rem
}

@media(max-width:480px) {
    section.bank-benefits .cards .header h2 {
        font-size: 6.4rem;
        line-height: 132%;
        width: 100%
    }
}

section.bank-benefits .cards .header p {
    color: #5a5d68;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    width: 43.5rem
}

@media(max-width:480px) {
    section.bank-benefits .cards .header p {
        font-size: 4.26667rem;
        width: 100%
    }
}

section.bank-benefits .spline-viewer {
    height: 100%;
    width: 100%
}

@media(max-width:480px) {
    section.bank-benefits .spline-viewer {
        height: 115rem;
        margin-left: -5rem;
        margin-top: -20rem;
        width: 100rem
    }
}

#partnership {
    margin-bottom: 5rem
}

@media(max-width:480px) {
    #partnership {
        margin-bottom: 10.67rem
    }
}

#verification {
    margin-bottom: 5rem;
    margin-top: 8.75rem
}

@media(max-width:480px) {
    #verification {
        margin-bottom: 10.67rem;
        margin-top: 21.33rem
    }
}

section.security-hero {
    min-height: 100vh;
    position: relative
}

section.security-hero .lavalamp:first-of-type {
    height: 40rem;
    left: -20rem;
    position: absolute;
    top: -20rem;
    width: 40rem;
    z-index: -1
}

@media(max-width:480px) {
    section.security-hero .lavalamp:first-of-type {
        --lava-blur: 14rem;
        display: block;
        height: 105rem;
        left: -35rem;
        overflow: hidden;
        top: -3rem;
        width: 105rem
    }
}

section.security-hero .lavalamp {
    height: 30rem;
    left: auto;
    position: absolute;
    right: 0;
    top: -20rem;
    width: 28rem
}

section.security-hero .lavalamp svg {
    -webkit-transform: translateX(8rem);
    transform: translateX(8rem)
}

@media(max-width:480px) {
    section.security-hero .lavalamp {
        display: none
    }
}

section.security-hero .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-height: inherit
}

section.security-hero .content .wave3d {
    bottom: 0;
    left: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(84%, #000), to(hsla(0, 0%, 100%, 0)));
    -webkit-mask: linear-gradient(180deg, #000 84%, hsla(0, 0%, 100%, 0));
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(84%, #000), to(hsla(0, 0%, 100%, 0)));
    mask: linear-gradient(180deg, #000 84%, hsla(0, 0%, 100%, 0));
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media(max-width:480px) {
    section.security-hero .content .wave3d {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    section.security-hero .content .wave3d canvas {
        pointer-events: none;
        width: 100% !important
    }
}

section.security-hero .content .texts {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.5rem;
    width: 43.5rem
}

@media(max-width:480px) {
    section.security-hero .content .texts {
        row-gap: 4.27rem;
        width: 91.46667rem
    }
}

section.security-hero .content .texts h1,
section.security-hero .content .texts h1>b {
    color: #fff;
    font-family: Infynyte;
    font-size: 6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 88%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {

    section.security-hero .content .texts h1,
    section.security-hero .content .texts h1>b {
        font-size: 13.86667rem;
        line-height: 94%
    }
}

section.security-hero .content .texts h1 b,
section.security-hero .content .texts h1>b b {
    color: #0cc2ff
}

section.security-hero .content .texts .subtitle {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.security-hero .content .texts .subtitle {
        font-size: 6.4rem
    }
}

section.security-hero .content .texts .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    text-align: center
}

@media(max-width:480px) {
    section.security-hero .content .texts .text {
        font-size: 4.26667rem;
        line-height: 125%;
        margin-top: 4.26rem
    }
}

section.defi-use-token {
    padding-bottom: 8.75rem;
    padding-top: 5rem
}

@media(max-width:480px) {
    section.defi-use-token {
        padding-bottom: 25rem;
        padding-top: 7.5rem
    }
}

section.defi-use-token .content {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 28.5rem
}

@media(max-width:480px) {
    section.defi-use-token .content {
        grid-template-columns: 1fr;
        row-gap: 5rem
    }
}

section.defi-use-token .content .wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

section.defi-use-token .content .wrapper:after {
    background: #6222f6;
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(6px);
    filter: blur(6px);
    height: .625rem;
    left: 50%;
    opacity: .4;
    position: absolute;
    top: -.3125rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    z-index: 1
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper:after {
        height: 2.625rem;
        top: -1.3125rem
    }
}

section.defi-use-token .content .wrapper:before {
    -webkit-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
    background: #6222f6;
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(6px);
    filter: blur(6px);
    height: .625rem;
    left: 50%;
    position: absolute;
    top: -.3125rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    z-index: 2
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper:before {
        height: 2.625rem;
        top: -1.3125rem
    }

    section.defi-use-token .content .wrapper:first-child .card {
        padding-bottom: 66rem
    }
}

section.defi-use-token .content .wrapper:first-child .card .img-frame {
    bottom: -8rem;
    height: 32.5rem;
    position: absolute;
    right: -6rem;
    width: 32.5rem;
    z-index: -1
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper:first-child .card .img-frame {
        bottom: -20rem;
        height: 93.6rem;
        right: 0;
        width: 93.6rem
    }
}

section.defi-use-token .content .wrapper:first-child .card ol,
section.defi-use-token .content .wrapper:first-child .card ul {
    max-width: 30rem
}

@media(max-width:480px) {

    section.defi-use-token .content .wrapper:first-child .card ol,
    section.defi-use-token .content .wrapper:first-child .card ul {
        max-width: 100%
    }
}

section.defi-use-token .content .wrapper:first-child .card:after {
    bottom: -10rem;
    right: -8rem
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper:first-child .card:after {
        bottom: -32rem;
        height: 130rem;
        right: -41rem;
        width: 130rem
    }
}

section.defi-use-token .content .wrapper:last-child .card:after {
    height: 53rem;
    right: -13rem;
    top: -10rem;
    width: 50rem
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper:last-child .card:after {
        bottom: -45rem;
        height: 130rem;
        right: -38rem;
        top: auto;
        width: 130rem
    }
}

section.defi-use-token .content .wrapper .card {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    flex-grow: 1;
    overflow: hidden;
    padding: 2rem 2rem 3.7rem;
    position: relative;
    z-index: 1
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper .card {
        border-radius: 3.75rem;
        padding: 5rem
    }

    section.defi-use-token .content .wrapper .card ol {
        padding-left: 5rem
    }
}

section.defi-use-token .content .wrapper .card:after {
    background-image: url(../images/bg-grad.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 43rem;
    position: absolute;
    width: 43rem;
    z-index: -2
}

section.defi-use-token .content .wrapper .card .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    margin-bottom: 2rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper .card .title {
        font-size: 7.5rem;
        margin-bottom: 7.5rem
    }
}

section.defi-use-token .content .wrapper .card p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 1.5rem
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper .card p {
        font-size: 4.375rem;
        line-height: 6.25rem;
        margin-top: 3.75rem
    }
}

section.defi-use-token .content .wrapper .card ol,
section.defi-use-token .content .wrapper .card ul {
    --bullet-color: hsla(0, 0%, 100%, .75);
    margin-top: 1.5rem
}

@media(max-width:480px) {

    section.defi-use-token .content .wrapper .card ol,
    section.defi-use-token .content .wrapper .card ul {
        margin-top: 3.75rem
    }
}

section.defi-use-token .content .wrapper .card ol ol,
section.defi-use-token .content .wrapper .card ol ul,
section.defi-use-token .content .wrapper .card ul ol,
section.defi-use-token .content .wrapper .card ul ul {
    margin-top: 0
}

section.defi-use-token .content .wrapper .card ol li,
section.defi-use-token .content .wrapper .card ul li {
    color: hsla(0, 0%, 100%, .75);
    font-size: 1.25rem;
    line-height: 1.25rem
}

@media(max-width:480px) {

    section.defi-use-token .content .wrapper .card ol li,
    section.defi-use-token .content .wrapper .card ul li {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

section.defi-use-token .content .wrapper .card ol li a,
section.defi-use-token .content .wrapper .card ul li a {
    color: #6222f6
}

section.defi-use-token .content .wrapper .card .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    margin-top: 1.5rem
}

@media(max-width:480px) {
    section.defi-use-token .content .wrapper .card .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem;
        margin-top: 7.5rem
    }

    section.defi-use-token .content .wrapper .card .btns a {
        font-size: 5.3rem;
        padding: 1.25rem 4rem 2.5rem
    }
}

section.defi-use-token .content .wrapper .card .btns a:not([data-disabled]) {
    background: #6222f6
}

section.defi-use-token.small-img .content .wrapper:first-child .card .img-frame {
    bottom: -10rem;
    height: 31.25rem;
    right: -8rem;
    width: 31.25rem
}

@media(max-width:480px) {
    section.defi-use-token.small-img .content .wrapper:first-child .card .img-frame {
        bottom: -27rem;
        height: 93.6rem;
        right: -2rem;
        width: 93.6rem
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2)
    }
}

section.crypto-payment {
    margin-bottom: 8.75rem;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.crypto-payment {
        margin-bottom: 21.33rem;
        margin-top: 10.67rem
    }
}

section.crypto-payment .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-column-gap: 7.2rem;
    -moz-column-gap: 7.2rem;
    column-gap: 7.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media(max-width:480px) {
    section.crypto-payment .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 10.67rem
    }
}

section.crypto-payment .content .lavalamp {
    height: 42rem;
    position: absolute;
    right: 0;
    top: -1rem;
    width: 42rem;
    z-index: -1
}

@media(max-width:480px) {
    section.crypto-payment .content .lavalamp {
        --lava-blur: 14rem;
        height: 100rem;
        overflow: hidden;
        top: -3rem;
        width: 100rem
    }
}

section.crypto-payment .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

section.crypto-payment .content .data .text {
    max-width: 33.25rem
}

@media(max-width:480px) {
    section.crypto-payment .content .data .text {
        max-width: 100%
    }
}

section.crypto-payment .content .data .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.crypto-payment .content .data .title {
        font-size: 6.4rem;
        line-height: 132%;
        margin-bottom: 4.26667rem
    }
}

section.crypto-payment .content .data .subtitle {
    color: hsla(0, 0%, 100%, .8);
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%
}

@media(max-width:480px) {
    section.crypto-payment .content .data .subtitle {
        font-size: 4.26667rem;
        line-height: 148%
    }
}

section.crypto-payment .content .data .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.crypto-payment .content .data .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem
    }
}

section.crypto-payment .content .data .btns .btn-line {
    margin-top: 2.5rem
}

@media(max-width:480px) {
    section.crypto-payment .content .data .btns .btn-line {
        margin-top: 8.53rem
    }
}

section.crypto-payment .content .img-frame {
    height: 35.25rem;
    width: 46.75rem
}

@media(max-width:480px) {
    section.crypto-payment .content .img-frame {
        height: 68.26667rem;
        width: 91.46667rem
    }

    section.crypto-payment .content .img-frame img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

section.last-news-ajax {
    margin-bottom: 4rem;
    margin-top: 4rem
}

@media(max-width:480px) {
    section.last-news-ajax {
        margin-bottom: 10rem
    }
}

section.last-news-ajax .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.last-news-ajax .content {
        gap: 4.27rem
    }
}

section.last-news-ajax .content>.line {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0;
    max-height: var(--data-overflow-h, none);
    opacity: 1;
    position: relative;
    -webkit-transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    will-change: max-height, opacity, margin-top
}

@media(max-width:480px) {
    section.last-news-ajax .content>.line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4.27rem;
        justify-content: flex-start
    }

    section.last-news-ajax .content>.line .news-item {
        width: unset
    }
}

section.last-news-ajax .content>.line.hide-item {
    margin-top: -1.5rem;
    max-height: 0;
    opacity: 0
}

@media(max-width:480px) {
    section.last-news-ajax .content>.line.hide-item {
        margin-top: -4.27rem
    }
}

section.last-news-ajax>.btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 4rem
}

section.last-news-ajax>.btns:has(.ready) {
    margin-top: -4rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: margin .3s linear .2s, opacity .5s ease;
    transition: margin .3s linear .2s, opacity .5s ease
}

section.last-news-ajax>.btns:has(.ready) .btn-sm {
    pointer-events: none
}

section.vacancies-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

@media(max-width:480px) {
    section.vacancies-head {
        min-height: calc(97vh - 25rem);
        padding-top: 25rem
    }
}

section.vacancies-head .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center
}

@media(max-width:480px) {
    section.vacancies-head .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-pack: distribute;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: space-around
    }
}

section.vacancies-head .content .btn-sm,
section.vacancies-head .content .btns {
    -ms-flex-item-align: center;
    align-self: center
}

section.vacancies-head .content .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
    justify-content: center
}

@media(max-width:480px) {
    section.vacancies-head .content .btns {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -ms-flex-item-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: stretch;
        align-self: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem
    }

    section.vacancies-head .content .btns .btn-sm {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

section.vacancies-head .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 32.01081rem;
    justify-content: flex-end;
    position: relative
}

@media(max-width:480px) {
    section.vacancies-head .content .bg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: unset;
        pointer-events: none
    }
}

@media(min-width:480px) {
    section.vacancies-head .content .bg .frame {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem);
        z-index: -1
    }
}

@media(max-width:480px) {
    section.vacancies-head .content .bg .frame {
        display: inline-block;
        height: 70rem
    }
}

section.vacancies-head .content .bg .frame canvas {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media(min-width:480px) {
    section.vacancies-head .content .bg .frame canvas {
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }
}

section.vacancies-head .content .bg .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    pointer-events: none;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.vacancies-head .content .bg .title {
        font-size: 8.125rem;
        text-align: left
    }
}

section.vacancies-head .content .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.vacancies-head .content .text {
        gap: 5rem
    }
}

section.vacancies-head .content p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.vacancies-head .content p {
        font-size: 5rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.vacancies-head .content .scroll {
    -ms-flex-item-align: center;
    align-self: center;
    display: inline-block;
    position: relative
}

section.vacancies-head .content .scroll>div {
    display: inline-block;
    height: 4.5rem;
    pointer-events: none;
    width: 4.5rem
}

@media(max-width:480px) {
    section.vacancies-head .content .scroll>div {
        height: 15rem;
        width: 15rem
    }
}

section.vacancies-head .content .scroll>div:after,
section.vacancies-head .content .scroll>div:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

section.vacancies-head .content .scroll>div:after {
    background-image: url(../images/scroll_hover.svg);
    opacity: 0
}

@media(max-width:480px) {
    section.vacancies-head .content .scroll>div:after {
        opacity: 1
    }
}

section.vacancies-head .content .scroll>div:before {
    background-image: url(../images/scroll.svg);
    opacity: 1
}

@media(max-width:480px) {
    section.vacancies-head .content .scroll>div:before {
        opacity: 0
    }
}

@media(min-width:480px) {
    section.vacancies-head .content .scroll:hover>div:after {
        opacity: 1
    }

    section.vacancies-head .content .scroll:hover>div:before {
        opacity: 0
    }
}

section.blockchain-evm {
    display: block;
    min-height: 300vh
}

@media(max-width:480px) {
    section.blockchain-evm {
        min-height: 350vh;
        padding-top: 25rem
    }
}

section.blockchain-evm .fix {
    height: calc(100vh - 7rem);
    left: 0;
    padding-top: 7rem;
    position: sticky;
    top: 0
}

@media(max-width:480px) {
    section.blockchain-evm .fix {
        height: calc(100vh - 70rem);
        padding-bottom: 30rem;
        padding-top: 0;
        top: 30rem
    }
}

section.blockchain-evm .fix .cover,
section.blockchain-evm .fix .frame3d {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {

    section.blockchain-evm .fix .cover,
    section.blockchain-evm .fix .frame3d {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        top: -30rem
    }
}

section.blockchain-evm .fix .frame3d {
    -webkit-transform: scale(var(--zoom, 1));
    transform: scale(var(--zoom, 1))
}

@media(max-width:480px) {
    section.blockchain-evm .fix .frame3d {
        padding-top: 30rem
    }
}

section.blockchain-evm .fix .cover {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    z-index: -1
}

@media(max-width:480px) {
    section.blockchain-evm .fix .cover {
        bottom: 0
    }
}

section.blockchain-evm .fix .cover>.lavalamp {
    position: absolute;
    z-index: -1
}

section.blockchain-evm .fix .cover>.lavalamp:first-child {
    left: -4rem;
    top: -4rem
}

section.blockchain-evm .fix .cover>.lavalamp:nth-child(2) {
    right: -4rem;
    top: -4rem
}

section.blockchain-evm .fix .cover .bg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

section.blockchain-evm .fix .cover .bg:before {
    background: url(../images/bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 0;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: 10
}

@media(max-width:480px) {
    section.blockchain-evm .fix .cover .bg:before {
        background-size: 15rem 15rem;
        bottom: 0;
        top: 25rem
    }
}

section.blockchain-evm .fix .cover .scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    bottom: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.blockchain-evm .fix .cover .scroll {
        gap: 3.75rem
    }
}

section.blockchain-evm .fix .cover .scroll span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.blockchain-evm .fix .cover .scroll span {
        font-size: 3.75rem
    }
}

section.blockchain-evm .fix .cover .scroll svg {
    height: 1.25rem;
    width: 1.25rem
}

@media(max-width:480px) {
    section.blockchain-evm .fix .cover .scroll svg {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.blockchain-evm .fix .cover .scroll svg path {
    -webkit-animation: scroll-chain 2s ease-in-out 0s infinite;
    animation: scroll-chain 2s ease-in-out 0s infinite;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

section.blockchain-evm .fix .cover .scroll svg path:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

section.blockchain-evm .fix .cover .scroll:hover svg path {
    fill: #fff
}

section.blockchain-evm .fix .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    min-height: calc(100vh - 10rem);
    z-index: 100
}

@media(max-width:480px) {
    section.blockchain-evm .fix .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: flex-start;
        min-height: calc(100vh - 35rem)
    }
}

section.blockchain-evm .fix .content>.lavalamp {
    position: absolute;
    z-index: -1
}

section.blockchain-evm .fix .content>.lavalamp:first-child {
    bottom: -4rem;
    left: -4rem
}

section.blockchain-evm .fix .content>.lavalamp:nth-child(2) {
    bottom: -4rem;
    right: -4rem
}

section.blockchain-evm .fix .content .word {
    display: inline;
    white-space: nowrap
}

section.blockchain-evm .fix .content .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(.3rem) scale(.7);
    transform: translateX(.3rem) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.blockchain-evm .fix .content .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.blockchain-evm .fix .content .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(-.3rem) scale(.7);
    transform: translateX(-.3rem) scale(.7)
}

section.blockchain-evm .fix .content>.btn-sm {
    -ms-flex-item-align: center;
    align-self: center
}

section.blockchain-evm .fix .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    position: relative
}

@media(max-width:480px) {
    section.blockchain-evm .fix .content .bg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: unset;
        justify-content: space-between;
        padding-bottom: 20rem;
        pointer-events: none
    }
}

section.blockchain-evm .fix .content .bg .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

section.blockchain-evm .fix .content .bg .text>div {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    max-width: 43.75rem;
    text-align: center
}

@media(max-width:480px) {
    section.blockchain-evm .fix .content .bg .text>div {
        font-size: 5rem;
        max-width: unset
    }
}

section.blockchain-evm .fix .content .bg .text.top-left {
    left: 0;
    top: 0;
    -webkit-transform: unset;
    transform: unset
}

section.blockchain-evm .fix .content .bg .text.top-left>div {
    max-width: 31.25rem;
    text-align: left
}

section.blockchain-evm .fix .content .bg .text.bottom-rigth {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 1rem;
    justify-content: flex-start;
    left: 0;
    right: 0;
    top: unset;
    -webkit-transform: unset;
    transform: unset
}

section.blockchain-evm .fix .content .bg .text.bottom-rigth>div {
    font-size: 1rem;
    line-height: 1.25rem;
    max-width: unset;
    text-align: left
}

section.blockchain-evm .fix .content .bg .text.bottom-rigth>div * {
    color: #c0c1c5;
    font-size: 1rem
}

section.blockchain-evm .fix .content .bg .items {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.blockchain-evm .fix .content .bg .items .frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .72rem;
    min-width: 17rem;
    padding: 1.69rem 2rem;
    position: absolute;
    width: 15rem
}

section.blockchain-evm .fix .content .bg .items .frame>img {
    height: 2rem;
    width: auto
}

section.blockchain-evm .fix .content .bg .items .frame>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

section.blockchain-evm .fix .content .bg .items .frame p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-align: center
}

section.blockchain-evm .fix .content .bg .items .frame:after,
section.blockchain-evm .fix .content .bg .items .frame:before {
    content: "";
    display: block;
    height: 6.5625rem;
    position: absolute;
    width: 6.5625rem
}

section.blockchain-evm .fix .content .bg .items .frame:before {
    background: url(../images/decor-angle-tl.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0
}

section.blockchain-evm .fix .content .bg .items .frame:after {
    background: url(../images/decor-angle-br.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0
}

section.blockchain-evm .fix .content .bg .items .frame:first-child {
    left: 0
}

section.blockchain-evm .fix .content .bg .items .frame:first-child,
section.blockchain-evm .fix .content .bg .items .frame:nth-child(2) {
    opacity: var(--line-1-opacity, 0);
    top: 7rem;
    -webkit-transform: translateY(var(--line-1, 0)) scale(var(--line-1-scale, 1));
    transform: translateY(var(--line-1, 0)) scale(var(--line-1-scale, 1))
}

section.blockchain-evm .fix .content .bg .items .frame:nth-child(2) {
    right: 0
}

section.blockchain-evm .fix .content .bg .items .frame:nth-child(3) {
    bottom: 5rem;
    left: 50%;
    opacity: var(--line-3-opacity, 0);
    -webkit-transform: translate(-50%, var(--line-3, 0)) scale(var(--line-3-scale, 1));
    transform: translate(-50%, var(--line-3, 0)) scale(var(--line-3-scale, 1))
}

section.blockchain-evm-mobile {
    padding-bottom: 10rem;
    padding-top: 10rem
}

section.blockchain-evm-mobile .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 95vh
}

section.blockchain-evm-mobile .top>.lavalamp {
    position: absolute;
    z-index: -1
}

section.blockchain-evm-mobile .top>.lavalamp:first-child {
    --lava-blur: 14rem;
    height: 50rem;
    left: -10rem;
    top: 10rem;
    width: 68rem
}

section.blockchain-evm-mobile .top>.lavalamp:nth-child(2) {
    --lava-blur: 14rem;
    bottom: 0;
    height: 48rem;
    right: 0;
    width: 60rem
}

section.blockchain-evm-mobile .top:before {
    background: url(../images/bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 0;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: 10
}

@media(max-width:480px) {
    section.blockchain-evm-mobile .top:before {
        background-size: 15rem 15rem;
        bottom: 0;
        top: 25rem
    }
}

section.blockchain-evm-mobile .top .img-frame {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 60rem
}

section.blockchain-evm-mobile .top .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-align: center
}

section.blockchain-evm-mobile .top .scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    bottom: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.blockchain-evm-mobile .top .scroll {
        gap: 3.75rem
    }
}

section.blockchain-evm-mobile .top .scroll span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.blockchain-evm-mobile .top .scroll span {
        font-size: 3.75rem
    }
}

section.blockchain-evm-mobile .top .scroll svg {
    height: 1.25rem;
    width: 1.25rem
}

@media(max-width:480px) {
    section.blockchain-evm-mobile .top .scroll svg {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.blockchain-evm-mobile .top .scroll svg path {
    -webkit-animation: scroll-chain 2s ease-in-out 0s infinite;
    animation: scroll-chain 2s ease-in-out 0s infinite;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

section.blockchain-evm-mobile .top .scroll svg path:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

section.blockchain-evm-mobile .top .scroll:hover svg path {
    fill: #fff
}

section.blockchain-evm-mobile>.list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start;
    padding-top: 15rem
}

section.blockchain-evm-mobile>.list>.title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5.625rem
}

section.blockchain-evm-mobile>.list>.text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem
}

section.blockchain-evm-mobile>.list .frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    margin: 0 -3.75rem;
    padding: 7rem 7.5rem;
    position: relative
}

section.blockchain-evm-mobile>.list .frame>img {
    height: 7.5rem;
    width: auto
}

section.blockchain-evm-mobile>.list .frame>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

section.blockchain-evm-mobile>.list .frame>p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem;
    text-align: center
}

section.blockchain-evm-mobile>.list .frame:after,
section.blockchain-evm-mobile>.list .frame:before {
    content: "";
    display: block;
    height: 32.8125rem;
    position: absolute;
    width: 32.8125rem
}

section.blockchain-evm-mobile>.list .frame:before {
    background: url(../images/decor-angle-tl.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0
}

section.blockchain-evm-mobile>.list .frame:after {
    background: url(../images/decor-angle-br.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0
}

@media(min-width:480px) {
    section.report-download {
        padding: 4rem 24.25rem 0
    }
}

@media(max-width:480px) {
    section.report-download {
        margin-bottom: 10rem
    }
}

section.report-download .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .051) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    height: 17.125rem;
    justify-content: center;
    padding: 0 19rem 0 4.44rem;
    position: relative
}

@media(max-width:480px) {
    section.report-download .content {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border-radius: 3.75rem;
        gap: 7.5rem;
        height: unset;
        padding: 89rem 5rem 5rem
    }
}

section.report-download .content:before {
    background: url(../images/report.png) no-repeat 100%;
    background-size: cover;
    bottom: .44rem;
    content: "";
    position: absolute;
    right: .44rem;
    top: .44rem;
    width: 17.01988rem
}

@media(max-width:480px) {
    section.report-download .content:before {
        background-image: url(../images/report-m.png);
        bottom: unset;
        height: 82.98187rem;
        left: 1.87rem;
        right: 1.87rem;
        top: 1.87rem;
        width: unset
    }
}

section.report-download .content .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.report-download .content .title {
        font-size: 10rem
    }
}

section.media-kit-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 40.5rem
}

@media(max-width:480px) {
    section.media-kit-title {
        margin-bottom: 20rem;
        min-height: unset
    }
}

section.media-kit-title:after,
section.media-kit-title:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute
}

section.media-kit-title:before {
    background-image: url(../images/bg-left.png);
    background-position: 0 0;
    height: 40.25rem;
    left: 0;
    top: 0;
    width: 40.43rem
}

@media(max-width:480px) {
    section.media-kit-title:before {
        display: none
    }
}

section.media-kit-title:after {
    background-image: url(../images/bg-right.png);
    background-position: 100% 0;
    height: 50.25rem;
    right: 0;
    top: 0;
    width: 50.43rem
}

@media(max-width:480px) {
    section.media-kit-title:after {
        background-image: url(../images/bg-mob.png);
        height: 90.25rem;
        width: 90.43rem
    }
}

section.media-kit-title .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 3rem;
    justify-content: center;
    position: relative
}

@media(max-width:480px) {
    section.media-kit-title .content {
        gap: 7.5rem;
        padding-top: 70.31rem
    }
}

section.media-kit-title .content:before {
    background: url(../images/title-img.png) 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 34.625rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 34.625rem
}

@media(max-width:480px) {
    section.media-kit-title .content:before {
        height: 60.625rem;
        left: 50%;
        right: unset;
        top: 15rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 60.625rem
    }
}

section.media-kit-title .content>* {
    max-width: 42.7rem
}

@media(max-width:480px) {
    section.media-kit-title .content>* {
        max-width: unset
    }
}

section.media-kit-title .content .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .502);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.media-kit-title .content .title {
        font-size: 10rem;
        line-height: 94%
    }
}

section.media-kit-title .content .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.media-kit-title .content .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    section.media-kit-title .content .btn-sm {
        font-size: 5.625rem;
        line-height: 98%
    }
}

section.media-kit-title .content .descr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: center
}

@media(max-width:480px) {
    section.media-kit-title .content .descr {
        gap: 7.5rem
    }
}

section.media-kit-title .content .descr>span {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.media-kit-title .content .descr>span {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.media-kit-title .content .descr>p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    section.media-kit-title .content .descr>p {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

@media(min-width:480px) {
    section.blog-item-state {
        padding: 0 24.25rem
    }
}

@media(max-width:480px) {
    section.blog-item-state {
        margin-bottom: 10rem
    }
}

section.blog-item-state .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-left: none;
    border-right: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 2rem 0
}

@media(max-width:480px) {
    section.blog-item-state .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        padding-bottom: 7.5rem;
        padding-top: 7.5rem
    }
}

section.blog-item-state .content .state {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blog-item-state .content .state {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 0 3rem 7.5rem
    }
}

section.blog-item-state .content .state .downloads,
section.blog-item-state .content .state .likes,
section.blog-item-state .content .state .views {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    gap: .5rem;
    justify-content: flex-start;
    line-height: 98%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {

    section.blog-item-state .content .state .downloads,
    section.blog-item-state .content .state .likes,
    section.blog-item-state .content .state .views {
        font-size: 5rem;
        gap: 1.5rem;
        line-height: 6.25rem
    }
}

section.blog-item-state .content .state .downloads:before,
section.blog-item-state .content .state .likes:before,
section.blog-item-state .content .state .views:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1.3rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 95%;
    mask-size: 95%;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: 1.3rem
}

@media(max-width:480px) {

    section.blog-item-state .content .state .downloads:before,
    section.blog-item-state .content .state .likes:before,
    section.blog-item-state .content .state .views:before {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.blog-item-state .content .state .likes:before {
    -webkit-mask-image: url(../images/like.svg);
    mask-image: url(../images/like.svg)
}

section.blog-item-state .content .state .likes:has(.pld-undo-trigger):before {
    background-color: #0cc2ff
}

section.blog-item-state .content .state .views:before {
    -webkit-mask-image: url(../images/views.svg);
    mask-image: url(../images/views.svg)
}

section.blog-item-state .content .state .downloads:before {
    -webkit-mask-image: url(../images/download.svg);
    mask-image: url(../images/download.svg)
}

section.blog-item-state .content .state .btn-sm * {
    pointer-events: none
}

section.blog-item-state .content .state .btn-sm .pld-like-dislike-wrap {
    margin-bottom: 0
}

section.blog-item-state .content .state .btn-sm .pld-like-dislike-wrap .pld-common-wrap {
    margin-right: 0;
    min-width: 0
}

section.blog-item-state .content .state .btn-sm .pld-like-dislike-wrap .fas,
section.blog-item-state .content .state .btn-sm .pld-like-dislike-wrap .pld-count-wrap {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(max-width:480px) {

    section.blog-item-state .content .state .btn-sm .pld-like-dislike-wrap .fas,
    section.blog-item-state .content .state .btn-sm .pld-like-dislike-wrap .pld-count-wrap {
        font-size: 7.5rem
    }
}

section.blog-item-state .content .state .btn-sm:hover .likes {
    color: #0cc2ff
}

section.blog-item-state .content .state .btn-sm:hover .likes:before {
    background-color: #0cc2ff
}

section.blog-item-state .content .state .btn-sm:hover .pld-like-dislike-wrap .fas,
section.blog-item-state .content .state .btn-sm:hover .pld-like-dislike-wrap .pld-count-wrap {
    color: #0cc2ff
}

section.blog-item-state .content .share {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-end
}

@media(max-width:480px) {
    section.blog-item-state .content .share {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3.75rem;
        justify-content: flex-start
    }
}

section.blog-item-state .content .share:before {
    background: url(../images/share-forward-fill.svg) no-repeat 50%;
    background-size: 79%;
    content: "";
    display: inline-block;
    height: 3rem;
    width: 3rem
}

@media(max-width:480px) {
    section.blog-item-state .content .share:before {
        display: none
    }
}

section.blog-item-state .content .share .sub-title {
    -ms-flex-preferred-size: 90%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #fff;
    display: inline-block;
    flex-basis: 90%;
    flex-grow: 1;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.25rem
}

section.blog-item-state .content .share>a,
section.blog-item-state .content .share>span {
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .375rem;
    cursor: pointer;
    display: inline-block;
    height: 3rem;
    outline: none;
    overflow: hidden;
    position: relative;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 3rem
}

@media(max-width:480px) {

    section.blog-item-state .content .share>a,
    section.blog-item-state .content .share>span {
        border-radius: 1.875rem;
        border-width: .2rem;
        height: 11.25rem;
        width: 11.25rem
    }
}

section.blog-item-state .content .share>a:before,
section.blog-item-state .content .share>span:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask-image: var(--img, url("../images/share-forward-fill.svg"));
    mask-image: var(--img, url("../images/share-forward-fill.svg"));
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 79%;
    mask-size: 79%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

section.blog-item-state .content .share>a:hover,
section.blog-item-state .content .share>span:hover {
    border-color: #0cc2ff
}

section.blog-item-state .content .share>a:hover:before,
section.blog-item-state .content .share>span:hover:before {
    background: #0cc2ff
}

section.blog-item-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    margin-bottom: 3rem;
    margin-top: 7rem
}

@media(max-width:480px) {
    section.blog-item-title {
        gap: 3.12rem;
        margin-bottom: 12rem;
        margin-top: 26.25rem
    }
}

section.blog-item-title .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    justify-content: center
}

@media(max-width:480px) {
    section.blog-item-title .tags {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2rem 1.5rem;
        justify-content: flex-start;
        padding-top: 5rem
    }
}

section.blog-item-title .tags>span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .251);
    border-radius: 2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 98%;
    padding: .5rem 1rem
}

@media(max-width:480px) {
    section.blog-item-title .tags>span {
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 4.375rem;
        padding: 1.5rem 3.75rem
    }
}

section.blog-item-title .top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 5rem
}

@media(max-width:480px) {
    section.blog-item-title .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

@media(min-width:480px) {
    section.blog-item-title .top>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%;
        flex-grow: 1
    }
}

section.blog-item-title .top .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: center
}

section.blog-item-title .top .title .category {
    color: #0cc2ff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.blog-item-title .top .title .category {
        font-size: 4.375rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.blog-item-title>.description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blog-item-title>.description {
        gap: 10rem
    }
}

@media(min-width:480px) {
    section.blog-item-title>.description {
        padding: 0 12.63rem
    }
}

section.blog-item-title>.description .title {
    color: #fff;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.blog-item-title>.description .title {
        color: #fff;
        font-size: 8.75rem;
        line-height: 10rem;
        text-align: left
    }
}

section.blog-item-title>.description .info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.blog-item-title>.description .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

section.blog-item-title>.description .info .post-params {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end
}

@media(max-width:480px) {
    section.blog-item-title>.description .info .post-params {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

section.blog-item-title>.description .info .post-params>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blog-item-title>.description .info .post-params>div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2rem 3rem
    }
}

section.blog-item-title>.description .info .post-params .date,
section.blog-item-title>.description .info .post-params .read-time,
section.blog-item-title>.description .info .post-params .total-comments {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.5rem;
    text-align: right
}

@media(max-width:480px) {

    section.blog-item-title>.description .info .post-params .date,
    section.blog-item-title>.description .info .post-params .read-time,
    section.blog-item-title>.description .info .post-params .total-comments {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        font-size: 3.125rem;
        justify-content: space-between;
        line-height: 6.25rem
    }
}

section.blog-item-title>.description .info .post-params .date:before,
section.blog-item-title>.description .info .post-params .read-time:before,
section.blog-item-title>.description .info .post-params .total-comments:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-right: .75rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1rem
}

@media(max-width:480px) {

    section.blog-item-title>.description .info .post-params .date:before,
    section.blog-item-title>.description .info .post-params .read-time:before,
    section.blog-item-title>.description .info .post-params .total-comments:before {
        height: 5rem;
        width: 5rem
    }
}

section.blog-item-title>.description .info .post-params .date:before {
    -webkit-mask-image: url(../images/calendar-fill.svg);
    mask-image: url(../images/calendar-fill.svg)
}

section.blog-item-title>.description .info .post-params .read-time:before {
    -webkit-mask-image: url(../images/time-fill.svg);
    mask-image: url(../images/time-fill.svg)
}

section.blog-item-title>.description .info .post-params .total-comments:before {
    -webkit-mask-image: url(../images/comments.svg);
    mask-image: url(../images/comments.svg)
}

.blog-author {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    .blog-author {
        gap: 5rem
    }
}

.blog-author .img {
    -ms-flex-negative: 0;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: 50%;
    flex-shrink: 0;
    height: 5rem;
    overflow: hidden;
    width: 5rem
}

@media(max-width:480px) {
    .blog-author .img {
        height: 17.5rem;
        width: 17.5rem
    }
}

.blog-author .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.blog-author .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between
}

@media(max-width:480px) {
    .blog-author .text {
        gap: 2.5rem
    }
}

.blog-author .text a,
.blog-author .text span {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 98%
}

@media(max-width:480px) {

    .blog-author .text a,
    .blog-author .text span {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.blog-author .text a {
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.blog-author .text a:hover {
    color: #0cc2ff
}

.blog-author .text p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {
    .blog-author .text p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

a.blog-author .text span {
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

a.blog-author:hover .text span {
    color: #0cc2ff
}

section.blockchain-hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh
}

@media(max-width:480px) {
    section.blockchain-hero {
        min-height: unset
    }
}

section.blockchain-hero .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

@media(max-width:480px) {
    section.blockchain-hero .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.5rem;
        padding-top: 37rem
    }
}

section.blockchain-hero .content:before {
    background: url(../images/bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 0;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: -1
}

@media(max-width:480px) {
    section.blockchain-hero .content:before {
        background-size: 15rem 15rem;
        bottom: 0;
        top: 25rem
    }
}

section.blockchain-hero .content>.img-frame {
    height: 43.125rem;
    width: 43.125rem
}

@media(max-width:480px) {
    section.blockchain-hero .content>.img-frame {
        height: 87.5rem;
        width: unset
    }
    
    .img-frame video {
        margin-top: 0;
    }
}

section.blockchain-hero .content>.img-frame img,
section.blockchain-hero .content>.img-frame video {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.blockchain-hero .content>.img-frame:has(video) {
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(hsla(0, 0%, 100%, 0)));
    -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, hsla(0, 0%, 100%, 0));
    mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(hsla(0, 0%, 100%, 0)));
    mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, hsla(0, 0%, 100%, 0))
}

section.blockchain-hero .content>.img-frame:has(video) video {
    -webkit-mask: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(hsla(0, 0%, 100%, 0)));
    -webkit-mask: linear-gradient(0deg, transparent, #000 10%, #000 90%, hsla(0, 0%, 100%, 0));
    mask: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(10%, #000), color-stop(90%, #000), to(hsla(0, 0%, 100%, 0)));
    mask: linear-gradient(0deg, transparent, #000 10%, #000 90%, hsla(0, 0%, 100%, 0))
}

section.blockchain-hero .content .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: space-between;
    position: relative;
    width: 48rem
}

@media(max-width:480px) {
    section.blockchain-hero .content .data {
        gap: 7.5rem;
        width: unset
    }
}

section.blockchain-hero .content .data .word {
    display: inline;
    margin-right: .1rem;
    white-space: nowrap
}

@media(max-width:480px) {
    section.blockchain-hero .content .data .word {
        margin-right: 1rem
    }
}

section.blockchain-hero .content .data .title .char {
    color: #fff;
    font-family: Infynyte;
    font-size: 5.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blockchain-hero .content .data .title .char {
        font-size: 16.25rem;
        line-height: 94%
    }
}

section.blockchain-hero .content .data .title b .char {
    color: #24f6dd
}

section.blockchain-hero .content .data .text {
    padding-top: 2rem
}

@media(max-width:480px) {
    section.blockchain-hero .content .data .text {
        padding-top: 0
    }
}

section.blockchain-hero .content .data .text .char {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.45rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

@media(max-width:480px) {
    section.blockchain-hero .content .data .text .char {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.blockchain-hero .content .data .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blockchain-hero .content .data .btns {
        gap: 3.75rem
    }
}

section.blockchain-hero .content .data .btn-sm,
section.blockchain-hero .content .data .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(20%) scale(.7);
    transform: translateX(20%) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.blockchain-hero .content .data .btn-sm.show,
section.blockchain-hero .content .data .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.blockchain-hero .content .data .btn-sm.show.hide,
section.blockchain-hero .content .data .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(20%) scale(.7);
    transform: translateX(20%) scale(.7)
}

section.blockchain-hero.no-bg .content:before {
    display: none
}

section.security-scheme {
    margin-bottom: 8.75rem;
    margin-top: 5rem
}

@media(max-width:480px) {
    section.security-scheme {
        margin-bottom: 21.33rem;
        margin-top: 10.67rem
    }
}

section.security-scheme .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4.25rem;
    -moz-column-gap: 4.25rem;
    column-gap: 4.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media(max-width:480px) {
    section.security-scheme .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 19.73rem
    }
}

section.security-scheme .content .lavalamp {
    height: 44rem;
    opacity: .7;
    position: absolute;
    right: 2.5rem;
    top: 0;
    width: 44rem;
    z-index: -1
}

@media(max-width:480px) {
    section.security-scheme .content .lavalamp {
        --lava-blur: 14rem;
        bottom: 0;
        height: 124rem;
        top: auto;
        width: 90rem
    }
}

section.security-scheme .content .left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 33.25rem
}

@media(max-width:480px) {
    section.security-scheme .content .left {
        width: 100%
    }
}

section.security-scheme .content .left .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.security-scheme .content .left .title {
        font-size: 6.4rem;
        line-height: 132%;
        margin-bottom: 4.26667rem
    }
}

section.security-scheme .content .left .subtitle {
    color: hsla(0, 0%, 100%, .8);
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148%
}

@media(max-width:480px) {
    section.security-scheme .content .left .subtitle {
        color: #fff;
        font-size: 4.26667rem;
        line-height: 148%
    }
}

section.security-scheme .content .right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    position: relative
}

section.security-scheme .content .right .img-frame {
    height: 39.87494rem;
    width: 35.34963rem
}

@media(max-width:480px) {
    section.security-scheme .content .right .img-frame {
        height: 104.05653rem;
        width: 87.7136rem
    }
}

section.product-landings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 7rem;
    position: relative
}

section.product-landings>.pin {
    bottom: -5rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -12rem;
    z-index: 100
}

@media(max-width:480px) {
    section.product-landings>.pin {
        bottom: unset;
        left: unset;
        position: relative;
        right: unset;
        top: unset;
        z-index: unset
    }
}

section.product-landings>.pin>.filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: 5rem 0;
    pointer-events: none;
    position: sticky;
    top: max(var(--menu-global-pad, 0px), -4rem)
}

@media(max-width:480px) {
    section.product-landings>.pin>.filter {
        padding: 12.5rem 0;
        position: relative;
        top: unset
    }
}

section.product-landings>.pin>.filter>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    --icon-pad: .3rem;
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(1, 5, 22, .4);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .25rem;
    justify-content: flex-start;
    padding: .25rem;
    pointer-events: all
}

@media(max-width:480px) {
    section.product-landings>.pin>.filter>div {
        --icon-pad: 3.12rem;
        --icon-color: #464955;
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset;
        background: unset;
        border: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3rem;
        padding: 0
    }
}

section.product-landings>.pin>.filter>div a {
    --icon-color: #464955;
    border-radius: 2rem;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: .375rem 1rem
}

@media(max-width:480px) {
    section.product-landings>.pin>.filter>div a {
        background: #191a1e;
        border: 1px solid hsla(0, 0%, 100%, .15);
        border-radius: 10rem;
        font-size: 5rem;
        padding: 1.88rem 5rem
    }
}

section.product-landings>.pin>.filter>div a:hover {
    --icon-color: #0cc2ff;
    background: hsla(0, 0%, 100%, .2)
}

section.product-landings>.pin>.filter>div a.active {
    --icon-color: #0cc2ff;
    background: #fff;
    color: #000
}

section.product-landings>.content {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.75rem;
    justify-content: flex-start;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

@media(max-width:480px) {
    section.product-landings>.content {
        gap: 25rem
    }
}

section.product-landings>.content.data-reloading-action {
    opacity: 0;
    pointer-events: none
}

section.product-landings>.content.data-reloading-ready {
    opacity: 1
}

section.product-landings>.content>.group {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.product-landings>.content>.group {
        gap: 7.5rem
    }
}

section.product-landings>.content>.group>.title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.title {
        gap: 7.5rem
    }
}

section.product-landings>.content>.group>.title h2 {
    --icon-pad: 1rem;
    --icon-color: #0cc2ff;
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.title h2 {
        --icon-pad: 3.75rem;
        font-size: 7.5rem
    }
}

section.product-landings>.content>.group>.title .text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 58.5rem
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.title .text {
        font-size: 4.375rem;
        line-height: 6.25rem;
        max-width: unset
    }
}

section.product-landings>.content>.group>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .35rem;
    justify-content: center
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.btns {
        gap: 3.75rem
    }
}

section.product-landings>.content>.group>.btns:has(.ready) {
    display: none
}

section.product-landings>.content>.group>.items {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr)
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.items {
        gap: 5rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

section.product-landings>.content>.group>.items>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 1.5rem;
    position: relative
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.items>a {
        border-radius: 3.75rem;
        gap: 2.5rem;
        padding: 2.5rem 2.5rem 1.5rem
    }
}

section.product-landings>.content>.group>.items>a.hide {
    display: none
}

section.product-landings>.content>.group>.items>a>.img-frame {
    border-radius: .75rem;
    height: 9.5rem;
    overflow: hidden
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.items>a>.img-frame {
        border-radius: 3.75rem;
        height: 20.9375rem
    }
}

section.product-landings>.content>.group>.items>a>.img-frame img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.product-landings>.content>.group>.items>a>.text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    max-width: 15.5rem
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.items>a>.text {
        font-size: 4.375rem;
        line-height: 6.25rem;
        max-width: unset;
        text-align: center
    }
}

section.product-landings>.content>.group>.items>a>.decor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 50%;
    bottom: 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: 1.5rem;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.items>a>.decor {
        display: none;
        height: 10rem;
        -webkit-transform: translateY(1.2rem);
        transform: translateY(1.2rem);
        width: 10rem
    }
}

section.product-landings>.content>.group>.items>a>.decor:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .7rem;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    section.product-landings>.content>.group>.items>a>.decor:after {
        height: 3.7rem;
        width: 3.7rem
    }
}

section.product-landings>.content>.group>.items>a:hover .decor {
    background: #fff
}

section.product-landings>.content>.group>.items>a:hover .decor:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

section.media-kit-colors {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

section.media-kit-colors.data-reloading-action {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

section.media-kit-colors.data-reloading-ready {
    opacity: 1
}

section.media-kit-colors>.content {
    grid-gap: 1.2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 4rem
}

@media(max-width:480px) {
    section.media-kit-colors>.content {
        grid-gap: 3.75rem;
        grid-template-columns: repeat(1, 1fr);
        margin-top: 7.5rem
    }
}

section.media-kit-colors>.content>.item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 20%;
    align-items: stretch;
    background-color: var(--bg, #fff);
    border: .1rem solid hsla(0, 0%, 100%, .082);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 20%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1rem;
    justify-content: flex-end;
    overflow: hidden;
    padding: 1.5rem;
    position: relative
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        border-radius: 3.75rem;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 5rem;
        justify-content: flex-start;
        padding: 6.25rem
    }
}

section.media-kit-colors>.content>.item .color *,
section.media-kit-colors>.content>.item .copy-state,
section.media-kit-colors>.content>.item .copy-state *,
section.media-kit-colors>.content>.item .name {
    color: var(--font, #000)
}

section.media-kit-colors>.content>.item .img {
    background-color: var(--font, #000);
    display: inline-block;
    height: 6.0625rem;
    margin-bottom: 1rem;
    -webkit-mask: url(../images/test-b.svg) no-repeat center;
    mask: url(../images/test-b.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 5.875rem
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item .img {
        height: 19.375rem;
        width: 18.75rem
    }
}

section.media-kit-colors>.content>.item .color {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .44rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item .color {
        gap: 1.25rem
    }
}

section.media-kit-colors>.content>.item .color>div {
    font-family: Infynyte;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item .color>div {
        font-size: 4.375rem
    }
}

section.media-kit-colors>.content>.item .color>div>span {
    font-family: Chakra Petch, sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item .color>div>span {
        font-size: 4.375rem
    }
}

section.media-kit-colors>.content>.item .color .name {
    font-family: RaleGrotesk;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: .5rem;
    text-transform: none
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item .color .name {
        font-size: 6.25rem;
        font-weight: 500;
        line-height: 8.75rem
    }
}

section.media-kit-colors>.content>.item .copy {
    background-color: var(--font, #000);
    cursor: pointer;
    height: 1.5rem;
    -webkit-mask: url(../images/copy.svg) center no-repeat;
    mask: url(../images/copy.svg) center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 1.5rem;
    z-index: 10
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item .copy {
        height: 6.25rem;
        right: 1.88rem;
        top: 3.75rem;
        width: 6.25rem
    }
}

section.media-kit-colors>.content>.item .copy-state {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--bg, #fff);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    left: 0;
    line-height: 98%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

@media(max-width:480px) {
    section.media-kit-colors>.content>.item .copy-state {
        font-size: 7.5rem;
        line-height: 98%
    }
}

section.media-kit-colors>.content>.item .copy-state * {
    opacity: 0
}

@-webkit-keyframes color-copied {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes color-copied {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

section.media-kit-colors>.content>.item.action .copy-state {
    -webkit-animation: color-copied 2.5s ease forwards;
    animation: color-copied 2.5s ease forwards;
    pointer-events: all
}

section.media-kit-colors>.content>.item.action .copy-state * {
    -webkit-animation: color-copied 2.2s ease .3s forwards;
    animation: color-copied 2.2s ease .3s forwards
}

section.media-kit-notify {
    margin-bottom: 5rem
}

@media(max-width:480px) {
    section.media-kit-notify {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 21rem;
        margin-bottom: 23rem
    }
}

section.media-kit-notify.data-reloading-action {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

section.media-kit-notify.data-reloading-ready {
    opacity: 1
}

section.media-kit-notify .item .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 4rem
}

@media(max-width:480px) {
    section.media-kit-notify .item .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 7.5rem
    }
}

section.media-kit-notify .item .content .img {
    width: 44.22rem
}

@media(max-width:480px) {
    section.media-kit-notify .item .content .img {
        width: unset
    }
}

section.media-kit-notify .item .content .img img {
    height: auto;
    width: 100%
}

section.media-kit-notify .item .content .text {
    padding: 1.5rem 0;
    width: 36rem
}

@media(max-width:480px) {
    section.media-kit-notify .item .content .text {
        margin-top: 7.5rem;
        padding: 0;
        width: unset
    }
}

section.media-kit-notify .item .content .text p {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

@media(max-width:480px) {
    section.media-kit-notify .item .content .text p {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.media-kit-notify .item .content .text p a {
    color: #0cc2ff;
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

section.media-kit-notify .item .content .text p a:hover {
    color: #fff
}

section.author-item-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.5rem;
    justify-content: flex-start;
    margin-bottom: 3rem;
    margin-top: 7rem
}

@media(max-width:480px) {
    section.author-item-title {
        gap: 16rem;
        margin-bottom: 12rem;
        margin-top: 26.25rem
    }
}

section.author-item-title .top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 5rem
}

@media(max-width:480px) {
    section.author-item-title .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

@media(min-width:480px) {
    section.author-item-title .top>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%;
        flex-grow: 1
    }
}

section.author-item-title .subject {
    -ms-flex-item-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.author-item-title .subject {
        gap: 6.4rem
    }
}

section.author-item-title .subject .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.author-item-title .subject .txt {
        font-size: 4.8rem;
        gap: 3.2rem
    }
}

section.author-item-title .subject .txt .name {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

@media(max-width:480px) {
    section.author-item-title .subject .txt .name {
        font-size: 4.8rem
    }
}

section.author-item-title .subject .txt .position {
    color: #c1c2c6;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

@media(max-width:480px) {
    section.author-item-title .subject .txt .position {
        font-size: 4.26667rem
    }
}

section.author-item-title .subject .social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

section.author-item-title .subject .social a {
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .375rem;
    height: 3rem;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 3rem
}

@media(max-width:480px) {
    section.author-item-title .subject .social a {
        height: 8.53rem;
        width: 8.53rem
    }
}

section.author-item-title .subject .social a img {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

section.author-item-title .subject .social a:hover {
    border-color: #fff
}

section.author-item-title .video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 15.25rem;
    justify-content: flex-start;
    padding: 0 5rem;
    pointer-events: none;
    position: relative
}

@media(max-width:480px) {
    section.author-item-title .video {
        height: 70.4rem;
        padding: 0
    }
}

section.author-item-title .video video {
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: .75rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
    width: 100%
}

@media(max-width:480px) {
    section.author-item-title .video video {
        border: 0;
        border-radius: 0
    }
}

section.author-item-title .video .img-frame {
    -ms-flex-negative: 0;
    background: #010516;
    border: 1rem solid #010516;
    border-radius: .51863rem;
    flex-shrink: 0;
    height: 13.74531rem;
    left: 50%;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translate(-50%, 4rem);
    transform: translate(-50%, 4rem);
    width: 13.74531rem
}

@media(max-width:480px) {
    section.author-item-title .video .img-frame {
        border-radius: 2.25307rem;
        border-width: 2rem;
        height: 59.7128rem;
        -webkit-transform: translate(-50%, 17.9rem);
        transform: translate(-50%, 17.9rem);
        width: 59.7128rem
    }
}

section.author-item-title .video .img-frame img {
    border-radius: .31863rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

@media(max-width:480px) {
    section.author-item-title .video .img-frame img {
        border-radius: 1rem
    }
}

section.blockchain-cosmos {
    display: block;
    min-height: 300vh
}

@media(max-width:480px) {
    section.blockchain-cosmos {
        min-height: 350vh;
        padding-top: 25rem
    }
}

section.blockchain-cosmos .fix {
    height: calc(100vh - 7rem);
    left: 0;
    padding-top: 7rem;
    position: sticky;
    top: 0
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix {
        height: calc(100vh - 70rem);
        padding-bottom: 30rem;
        padding-top: 0;
        top: 30rem
    }
}

section.blockchain-cosmos .fix .cover,
section.blockchain-cosmos .fix .frame3d {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {

    section.blockchain-cosmos .fix .cover,
    section.blockchain-cosmos .fix .frame3d {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        top: -30rem
    }
}

section.blockchain-cosmos .fix .frame3d {
    -webkit-transform: scale(var(--zoom, 1));
    transform: scale(var(--zoom, 1))
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .frame3d {
        padding-top: 30rem
    }
}

section.blockchain-cosmos .fix .cover {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    z-index: -1
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .cover {
        bottom: 0
    }
}

section.blockchain-cosmos .fix .cover>.lavalamp {
    position: absolute;
    z-index: -1
}

section.blockchain-cosmos .fix .cover>.lavalamp:first-child {
    left: -4rem;
    top: -4rem
}

section.blockchain-cosmos .fix .cover>.lavalamp:nth-child(2) {
    right: -4rem;
    top: -4rem
}

section.blockchain-cosmos .fix .cover .bg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

section.blockchain-cosmos .fix .cover .bg:before {
    background: url(../images/bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 0;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: 10
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .cover .bg:before {
        background-size: 15rem 15rem;
        bottom: 0;
        top: 25rem
    }
}

section.blockchain-cosmos .fix .cover .scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    bottom: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .cover .scroll {
        gap: 3.75rem
    }
}

section.blockchain-cosmos .fix .cover .scroll span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .cover .scroll span {
        font-size: 3.75rem
    }
}

section.blockchain-cosmos .fix .cover .scroll svg {
    height: 1.25rem;
    width: 1.25rem
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .cover .scroll svg {
        height: 6.25rem;
        width: 6.25rem
    }
}

section.blockchain-cosmos .fix .cover .scroll svg path {
    -webkit-animation: scroll-chain 2s ease-in-out 0s infinite;
    animation: scroll-chain 2s ease-in-out 0s infinite;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

section.blockchain-cosmos .fix .cover .scroll svg path:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

section.blockchain-cosmos .fix .cover .scroll:hover svg path {
    fill: #fff
}

section.blockchain-cosmos .fix .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    min-height: calc(100vh - 10rem);
    z-index: 100
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        flex-grow: 1;
        gap: 7.5rem;
        justify-content: flex-start;
        min-height: calc(100vh - 35rem)
    }
}

section.blockchain-cosmos .fix .content>.lavalamp {
    position: absolute;
    z-index: -1
}

section.blockchain-cosmos .fix .content>.lavalamp:first-child {
    bottom: -4rem;
    left: -4rem
}

section.blockchain-cosmos .fix .content>.lavalamp:nth-child(2) {
    bottom: -4rem;
    right: -4rem
}

section.blockchain-cosmos .fix .content .word {
    display: inline;
    white-space: nowrap
}

section.blockchain-cosmos .fix .content .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(.3rem) scale(.7);
    transform: translateX(.3rem) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.blockchain-cosmos .fix .content .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.blockchain-cosmos .fix .content .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(-.3rem) scale(.7);
    transform: translateX(-.3rem) scale(.7)
}

section.blockchain-cosmos .fix .content>.btn-sm {
    -ms-flex-item-align: center;
    align-self: center
}

section.blockchain-cosmos .fix .content .bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    position: relative
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .content .bg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: unset;
        justify-content: space-between;
        padding-bottom: 20rem;
        pointer-events: none
    }
}

section.blockchain-cosmos .fix .content .bg .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

section.blockchain-cosmos .fix .content .bg .text>div {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    max-width: 43.75rem;
    text-align: center
}

@media(max-width:480px) {
    section.blockchain-cosmos .fix .content .bg .text>div {
        font-size: 5rem;
        max-width: unset
    }
}

section.blockchain-cosmos .fix .content .bg .text.top-left {
    left: 0;
    top: 0;
    -webkit-transform: unset;
    transform: unset
}

section.blockchain-cosmos .fix .content .bg .text.top-left>div {
    max-width: 31.25rem;
    text-align: left
}

section.blockchain-cosmos .fix .content .bg .text.bottom-rigth {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 1rem;
    justify-content: flex-start;
    left: 0;
    right: 0;
    top: unset;
    -webkit-transform: unset;
    transform: unset
}

section.blockchain-cosmos .fix .content .bg .text.bottom-rigth>div {
    font-size: 1rem;
    line-height: 1.25rem;
    max-width: unset;
    text-align: left
}

section.blockchain-cosmos .fix .content .bg .text.bottom-rigth>div * {
    color: #c0c1c5;
    font-size: 1rem
}

section.blockchain-cosmos .fix .content .bg .items {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.blockchain-cosmos .fix .content .bg .items .frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .72rem;
    min-width: 17rem;
    padding: 1.69rem 2rem;
    position: absolute;
    width: 15rem
}

section.blockchain-cosmos .fix .content .bg .items .frame>img {
    height: 2rem;
    width: auto
}

section.blockchain-cosmos .fix .content .bg .items .frame>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

section.blockchain-cosmos .fix .content .bg .items .frame p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-align: center
}

section.blockchain-cosmos .fix .content .bg .items .frame:after,
section.blockchain-cosmos .fix .content .bg .items .frame:before {
    content: "";
    display: block;
    height: 6.5625rem;
    position: absolute;
    width: 6.5625rem
}

section.blockchain-cosmos .fix .content .bg .items .frame:before {
    background: url(../images/decor-angle-tl.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0
}

section.blockchain-cosmos .fix .content .bg .items .frame:after {
    background: url(../images/decor-angle-br.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0
}

section.blockchain-cosmos .fix .content .bg .items .frame:first-child {
    left: 0
}

section.blockchain-cosmos .fix .content .bg .items .frame:first-child,
section.blockchain-cosmos .fix .content .bg .items .frame:nth-child(2) {
    opacity: var(--line-1-opacity, 0);
    top: 7rem;
    -webkit-transform: translateY(var(--line-1, 0)) scale(var(--line-1-scale, 1));
    transform: translateY(var(--line-1, 0)) scale(var(--line-1-scale, 1))
}

section.blockchain-cosmos .fix .content .bg .items .frame:nth-child(2) {
    right: 0
}

section.blockchain-cosmos .fix .content .bg .items .frame:nth-child(3) {
    left: 5rem
}

section.blockchain-cosmos .fix .content .bg .items .frame:nth-child(3),
section.blockchain-cosmos .fix .content .bg .items .frame:nth-child(4) {
    opacity: var(--line-2-opacity, 0);
    top: 50%;
    -webkit-transform: translateY(var(--line-2, 0)) scale(var(--line-2-scale, 1));
    transform: translateY(var(--line-2, 0)) scale(var(--line-2-scale, 1))
}

section.blockchain-cosmos .fix .content .bg .items .frame:nth-child(4) {
    right: 5rem
}

section.blockchain-cosmos .fix .content .bg .items .frame:nth-child(5) {
    bottom: 5rem;
    left: 50%;
    opacity: var(--line-3-opacity, 0);
    -webkit-transform: translate(-50%, var(--line-3, 0)) scale(var(--line-3-scale, 1));
    transform: translate(-50%, var(--line-3, 0)) scale(var(--line-3-scale, 1))
}

section.blockchain-cosmos .fix .content .bg .items.has-4 .frame:first-child,
section.blockchain-cosmos .fix .content .bg .items.has-4 .frame:nth-child(2) {
    top: 3rem
}

section.blockchain-cosmos .fix .content .bg .items.has-4 .frame:nth-child(3) {
    left: 0;
    top: 57%
}

section.blockchain-cosmos .fix .content .bg .items.has-4 .frame:nth-child(4) {
    right: 0;
    top: 57%
}

section.blockchain-cosmos .fix .content .bg:has(.items.has-4) .text.top-left {
    left: 50%;
    top: 0;
    -webkit-transform: unset;
    transform: unset;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

section.blockchain-cosmos .fix .content .bg:has(.items.has-4) .text.top-left>div {
    text-align: center;
    width: 47rem
}

section.blockchain-cosmos-mobile {
    padding-bottom: 10rem;
    padding-top: 10rem
}

section.blockchain-cosmos-mobile .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 95vh
}

section.blockchain-cosmos-mobile .top>.lavalamp {
    position: absolute;
    z-index: -1
}

section.blockchain-cosmos-mobile .top>.lavalamp:first-child {
    --lava-blur: 14rem;
    height: 50rem;
    left: -10rem;
    top: 10rem;
    width: 68rem
}

section.blockchain-cosmos-mobile .top>.lavalamp:nth-child(2) {
    --lava-blur: 14rem;
    bottom: 0;
    height: 48rem;
    right: 0;
    width: 60rem
}

section.blockchain-cosmos-mobile .top:before {
    background: url(../images/bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    left: 0;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: 10
}

@media(max-width:480px) {
    section.blockchain-cosmos-mobile .top:before {
        background-size: 15rem 15rem;
        bottom: 0;
        top: 25rem
    }
}

section.blockchain-cosmos-mobile .top .img-frame {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 28rem
}

section.blockchain-cosmos-mobile .top .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-align: center
}

section.blockchain-cosmos-mobile .top .scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    bottom: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:480px) {
    section.blockchain-cosmos-mobile .top .scroll {
        gap: 3.75rem
    }
}

section.blockchain-cosmos-mobile .top .scroll span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.blockchain-cosmos-mobile .top .scroll span {
        font-size: 3.75rem
    }
}

section.blockchain-cosmos-mobile .top .scroll svg {
    height: 1.25rem;
    width: 1.25rem
}

@media(max-width:480px) {
    section.blockchain-cosmos-mobile .top .scroll svg {
        height: 6.25rem;
        width: 6.25rem
    }
}

@keyframes scroll-chain {
    0% {
        opacity: .2
    }

    35% {
        opacity: 1
    }

    90% {
        opacity: .2
    }

    to {
        opacity: .2
    }
}

section.blockchain-cosmos-mobile .top .scroll svg path {
    -webkit-animation: scroll-chain 2s ease-in-out 0s infinite;
    animation: scroll-chain 2s ease-in-out 0s infinite;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

section.blockchain-cosmos-mobile .top .scroll svg path:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

section.blockchain-cosmos-mobile .top .scroll:hover svg path {
    fill: #fff
}

section.blockchain-cosmos-mobile>.list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start;
    padding-top: 15rem
}

section.blockchain-cosmos-mobile>.list>.title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5.625rem
}

section.blockchain-cosmos-mobile>.list>.text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem
}

section.blockchain-cosmos-mobile>.list .frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    margin: 0 -3.75rem;
    padding: 7rem 7.5rem;
    position: relative
}

section.blockchain-cosmos-mobile>.list .frame>img {
    height: 7.5rem;
    width: auto
}

section.blockchain-cosmos-mobile>.list .frame>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

section.blockchain-cosmos-mobile>.list .frame>p {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 4.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem;
    text-align: center
}

section.blockchain-cosmos-mobile>.list .frame:after,
section.blockchain-cosmos-mobile>.list .frame:before {
    content: "";
    display: block;
    height: 32.8125rem;
    position: absolute;
    width: 32.8125rem
}

section.blockchain-cosmos-mobile>.list .frame:before {
    background: url(../images/decor-angle-tl.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0
}

section.blockchain-cosmos-mobile>.list .frame:after {
    background: url(../images/decor-angle-br.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0
}

.blog-content-container,
section.blog-item-content>.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width:480px) {

    .blog-content-container,
    section.blog-item-content>.content {
        padding: 0 19.35rem
    }
}

.blog-content-container.no-pad,
section.blog-item-content>.content.no-pad {
    padding: 0
}

.blog-content-container strong,
section.blog-item-content>.content strong {
    font-weight: 700
}

.blog-content-container>.big-title,
section.blog-item-content>.content>.big-title {
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    margin: 4rem 0 2rem
}

@media(max-width:480px) {

    .blog-content-container>.big-title,
    section.blog-item-content>.content>.big-title {
        font-size: 6.25rem;
        font-weight: 300;
        line-height: 8.75rem;
        margin: 12.5rem 0 5rem
    }
}

.blog-content-container>.big-title:first-child,
section.blog-item-content>.content>.big-title:first-child {
    margin-top: 0
}

.blog-content-container>.note,
section.blog-item-content>.content>.note {
    margin-bottom: 3rem;
    margin-top: 4rem
}

@media(max-width:480px) {

    .blog-content-container>.note,
    section.blog-item-content>.content>.note {
        margin-bottom: 4rem;
        margin-top: 5rem
    }
}

.blog-content-container>.h1,
.blog-content-container>h1,
section.blog-item-content>.content>.h1,
section.blog-item-content>.content>h1 {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    margin-top: 4rem
}

@media(max-width:480px) {

    .blog-content-container>.h1,
    .blog-content-container>h1,
    section.blog-item-content>.content>.h1,
    section.blog-item-content>.content>h1 {
        font-size: 6.25rem;
        line-height: 8.75rem;
        margin-top: 5rem
    }
}

.blog-content-container>.h2,
.blog-content-container>h2,
section.blog-item-content>.content>.h2,
section.blog-item-content>.content>h2 {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    margin-top: 2rem
}

@media(max-width:480px) {

    .blog-content-container>.h2,
    .blog-content-container>h2,
    section.blog-item-content>.content>.h2,
    section.blog-item-content>.content>h2 {
        font-size: 5.625rem;
        line-height: 8.125rem;
        margin-top: 5rem
    }
}

.blog-content-container>.h3,
.blog-content-container>h3,
section.blog-item-content>.content>.h3,
section.blog-item-content>.content>h3 {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {

    .blog-content-container>.h3,
    .blog-content-container>h3,
    section.blog-item-content>.content>.h3,
    section.blog-item-content>.content>h3 {
        font-size: 4.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: 6.25rem
    }
}

.blog-content-container>blockquote,
section.blog-item-content>.content>blockquote {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border-radius: .75rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    gap: 2rem;
    justify-content: flex-start;
    line-height: 1.75rem;
    margin-top: 2rem;
    padding: 2rem
}

@media(max-width:480px) {

    .blog-content-container>blockquote,
    section.blog-item-content>.content>blockquote {
        background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
        border-radius: 3.75rem;
        font-size: 5rem;
        gap: 3rem;
        line-height: 6.25rem;
        padding: 3rem
    }
}

.blog-content-container>blockquote:before,
section.blog-item-content>.content>blockquote:before {
    -ms-flex-negative: 0;
    background: url(../images/quote.svg) 50% no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    -webkit-transform: translateY(-9%);
    transform: translateY(-9%);
    width: 2rem
}

@media(max-width:480px) {

    .blog-content-container>blockquote:before,
    section.blog-item-content>.content>blockquote:before {
        height: 7.5rem;
        width: 7.5rem
    }
}

.blog-content-container>p,
section.blog-item-content>.content>p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 2rem
}

@media(max-width:480px) {

    .blog-content-container>p,
    section.blog-item-content>.content>p {
        font-size: 4.375rem;
        line-height: 6.25rem;
        margin-top: 5rem
    }
}

.blog-content-container>p blockquote,
.blog-content-container>p span,
section.blog-item-content>.content>p blockquote,
section.blog-item-content>.content>p span {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {

    .blog-content-container>p blockquote,
    .blog-content-container>p span,
    section.blog-item-content>.content>p blockquote,
    section.blog-item-content>.content>p span {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.blog-content-container>p a,
section.blog-item-content>.content>p a {
    color: #0cc2ff;
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.blog-content-container>p a:hover,
section.blog-item-content>.content>p a:hover {
    color: #fff
}

.blog-content-container>p.main,
section.blog-item-content>.content>p.main {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: 4rem
}

@media(max-width:480px) {

    .blog-content-container>p.main,
    section.blog-item-content>.content>p.main {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

.blog-content-container ol,
.blog-content-container ul,
section.blog-item-content>.content ol,
section.blog-item-content>.content ul {
    gap: 1.25rem;
    margin-top: 1.75rem
}

@media(max-width:480px) {

    .blog-content-container ol,
    .blog-content-container ul,
    section.blog-item-content>.content ol,
    section.blog-item-content>.content ul {
        gap: 5rem;
        margin-left: 4rem;
        margin-top: 5rem
    }

    .blog-content-container ol li,
    .blog-content-container ul li,
    section.blog-item-content>.content ol li,
    section.blog-item-content>.content ul li {
        padding-left: 1rem
    }
}

.blog-content-container ol li>span,
.blog-content-container ul li>span,
section.blog-item-content>.content ol li>span,
section.blog-item-content>.content ul li>span {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: .75rem
}

@media(max-width:480px) {

    .blog-content-container ol li>span,
    .blog-content-container ul li>span,
    section.blog-item-content>.content ol li>span,
    section.blog-item-content>.content ul li>span {
        font-size: 4.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: 6.25rem
    }
}

.blog-content-container ol li>p,
.blog-content-container ul li>p,
section.blog-item-content>.content ol li>p,
section.blog-item-content>.content ul li>p {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: .75rem
}

.blog-content-container ol li>p:first-child,
.blog-content-container ul li>p:first-child,
section.blog-item-content>.content ol li>p:first-child,
section.blog-item-content>.content ul li>p:first-child {
    margin-top: 0
}

@media(max-width:480px) {

    .blog-content-container ol li>p,
    .blog-content-container ul li>p,
    section.blog-item-content>.content ol li>p,
    section.blog-item-content>.content ul li>p {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.blog-content-container ul li,
section.blog-item-content>.content ul li {
    padding-left: 1.5rem
}

@media(max-width:480px) {

    .blog-content-container ul li,
    section.blog-item-content>.content ul li {
        padding-left: 1.3rem
    }
}

.blog-content-container ol,
section.blog-item-content>.content ol {
    counter-reset: li;
    list-style: none
}

.blog-content-container ol>li:before,
section.blog-item-content>.content ol>li:before {
    content: counters(li, ".") ". ";
    counter-increment: li;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-110%, 7%);
    transform: translate(-110%, 7%)
}

@media(max-width:480px) {

    .blog-content-container ol>li:before,
    section.blog-item-content>.content ol>li:before {
        letter-spacing: .5rem;
        -webkit-transform: translate(-110%, 15%);
        transform: translate(-110%, 15%)
    }
}

.blog-content-container>.swipe-gallery,
section.blog-item-content>.content>.swipe-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.31rem;
    justify-content: flex-start;
    margin-top: 4rem
}

@media(max-width:480px) {

    .blog-content-container>.swipe-gallery,
    section.blog-item-content>.content>.swipe-gallery {
        gap: 6.4rem
    }
}

.blog-content-container>.swipe-gallery>.head,
section.blog-item-content>.content>.swipe-gallery>.head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

.blog-content-container>.swipe-gallery>.head>.title,
section.blog-item-content>.content>.swipe-gallery>.head>.title {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

@media(max-width:480px) {

    .blog-content-container>.swipe-gallery>.head>.title,
    section.blog-item-content>.content>.swipe-gallery>.head>.title {
        font-size: 5.33333rem;
        line-height: 140%
    }
}

.blog-content-container>.swipe-gallery>.paging,
section.blog-item-content>.content>.swipe-gallery>.paging {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

.blog-content-container>.swipe-gallery>.paging .swiper-page,
section.blog-item-content>.content>.swipe-gallery>.paging .swiper-page {
    background: linear-gradient(135deg, #272b39 -3.13%, #272b39 109.37%);
    border-radius: 50%;
    height: .5rem;
    overflow: hidden;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: .5rem
}

.blog-content-container>.swipe-gallery>.paging .swiper-page.swiper-page-active,
section.blog-item-content>.content>.swipe-gallery>.paging .swiper-page.swiper-page-active {
    background: linear-gradient(135deg, #0cff7c -3.13%, #0cc2ff 109.37%)
}

.blog-content-container>.swipe-gallery [data-swiper],
section.blog-item-content>.content>.swipe-gallery [data-swiper] {
    -webkit-mask: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(3%, #000), color-stop(84%, #000), to(transparent));
    -webkit-mask: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #000 3%, #000 84%, transparent);
    mask: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(3%, #000), color-stop(84%, #000), to(transparent));
    mask: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #000 3%, #000 84%, transparent);
    padding-left: 1.3rem;
    -webkit-transform: translateX(-1.3rem);
    transform: translateX(-1.3rem)
}

@media(max-width:480px) {

    .blog-content-container>.swipe-gallery [data-swiper],
    section.blog-item-content>.content>.swipe-gallery [data-swiper] {
        -webkit-mask: unset;
        mask: unset;
        padding: 0;
        -webkit-transform: unset;
        transform: unset
    }
}

.blog-content-container>.swipe-gallery [data-swiper] .swipe-item,
section.blog-item-content>.content>.swipe-gallery [data-swiper] .swipe-item {
    padding-right: 1.5rem
}

@media(max-width:480px) {

    .blog-content-container>.swipe-gallery [data-swiper] .swipe-item,
    section.blog-item-content>.content>.swipe-gallery [data-swiper] .swipe-item {
        padding-right: 6.4rem
    }
}

.blog-content-container>.swipe-gallery [data-swiper] .swipe-item .img-frame,
section.blog-item-content>.content>.swipe-gallery [data-swiper] .swipe-item .img-frame {
    border-radius: .75rem;
    height: 15.625rem;
    overflow: hidden;
    width: 24.375rem
}

@media(max-width:480px) {

    .blog-content-container>.swipe-gallery [data-swiper] .swipe-item .img-frame,
    section.blog-item-content>.content>.swipe-gallery [data-swiper] .swipe-item .img-frame {
        border-radius: 3.2rem;
        height: 43.73333rem;
        width: 68.26667rem
    }
}

.blog-content-container>.swipe-gallery [data-swiper] .swipe-item .img-frame img,
section.blog-item-content>.content>.swipe-gallery [data-swiper] .swipe-item .img-frame img {
    -o-object-fit: cover;
    object-fit: cover
}

.blog-content-container>.pans,
section.blog-item-content>.content>.pans {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.62rem;
    justify-content: flex-start;
    margin-top: 2rem
}

@media(max-width:480px) {

    .blog-content-container>.pans,
    section.blog-item-content>.content>.pans {
        margin-bottom: 5rem;
        margin-top: 7.2rem
    }
}

.blog-content-container>.pans [data-swiper] .swipe-item,
section.blog-item-content>.content>.pans [data-swiper] .swipe-item {
    padding-right: 6.93rem
}

.blog-content-container>.pans [data-swiper] .swipe-item>div,
section.blog-item-content>.content>.pans [data-swiper] .swipe-item>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.4rem;
    justify-content: flex-start;
    padding: 6.4rem 4.27rem;
    width: 68.26667rem
}

.blog-content-container>.pans [data-swiper] .swipe-item>div>.img-frame,
section.blog-item-content>.content>.pans [data-swiper] .swipe-item>div>.img-frame {
    -ms-flex-item-align: center;
    align-self: center;
    height: 17.06667rem;
    width: 17.06667rem
}

.blog-content-container>.pans [data-swiper] .swipe-item>div .txt,
section.blog-item-content>.content>.pans [data-swiper] .swipe-item>div .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem;
    justify-content: flex-start
}

.blog-content-container>.pans [data-swiper] .swipe-item>div .txt .title,
section.blog-item-content>.content>.pans [data-swiper] .swipe-item>div .txt .title {
    color: #fff;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

.blog-content-container>.pans [data-swiper] .swipe-item>div .txt .text,
section.blog-item-content>.content>.pans [data-swiper] .swipe-item>div .txt .text {
    color: #c1c2c6;
    font-size: 4.26667rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

.blog-content-container>.pans .content,
section.blog-item-content>.content>.pans .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.62rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    .blog-content-container>.pans .content,
    section.blog-item-content>.content>.pans .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.blog-content-container>.pans .content>div,
section.blog-item-content>.content>.pans .content>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 32%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 32%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 1.5rem 3.5rem 1.94rem
}

.blog-content-container>.pans .content>div>.img-frame,
section.blog-item-content>.content>.pans .content>div>.img-frame {
    -ms-flex-item-align: center;
    align-self: center;
    height: 4rem;
    width: 4rem
}

.blog-content-container>.pans .content>div .txt,
section.blog-item-content>.content>.pans .content>div .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    justify-content: flex-start
}

.blog-content-container>.pans .content>div .txt .title,
section.blog-item-content>.content>.pans .content>div .txt .title {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

.blog-content-container>.pans .content>div .txt .text,
section.blog-item-content>.content>.pans .content>div .txt .text {
    color: #c1c2c6;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

.blog-content-container .out-links,
section.blog-item-content>.content .out-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    margin-top: 5rem
}

@media(max-width:480px) {

    .blog-content-container .out-links,
    section.blog-item-content>.content .out-links {
        gap: 6.4rem;
        margin-top: 17.5rem
    }
}

.blog-content-container .out-links>.title,
section.blog-item-content>.content .out-links>.title {
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

@media(max-width:480px) {

    .blog-content-container .out-links>.title,
    section.blog-item-content>.content .out-links>.title {
        font-size: 5.33333rem;
        line-height: 140%
    }
}

.blog-content-container .out-links .swipe-item,
section.blog-item-content>.content .out-links .swipe-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 4.27rem
}

.blog-content-container .out-links .swipe-item>*,
section.blog-item-content>.content .out-links .swipe-item>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blog-content-container .out-links .items,
section.blog-item-content>.content .out-links .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start
}

.blog-content-container .out-links .items>a,
section.blog-item-content>.content .out-links .items>a {
    margin-top: 0;
    max-height: var(--data-overflow-h, none);
    opacity: 1;
    position: relative;
    -webkit-transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    transition: max-height .5s ease, opacity .5s ease .3s, margin-top 1s ease;
    will-change: max-height, opacity, margin-top
}

.blog-content-container .out-links .items>a.hide-item,
section.blog-item-content>.content .out-links .items>a.hide-item {
    margin-top: -1rem;
    max-height: 0;
    opacity: 0
}

@media(max-width:480px) {

    .blog-content-container .out-links .items>a.hide-item,
    section.blog-item-content>.content .out-links .items>a.hide-item {
        margin-top: -4.27rem
    }
}

.blog-content-container .out-links .items>a>div,
section.blog-item-content>.content .out-links .items>a>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 1.5rem
}

.blog-content-container .out-links .items>a>div .img-frame,
section.blog-item-content>.content .out-links .items>a>div .img-frame {
    -ms-flex-negative: 0;
    border-radius: .75rem;
    flex-shrink: 0;
    height: 9.0625rem;
    overflow: hidden;
    width: 11.125rem
}

.blog-content-container .out-links .items>a>div .img-frame img,
section.blog-item-content>.content .out-links .items>a>div .img-frame img {
    -o-object-fit: cover;
    object-fit: cover
}

.blog-content-container .out-links .items>a>div .data,
section.blog-item-content>.content .out-links .items>a>div .data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1rem;
    justify-content: flex-start
}

.blog-content-container .out-links .items>a>div .data .title,
section.blog-item-content>.content .out-links .items>a>div .data .title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 116.667%
}

.blog-content-container .out-links .items>a>div .data .tags,
section.blog-item-content>.content .out-links .items>a>div .data .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start
}

.blog-content-container .out-links .items>a>div .data .tags span,
section.blog-item-content>.content .out-links .items>a>div .data .tags span {
    color: #8d8f96;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.blog-content-container .out-links .items>a>div .data .date,
section.blog-item-content>.content .out-links .items>a>div .data .date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 150%
}

.blog-content-container .out-links>.btns,
section.blog-item-content>.content .out-links>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin-top: 0
}

.blog-content-container .out-links>.btns:has(.ready),
section.blog-item-content>.content .out-links>.btns:has(.ready) {
    margin-top: -4rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: margin .3s linear .2s, opacity .5s ease;
    transition: margin .3s linear .2s, opacity .5s ease
}

.blog-content-container .out-links>.btns:has(.ready) .btn-sm,
section.blog-item-content>.content .out-links>.btns:has(.ready) .btn-sm {
    pointer-events: none
}

@media(max-width:480px) {

    .blog-content-container ul li:before,
    section.blog-item-content>.content ul li:before {
        left: -4rem;
        top: 1.5rem
    }
}

.blog-content-container .img,
section.blog-item-content>.content .img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start
}

@media(max-width:480px) {

    .blog-content-container .img,
    section.blog-item-content>.content .img {
        gap: 3.75rem
    }
}

.blog-content-container .img .frame,
section.blog-item-content>.content .img .frame {
    border-radius: .75rem;
    display: inline-block;
    overflow: hidden
}

@media(max-width:480px) {

    .blog-content-container .img .frame,
    section.blog-item-content>.content .img .frame {
        border-radius: 3.75rem
    }
}

.blog-content-container .img .frame img,
.blog-content-container .img .frame video,
section.blog-item-content>.content .img .frame img,
section.blog-item-content>.content .img .frame video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.blog-content-container .img span,
section.blog-item-content>.content .img span {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center
}

@media(max-width:480px) {

    .blog-content-container .img span,
    section.blog-item-content>.content .img span {
        font-size: 3.75rem;
        line-height: normal
    }
}

.blog-content-container .gallery-2,
section.blog-item-content>.content .gallery-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between
}

@media(max-width:480px) {

    .blog-content-container .gallery-2,
    section.blog-item-content>.content .gallery-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.75rem;
        justify-content: flex-start
    }
}

@media(min-width:480px) {

    .blog-content-container .gallery-2 .img,
    section.blog-item-content>.content .gallery-2 .img {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1
    }
}

.blog-content-container>.gallery-2,
.blog-content-container>.img,
section.blog-item-content>.content>.gallery-2,
section.blog-item-content>.content>.img {
    margin-top: 2rem
}

@media(max-width:480px) {

    .blog-content-container>.gallery-2,
    .blog-content-container>.img,
    section.blog-item-content>.content>.gallery-2,
    section.blog-item-content>.content>.img {
        margin-top: 5rem
    }
}

.blog-content-container>.anch,
section.blog-item-content>.content>.anch {
    height: 0;
    opacity: 0;
    pointer-events: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    width: 0
}

.blog-content-container>.slider-frame,
section.blog-item-content>.content>.slider-frame {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    position: relative
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame,
    section.blog-item-content>.content>.slider-frame {
        margin-bottom: 4rem;
        margin-top: 5rem
    }
}

.blog-content-container>.slider-frame .controls,
section.blog-item-content>.content>.slider-frame .controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.75rem;
    justify-content: center
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame .controls,
    section.blog-item-content>.content>.slider-frame .controls {
        margin: 3.75rem 0
    }
}

.blog-content-container>.slider-frame .btn-next,
.blog-content-container>.slider-frame .btn-prev,
section.blog-item-content>.content>.slider-frame .btn-next,
section.blog-item-content>.content>.slider-frame .btn-prev {
    background: url(../images/btn-next.svg) 50% no-repeat;
    background-size: contain;
    cursor: pointer
}

@media(min-width:480px) {

    .blog-content-container>.slider-frame .btn-next,
    .blog-content-container>.slider-frame .btn-prev,
    section.blog-item-content>.content>.slider-frame .btn-next,
    section.blog-item-content>.content>.slider-frame .btn-prev {
        height: 2rem;
        position: absolute;
        top: 50%;
        width: 2rem
    }
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame .btn-next,
    .blog-content-container>.slider-frame .btn-prev,
    section.blog-item-content>.content>.slider-frame .btn-next,
    section.blog-item-content>.content>.slider-frame .btn-prev {
        height: 10rem;
        width: 10rem
    }
}

@media(min-width:480px) {

    .blog-content-container>.slider-frame .btn-next,
    section.blog-item-content>.content>.slider-frame .btn-next {
        right: 0;
        -webkit-transform: translate(160%, -50%);
        transform: translate(160%, -50%)
    }

    .blog-content-container>.slider-frame .btn-prev,
    section.blog-item-content>.content>.slider-frame .btn-prev {
        left: 0;
        -webkit-transform: translate(-160%, -50%) rotate(180deg);
        transform: translate(-160%, -50%) rotate(180deg)
    }
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame .btn-prev,
    section.blog-item-content>.content>.slider-frame .btn-prev {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.blog-content-container>.slider-frame .pages,
section.blog-item-content>.content>.slider-frame .pages {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center
}

@media(min-width:480px) {

    .blog-content-container>.slider-frame .pages,
    section.blog-item-content>.content>.slider-frame .pages {
        bottom: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, 1.5rem);
        transform: translate(-50%, 1.5rem)
    }
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame .pages,
    section.blog-item-content>.content>.slider-frame .pages {
        gap: 1.25rem;
        pointer-events: none
    }
}

.blog-content-container>.slider-frame .pages>div,
section.blog-item-content>.content>.slider-frame .pages>div {
    background: linear-gradient(135deg, #0cff7c -3.13%, #0cc2ff 109.37%);
    border-radius: 1rem;
    cursor: pointer;
    display: inline-block;
    height: .5rem;
    opacity: .4;
    overflow: hidden;
    position: relative;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    width: .5rem
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame .pages>div,
    section.blog-item-content>.content>.slider-frame .pages>div {
        height: 1.875rem;
        width: 1.875rem
    }
}

.blog-content-container>.slider-frame .pages>div.active,
section.blog-item-content>.content>.slider-frame .pages>div.active {
    opacity: 1
}

.blog-content-container>.slider-frame [data-slider],
section.blog-item-content>.content>.slider-frame [data-slider] {
    position: relative;
    -webkit-transition: min-height .3s linear;
    transition: min-height .3s linear
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame [data-slider],
    section.blog-item-content>.content>.slider-frame [data-slider] {
        height: 65rem
    }
}

.blog-content-container>.slider-frame [data-slider] .slide-gallery,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: .75rem;
    display: none;
    font-size: 3rem;
    font-weight: 700;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.blog-content-container>.slider-frame [data-slider] .slide-gallery.active,
.blog-content-container>.slider-frame [data-slider] .slide-gallery.after,
.blog-content-container>.slider-frame [data-slider] .slide-gallery.before,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery.active,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery.after,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery.before {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease
}

.blog-content-container>.slider-frame [data-slider] .slide-gallery.after,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery.after {
    -webkit-transform: translateX(50%) rotateY(90deg);
    transform: translateX(50%) rotateY(90deg)
}

.blog-content-container>.slider-frame [data-slider] .slide-gallery.before,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery.before {
    -webkit-transform: translateX(-50%) rotateY(90deg);
    transform: translateX(-50%) rotateY(90deg)
}

.blog-content-container>.slider-frame [data-slider] .slide-gallery.active,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery.active {
    opacity: 1;
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg)
}

.blog-content-container>.slider-frame [data-slider] .slide-gallery .img .frame,
section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery .img .frame {
    height: 33.5rem
}

@media(max-width:480px) {

    .blog-content-container>.slider-frame [data-slider] .slide-gallery .img .frame,
    section.blog-item-content>.content>.slider-frame [data-slider] .slide-gallery .img .frame {
        height: 50rem
    }
}

.blog-content-container .table,
section.blog-item-content>.content .table {
    margin-top: 4rem
}

@media(max-width:480px) {

    .blog-content-container .table,
    section.blog-item-content>.content .table {
        margin-top: 12rem
    }
}

.blog-content-container .table>label,
section.blog-item-content>.content .table>label {
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    padding-bottom: 2rem;
    text-align: left
}

@media(max-width:480px) {

    .blog-content-container .table>label,
    section.blog-item-content>.content .table>label {
        font-size: 6.25rem;
        line-height: 8.75rem;
        padding-bottom: 5rem
    }
}

.blog-content-container .table>div,
section.blog-item-content>.content .table>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 57rem;
    overflow-x: auto
}

@media(max-width:480px) {

    .blog-content-container .table>div,
    section.blog-item-content>.content .table>div {
        border-radius: 3.75rem;
        border-width: .2rem;
        max-width: unset
    }
}

.blog-content-container .table>div>table,
section.blog-item-content>.content .table>div>table {
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
    overflow-x: scroll
}

.blog-content-container .table>div>table td,
.blog-content-container .table>div>table th,
section.blog-item-content>.content .table>div>table td,
section.blog-item-content>.content .table>div>table th {
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-top: none;
    min-width: 7.3rem;
    padding: 2rem;
    text-align: left
}

@media(max-width:480px) {

    .blog-content-container .table>div>table td,
    .blog-content-container .table>div>table th,
    section.blog-item-content>.content .table>div>table td,
    section.blog-item-content>.content .table>div>table th {
        word-wrap: normal;
        border-width: .2rem;
        min-width: 22rem;
        padding: 3.75rem;
        word-break: keep-all
    }
}

.blog-content-container .table>div>table td:first-child,
.blog-content-container .table>div>table th:first-child,
section.blog-item-content>.content .table>div>table td:first-child,
section.blog-item-content>.content .table>div>table th:first-child {
    border-left: none
}

.blog-content-container .table>div>table td:last-child,
.blog-content-container .table>div>table th:last-child,
section.blog-item-content>.content .table>div>table td:last-child,
section.blog-item-content>.content .table>div>table th:last-child {
    border-right: none
}

.blog-content-container .table>div>table tr:last-child,
section.blog-item-content>.content .table>div>table tr:last-child {
    border-bottom: none
}

.blog-content-container .table>div>table th,
section.blog-item-content>.content .table>div>table th {
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {

    .blog-content-container .table>div>table th,
    section.blog-item-content>.content .table>div>table th {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

.blog-content-container .table>div>table td,
section.blog-item-content>.content .table>div>table td {
    color: hsla(0, 0%, 100%, .749);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:480px) {

    .blog-content-container .table>div>table td,
    section.blog-item-content>.content .table>div>table td {
        font-size: 3.75rem;
        line-height: 5rem
    }
}

section.blog-item-content {
    padding-bottom: 5rem
}

@media(max-width:480px) {
    section.blog-item-content {
        padding-bottom: 25rem
    }
}

@media(min-width:480px) {
    section.blog-item-content:has(.table-of-contents) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 4rem;
        justify-content: space-between;
        padding-left: 12.3rem;
        padding-right: 12.3rem
    }

    section.blog-item-content:has(.table-of-contents)>.content {
        padding: 0
    }
}

section.blog-item-content .table-of-contents {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 1.85rem;
    position: relative
}

@media(max-width:480px) {
    section.blog-item-content .table-of-contents {
        display: none
    }
}

section.blog-item-content .table-of-contents>.data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), rgba(1, 5, 22, .05);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    left: 0;
    padding: 1.5rem;
    position: sticky;
    right: 0;
    top: 1.9rem;
    width: 15.25rem
}

section.blog-item-content .table-of-contents>.data .title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem
}

section.blog-item-content .table-of-contents>.data .links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    justify-content: flex-start
}

section.blog-item-content .table-of-contents>.data .links a {
    color: hsla(0, 0%, 100%, .749);
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

section.blog-item-content .table-of-contents>.data .links a:hover {
    color: #fff
}

section.blog-item-content .table-of-contents>.data .links a.anchor-active {
    color: #0cc2ff
}

.blog-content-container {
    padding: 0
}

section.report-item-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    margin-bottom: 3rem;
    margin-top: 7rem
}

@media(max-width:480px) {
    section.report-item-title {
        gap: 3.12rem;
        margin-bottom: 12rem;
        margin-top: 26.25rem
    }
}

section.report-item-title .tags {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    justify-content: center
}

@media(max-width:480px) {
    section.report-item-title .tags {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2rem 1.5rem;
        justify-content: flex-start;
        padding-top: 5rem
    }
}

section.report-item-title .tags>span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .102) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .251);
    border-radius: 2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 98%;
    padding: .5rem 1rem
}

@media(max-width:480px) {
    section.report-item-title .tags>span {
        border-radius: 10rem;
        border-width: .2rem;
        font-size: 4.375rem;
        padding: 1.5rem 3.75rem
    }
}

section.report-item-title .top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 5rem
}

@media(max-width:480px) {
    section.report-item-title .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

@media(min-width:480px) {
    section.report-item-title .top>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%;
        flex-grow: 1
    }
}

section.report-item-title .top .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: center
}

section.report-item-title .top .title .category {
    color: #0cc2ff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:480px) {
    section.report-item-title .top .title .category {
        font-size: 4.375rem;
        line-height: 6.25rem;
        text-align: left
    }
}

section.report-item-title>.description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.report-item-title>.description {
        gap: 10rem
    }
}

@media(min-width:480px) {
    section.report-item-title>.description {
        padding: 0 12.63rem
    }
}

section.report-item-title>.description .title {
    color: #fff;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.5rem;
    text-align: center
}

@media(max-width:480px) {
    section.report-item-title>.description .title {
        color: #fff;
        font-size: 8.75rem;
        line-height: 10rem;
        text-align: left
    }
}

section.report-item-title>.description .info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 5rem;
    justify-content: space-between
}

@media(max-width:480px) {
    section.report-item-title>.description .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

section.report-item-title>.description .info .post-params {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-end
}

@media(max-width:480px) {
    section.report-item-title>.description .info .post-params {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 6.25rem
    }

    section.report-item-title>.description .info .post-params>.btn-sm {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

section.report-item-title>.description .info .post-params>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.report-item-title>.description .info .post-params>div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2rem 3rem
    }
}

section.report-item-title>.description .info .post-params .date,
section.report-item-title>.description .info .post-params .read-time,
section.report-item-title>.description .info .post-params .total-comments {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.5rem;
    text-align: right
}

@media(max-width:480px) {

    section.report-item-title>.description .info .post-params .date,
    section.report-item-title>.description .info .post-params .read-time,
    section.report-item-title>.description .info .post-params .total-comments {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        font-size: 3.125rem;
        justify-content: space-between;
        line-height: 6.25rem
    }
}

section.report-item-title>.description .info .post-params .date:before,
section.report-item-title>.description .info .post-params .read-time:before,
section.report-item-title>.description .info .post-params .total-comments:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-right: .75rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1rem
}

@media(max-width:480px) {

    section.report-item-title>.description .info .post-params .date:before,
    section.report-item-title>.description .info .post-params .read-time:before,
    section.report-item-title>.description .info .post-params .total-comments:before {
        height: 5rem;
        width: 5rem
    }
}

section.report-item-title>.description .info .post-params .date:before {
    -webkit-mask-image: url(../images/calendar-fill.svg);
    mask-image: url(../images/calendar-fill.svg)
}

section.report-item-title>.description .info .post-params .read-time:before {
    -webkit-mask-image: url(../images/time-fill.svg);
    mask-image: url(../images/time-fill.svg)
}

section.report-item-title>.description .info .post-params .total-comments:before {
    -webkit-mask-image: url(../images/comments.svg);
    mask-image: url(../images/comments.svg)
}

section.vacancy-item-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    margin-bottom: 3rem;
    margin-top: 7rem
}

@media(max-width:480px) {
    section.vacancy-item-title {
        gap: 3.12rem;
        margin-bottom: 12rem;
        margin-top: 26.25rem
    }
}

section.vacancy-item-title .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4rem;
    justify-content: flex-start;
    padding: 0 5rem
}

@media(max-width:480px) {
    section.vacancy-item-title .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

section.vacancy-item-title .content .back {
    width: 21.37rem
}

@media(max-width:480px) {
    section.vacancy-item-title .content .back {
        width: unset
    }
}

section.vacancy-item-title .content .title {
    color: #fff;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.5rem;
    text-align: left;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5)
}

@media(max-width:480px) {
    section.vacancy-item-title .content .title {
        font-size: 8.75rem;
        line-height: 10rem
    }

    section.blockchain-feauters {
        margin-top: 7.5rem;
        overflow: hidden
    }
}

section.blockchain-feauters .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 10rem);
    position: relative
}

@media(max-width:480px) {
    section.blockchain-feauters .content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        gap: 7.5rem;
        justify-content: flex-start;
        min-height: unset
    }
}

section.blockchain-feauters .content>.title {
    color: #fff;
    display: block;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    left: 0;
    line-height: 94%;
    max-width: 40rem;
    position: absolute;
    text-transform: lowercase;
    top: 2rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.title {
        font-size: 7.5rem;
        left: unset;
        max-width: unset;
        position: relative;
        top: unset
    }
}

section.blockchain-feauters .content>.text {
    color: #c0c1c5;
    display: block;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 40rem;
    position: absolute;
    right: 0;
    top: 2.5rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.text {
        font-size: 4.375rem;
        left: unset;
        line-height: 6.25rem;
        max-width: unset;
        position: relative;
        top: unset
    }
}

section.blockchain-feauters .content>.img-frame {
    height: 40rem;
    left: 50%;
    position: absolute;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.img-frame {
        height: 97.8125rem;
        left: unset;
        position: relative;
        top: unset;
        -webkit-transform: unset;
        transform: unset;
        width: unset
    }
}

section.blockchain-feauters .content>.img-frame>.lavalamp {
    --lava-blur: 6rem;
    height: 26rem;
    left: 52%;
    opacity: .7;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.img-frame>.lavalamp {
        --lava-blur: 14rem;
        height: 78rem;
        left: 57%;
        opacity: .8;
        width: 82rem
    }
}

section.blockchain-feauters .content>.lists {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    padding-top: 7rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.lists {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 0
    }
}

section.blockchain-feauters .content>.lists>div {
    width: 28.5rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.lists>div {
        width: unset
    }
}

section.blockchain-feauters .content>.lists ul li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    padding-bottom: 2rem;
    padding-top: 2rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.lists ul li {
        font-size: 5rem;
        line-height: 5.625rem;
        padding-bottom: 3.75rem;
        padding-left: 7.5rem;
        padding-top: 3.75rem
    }
}

section.blockchain-feauters .content>.lists ul li:before {
    top: 2.3rem
}

@media(max-width:480px) {
    section.blockchain-feauters .content>.lists ul li:before {
        top: 4.7rem
    }
}

section.blockchain-feauters .content>.lists ul li b {
    color: #24f6dd;
    font-size: inherit;
    font-weight: inherit
}

section.slider3d-left-right {
    position: relative
}

@media(max-width:480px) {
    section.slider3d-left-right {
        overflow: hidden
    }
}

section.slider3d-left-right>.bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:480px) {
    section.slider3d-left-right>.bg {
        display: none
    }
}

section.slider3d-left-right>.bg .frame3d {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    position: sticky;
    top: 0;
    width: 100rem
}

section.slider3d-left-right>.bg .frame3d>div {
    height: 60rem;
    -webkit-transform: translateX(var(--move-3d, 0));
    transform: translateX(var(--move-3d, 0));
    width: 100rem
}

section.slider3d-left-right>.bg .frame3d>div .lavalamp {
    --lava-blur: 6.5rem;
    height: 51rem;
    left: 53%;
    opacity: .79;
    position: absolute;
    top: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 51rem;
    z-index: -50
}

section.slider3d-left-right>.bg .frame3d>div .lavalamp svg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.slider3d-left-right>.bg .frame3d>div canvas {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

section.slider3d-left-right .content {
    margin-bottom: calc(-100vh - -3.5rem)
}

@media(max-width:480px) {
    section.slider3d-left-right .content {
        margin-bottom: 0;
        padding-top: 7.5rem
    }
}

section.slider3d-left-right .content>div {
    min-height: 200vh;
    position: relative
}

section.slider3d-left-right .content>div .img-frame {
    display: none;
    position: relative
}

section.slider3d-left-right .content>div .img-frame .lavalamp {
    --lava-blur: 15rem;
    height: 75rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75rem;
    z-index: -10
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        min-height: unset;
        padding-bottom: 7.5rem;
        padding-top: 7.5rem
    }

    section.slider3d-left-right .content>div:after {
        background: hsla(0, 0%, 100%, .15);
        content: "";
        display: inline-block;
        height: 1px
    }

    section.slider3d-left-right .content>div .img-frame {
        display: inline-block;
        height: 70rem
    }
}

section.slider3d-left-right .content>div .anch {
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .anch {
        display: none
    }
}

section.slider3d-left-right .content>div .word {
    display: inline;
    white-space: nowrap
}

section.slider3d-left-right .content>div .char,
section.slider3d-left-right .content>div .word {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: inherit
}

section.slider3d-left-right .content>div li:before {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

section.slider3d-left-right .content>div li:has(.show):before {
    opacity: 1
}

section.slider3d-left-right .content>div li:has(.hide):before {
    opacity: 0
}

section.slider3d-left-right .content>div .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(.3rem) scale(.7);
    transform: translateX(.3rem) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.slider3d-left-right .content>div .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.slider3d-left-right .content>div .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(-.3rem) scale(.7);
    transform: translateX(-.3rem) scale(.7)
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .char {
        opacity: 1 !important;
        -webkit-transform: unset !important;
        transform: unset !important
    }
}

section.slider3d-left-right .content>div .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    position: sticky;
    top: 0
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .txt {
        height: unset;
        padding: 10rem 0
    }
}

section.slider3d-left-right .content>div .txt>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    width: 36rem
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .txt>div {
        gap: 7.5rem;
        width: unset
    }
}

section.slider3d-left-right .content>div .txt>div .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .txt>div .title {
        font-size: 7.5rem
    }
}

section.slider3d-left-right .content>div .txt>div .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .txt>div .text {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

section.slider3d-left-right .content>div .txt>div .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .txt>div .btns {
        gap: 3.75rem
    }
}

section.slider3d-left-right .content>div .txt>div .btns .btn-sm {
    opacity: 0;
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.slider3d-left-right .content>div .txt>div .btns .btn-sm.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.slider3d-left-right .content>div .txt>div .btns .btn-sm.show.hide {
    opacity: 0;
    -webkit-transform: translateX(-.3rem) scale(.7);
    transform: translateX(-.3rem) scale(.7)
}

@media(max-width:480px) {
    section.slider3d-left-right .content>div .txt>div .btns .btn-sm {
        opacity: 1 !important;
        -webkit-transform: unset !important;
        transform: unset !important
    }
}

section.slider3d-left-right .content>div:first-child .txt .char {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

section.slider3d-left-right .content>div:first-child .txt .char.hide {
    opacity: 0
}

section.slider3d-left-right .content>div:first-child .txt li:before {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

section.slider3d-left-right .content>div:first-child .txt li:has(.show):before {
    opacity: 1
}

section.slider3d-left-right .content>div:first-child .txt li:has(.hide):before {
    opacity: 0
}

section.slider3d-left-right .content>div:first-child .txt .btns .btn-sm {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

section.slider3d-left-right .content>div:first-child .txt .btns .btn-sm.hide {
    opacity: 0
}

section.slider3d-left-right .content>div:last-child .txt .char.hide {
    opacity: 1;
    -webkit-transform: unset;
    transform: unset
}

section.slider3d-left-right .content>div:last-child .txt .btns .btn-sm.hide {
    opacity: 1 !important;
    -webkit-transform: unset !important;
    transform: unset !important
}

section.slider3d-left-right .content>div:nth-child(2n) .txt {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

section.slider3d-left-right>.links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: calc(100vh - 3.5rem) 0 2.5rem;
    pointer-events: none;
    position: sticky;
    z-index: 200
}

@media(max-width:480px) {
    section.slider3d-left-right>.links {
        display: none
    }
}

section.slider3d-left-right>.links>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #05031c;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 2rem;
    gap: .25rem;
    justify-content: center;
    pointer-events: all
}

section.slider3d-left-right>.links>div,
section.slider3d-left-right>.links>div a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

section.slider3d-left-right>.links>div a {
    --icon-color: #464955;
    --icon-size: 1.5rem;
    color: #464955;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    gap: .38rem;
    line-height: 1.5rem;
    padding: .38rem 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

section.slider3d-left-right>.links>div a .has-icon:before {
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

section.slider3d-left-right>.links>div a:hover {
    --icon-color: #fff;
    color: #fff
}

section.slider3d-left-right>.links>div a.anchor-active {
    --icon-color: #6222f6;
    color: #fff
}

section.vacancy-item-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
    padding: 0 5rem 5rem
}

@media(max-width:480px) {
    section.vacancy-item-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start
    }
}

section.vacancy-item-content .blog-content-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width:480px) {
    section.vacancy-item-content .blog-content-container {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset
    }
}

section.vacancy-item-content .blog-content-container .job-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    padding-bottom: 4rem
}

@media(max-width:480px) {
    section.vacancy-item-content .blog-content-container .job-description {
        gap: 5rem;
        padding-bottom: 12.5rem
    }
}

section.vacancy-item-content .blog-content-container .job-description p {
    color: hsla(0, 0%, 100%, .75);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.vacancy-item-content .blog-content-container .job-description p {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.vacancy-item-content>.fix {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.vacancy-item-content>.fix {
        display: none
    }
}

section.vacancy-item-content>.fix>div {
    position: sticky;
    top: 5rem
}

section.vacancy-item-content>.fix.left {
    width: 21.37rem
}

section.vacancy-item-content>.fix.left>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: linear-gradient(122deg, hsla(0, 0%, 100%, .05) 24.4%, hsla(0, 0%, 100%, 0) 69.12%);
    border: .1rem solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    padding: .5rem
}

section.vacancy-item-content>.fix.left>div .img {
    background: url(../images/add_resume.png) 50% no-repeat;
    background-size: cover;
    height: 19.60294rem
}

section.vacancy-item-content>.fix.left>div .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    padding: 0 1rem 1rem
}

section.vacancy-item-content>.fix.left>div .text>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

section.vacancy-item-content>.fix.right {
    width: 3rem
}

section.vacancy-item-content>.fix.right>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    --icon: url(../images/share-forward-fill.svg);
    --icon-color: #0cc2ff;
    --icon-size: 2rem;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem
}

section.vacancy-item-content>.fix.right>div a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --icon-color: #fff;
    --icon-size: 2rem;
    align-items: center;
    border: .5px solid hsla(0, 0%, 100%, .15);
    border-radius: .375rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 3rem
}

section.vacancy-item-content>.fix.right>div a:before {
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

section.vacancy-item-content>.fix.right>div a:hover {
    border-color: #0cc2ff
}

section.vacancy-item-content>.fix.right>div a:hover:before {
    --icon-color: #0cc2ff
}

section.blockchain-ecosystem {
    padding-top: 5rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem {
        padding-top: 7.5rem
    }
}

section.blockchain-ecosystem .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards {
        gap: 7.5rem
    }
}

section.blockchain-ecosystem .cards .img-frame {
    height: 14rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards .img-frame {
        height: 70rem
    }
}

section.blockchain-ecosystem .cards>.text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 58.5rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards>.text {
        font-size: 4.375rem;
        line-height: 6.25rem;
        max-width: unset
    }
}

section.blockchain-ecosystem .cards>.items {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr)
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards>.items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
        justify-content: flex-start
    }
}

section.blockchain-ecosystem .cards>.items>div {
    background: #0d0e12;
    background: url(../images/bg-slider.png) no-repeat;
    background-position: 100% 100%;
    background-size: 22rem 33rem;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    padding: 1.5rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards>.items>div {
        background-size: 100rem 120rem;
        border-radius: 3.75rem;
        padding: 7.5rem 5rem
    }
}

section.blockchain-ecosystem .cards>.items>div .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards>.items>div .txt {
        gap: 3.75rem
    }
}

section.blockchain-ecosystem .cards>.items>div .txt .title {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards>.items>div .txt .title {
        font-size: 6.25rem;
        line-height: 8.75rem
    }
}

section.blockchain-ecosystem .cards>.items>div .txt .text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem .cards>.items>div .txt .text {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.product-landings-hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

@media(max-width:480px) {
    section.product-landings-hero {
        padding-bottom: 0;
        padding-top: 37.5rem
    }
}

section.product-landings-hero:before {
    background: url(../images/bg.svg);
    background-position: 100% 0;
    background-size: 5.24rem 5.24rem;
    bottom: -3rem;
    content: "";
    left: 0;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 1.3rem;
    z-index: -1
}

@media(max-width:480px) {
    section.product-landings-hero:before {
        background-position: 0 0;
        background-size: 19rem 19rem;
        bottom: -20rem;
        left: 7rem;
        right: 5rem;
        top: 37.5rem
    }
}

section.product-landings-hero .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 26rem;
    position: relative
}

section.product-landings-hero .content .lavalamp {
    --lava-blur: 10rem;
    height: 35rem;
    left: 50%;
    position: absolute;
    top: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35rem;
    z-index: -1
}

@media(max-width:480px) {
    section.product-landings-hero .content .lavalamp {
        left: -15rem
    }
}

section.product-landings-hero .content .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.product-landings-hero .content .title {
        font-size: 10rem;
        text-align: left
    }
}

section.blockchain-ecosystem-hero {
    position: relative
}

section.blockchain-ecosystem-hero:before {
    background: url(../images/bg.svg);
    background-position: 100% 0;
    background-size: 5.24rem 5.24rem;
    bottom: 3rem;
    content: "";
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 7rem;
    width: 26rem;
    z-index: -1
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero:before {
        background-position: 0 0;
        background-size: 19rem 19rem;
        bottom: 0;
        left: 7rem;
        right: 5rem;
        top: 40rem;
        width: unset
    }
}

section.blockchain-ecosystem-hero>.lamp-container {
    display: none
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero>.lamp-container {
        bottom: 0;
        display: block;
        height: 70rem;
        overflow: hidden;
        position: absolute;
        right: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
        width: 70rem;
        z-index: -1
    }

    section.blockchain-ecosystem-hero>.lamp-container>.lavalamp {
        --lava-blur: 15rem;
        bottom: 0;
        display: block;
        height: 50rem;
        position: absolute;
        right: 0;
        -webkit-transform: translateX(30%);
        transform: translateX(30%);
        width: 50rem
    }
}

section.blockchain-ecosystem-hero .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    min-height: 100vh
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        min-height: unset;
        padding-bottom: 10rem;
        padding-top: 40rem
    }
}

section.blockchain-ecosystem-hero .content .word {
    margin-left: .3rem;
    white-space: nowrap
}

section.blockchain-ecosystem-hero .content>.view {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    flex-grow: 1;
    position: relative
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content>.view {
        height: 90rem
    }
}

section.blockchain-ecosystem-hero .content>.view .frame3d,
section.blockchain-ecosystem-hero .content>.view .lavalamp {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

section.blockchain-ecosystem-hero .content>.view .lavalamp {
    height: 30rem;
    width: 30rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content>.view .lavalamp {
        --lava-blur: 15rem;
        height: 70rem;
        left: 10%;
        top: 10%;
        width: 70rem
    }
}

section.blockchain-ecosystem-hero .content>.view .frame3d {
    height: 35rem;
    width: 35rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content>.view .frame3d {
        height: 75rem;
        width: 75rem
    }
}

section.blockchain-ecosystem-hero .content>.data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-negative: 0;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    gap: 4rem;
    max-width: 53rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content>.data {
        gap: 7.5rem;
        max-width: unset
    }
}

section.blockchain-ecosystem-hero .content>.data .title .char {
    color: #fff;
    font-family: Infynyte;
    font-size: 8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content>.data .title .char {
        font-size: 10rem;
        line-height: 94%
    }
}

section.blockchain-ecosystem-hero .content>.data .title b .char {
    color: #24f6dd
}

section.blockchain-ecosystem-hero .content>.data .text {
    max-width: 43.75rem;
    padding-top: 2rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content>.data .text {
        max-width: unset;
        padding-top: 0
    }
}

section.blockchain-ecosystem-hero .content>.data .text .char {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-hero .content>.data .text .char {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.blockchain-ecosystem-hero .content>.data .btn-sm,
section.blockchain-ecosystem-hero .content>.data .char {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateX(20%) scale(.7);
    transform: translateX(20%) scale(.7);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, -webkit-transform .3s ease;
    transition: opacity .3s linear, transform .3s ease;
    transition: opacity .3s linear, transform .3s ease, -webkit-transform .3s ease
}

section.blockchain-ecosystem-hero .content>.data .btn-sm.show,
section.blockchain-ecosystem-hero .content>.data .char.show {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

section.blockchain-ecosystem-hero .content>.data .btn-sm.show.hide,
section.blockchain-ecosystem-hero .content>.data .char.show.hide {
    opacity: 0;
    -webkit-transform: translateX(20%) scale(.7);
    transform: translateX(20%) scale(.7)
}

section.blockchain-ecosystem-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 7rem;
    position: relative
}

section.blockchain-ecosystem-data>.pin {
    bottom: -5rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -12rem;
    z-index: 100
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.pin {
        bottom: unset;
        left: unset;
        position: relative;
        right: unset;
        top: unset;
        z-index: unset
    }
}

section.blockchain-ecosystem-data>.pin>.filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: 5rem 0;
    pointer-events: none;
    position: sticky;
    top: 80vh
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.pin>.filter {
        padding: 12.5rem 0;
        position: relative;
        top: unset
    }
}

section.blockchain-ecosystem-data>.pin>.filter>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    --icon-pad: .3rem;
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(1, 5, 22, .4);
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .25rem;
    justify-content: flex-start;
    padding: .25rem;
    pointer-events: all
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.pin>.filter>div {
        --icon-pad: 3.12rem;
        --icon-color: #464955;
        border: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3rem;
        padding: 0
    }
}

section.blockchain-ecosystem-data>.pin>.filter>div a {
    --icon-color: #24f6dd;
    border-radius: 2rem;
    font-family: RaleGrotesk;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: .375rem 1rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.pin>.filter>div a {
        background: #191a1e;
        border: 1px solid hsla(0, 0%, 100%, .15);
        border-radius: 10rem;
        font-size: 5rem;
        padding: 1.88rem 5rem
    }
}

section.blockchain-ecosystem-data>.pin>.filter>div a:hover {
    --icon-color: #24f6dd;
    background: hsla(0, 0%, 100%, .2)
}

section.blockchain-ecosystem-data>.pin>.filter>div a.active {
    --icon-color: #000;
    background: #fff;
    color: #000
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.pin>.filter>div a.active {
        --icon-color: #464955
    }
}

section.blockchain-ecosystem-data>.content {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.75rem;
    justify-content: flex-start;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content {
        gap: 25rem
    }
}

section.blockchain-ecosystem-data>.content.data-reloading-action {
    opacity: 0;
    pointer-events: none
}

section.blockchain-ecosystem-data>.content.data-reloading-ready {
    opacity: 1
}

section.blockchain-ecosystem-data>.content>.group {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.75rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group {
        gap: 7.5rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.title {
        gap: 7.5rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.title h2 {
    --icon-pad: 1rem;
    --icon-color: #24f6dd;
    color: #fff;
    font-family: Infynyte;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.title h2 {
        --icon-pad: 3.75rem;
        font-size: 7.5rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.title .text {
    color: #c0c1c5;
    font-family: RaleGroteskBase;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 58.5rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.title .text {
        font-size: 4.375rem;
        line-height: 6.25rem;
        max-width: unset
    }
}

section.blockchain-ecosystem-data>.content>.group>.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .35rem;
    justify-content: center
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.btns {
        gap: 3.75rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.btns:has(.ready) {
    display: none
}

section.blockchain-ecosystem-data>.content>.group>.items {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr)
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.items {
        gap: 5rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

section.blockchain-ecosystem-data>.content>.group>.items>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    background: #0d0e12;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: .75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    padding: 1.5rem;
    position: relative
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.items>a {
        border-radius: 3.75rem;
        gap: 2.5rem;
        padding: 2.5rem 2.5rem 1.5rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.items>a.hide {
    display: none
}

section.blockchain-ecosystem-data>.content>.group>.items>a>.img-frame {
    border-radius: .75rem;
    height: 9.5rem;
    overflow: hidden
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.items>a>.img-frame {
        border-radius: 3.75rem;
        height: 20.9375rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.items>a>.img-frame img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

section.blockchain-ecosystem-data>.content>.group>.items>a>.text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    max-width: 21rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.items>a>.text {
        font-size: 4.375rem;
        line-height: 6.25rem;
        max-width: unset;
        text-align: center
    }
}

section.blockchain-ecosystem-data>.content>.group>.items>a>.decor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .102);
    border-radius: 50%;
    bottom: 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: 1.5rem;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    width: 2rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.items>a>.decor {
        display: none;
        height: 10rem;
        -webkit-transform: translateY(1.2rem);
        transform: translateY(1.2rem);
        width: 10rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.items>a>.decor:after {
    background: url(../images/arrow-top-right.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .7rem;
    -webkit-transition: -webkit-filter .12s linear;
    transition: -webkit-filter .12s linear;
    transition: filter .12s linear;
    transition: filter .12s linear, -webkit-filter .12s linear;
    width: .7rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-data>.content>.group>.items>a>.decor:after {
        height: 3.7rem;
        width: 3.7rem
    }
}

section.blockchain-ecosystem-data>.content>.group>.items>a:hover .decor {
    background: #fff
}

section.blockchain-ecosystem-data>.content>.group>.items>a:hover .decor:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

section.blockchain-ecosystem-schema {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.65rem;
    justify-content: flex-start;
    padding-bottom: 5.5rem;
    padding-top: 5.5rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema {
        gap: 7.5rem;
        padding-bottom: 25rem;
        padding-top: 7.5rem
    }
}

section.blockchain-ecosystem-schema>.head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: flex-start;
    max-width: 58.5rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.head {
        gap: 7.5rem;
        max-width: unset
    }
}

section.blockchain-ecosystem-schema>.head .title {
    color: #fff;
    font-family: Infynyte;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.head .title {
        font-size: 7.5rem
    }
}

section.blockchain-ecosystem-schema>.head .text {
    color: #fff;
    font-family: RaleGroteskBase;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.head .text {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

section.blockchain-ecosystem-schema>.schema {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50rem;
    justify-content: center;
    padding-top: 2rem;
    position: relative
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 6.25rem;
        height: unset;
        padding: 105rem 3.75rem 0
    }
}

section.blockchain-ecosystem-schema>.schema .lavalamp {
    height: 19rem;
    position: absolute;
    width: 25rem;
    z-index: -20
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .lavalamp {
        display: none
    }
}

section.blockchain-ecosystem-schema>.schema .lavalamp:last-child {
    left: -3rem;
    top: 15rem
}

section.blockchain-ecosystem-schema>.schema .lavalamp:nth-last-child(2) {
    height: 32rem;
    right: -4rem;
    top: -19rem;
    width: 20rem
}

section.blockchain-ecosystem-schema>.schema:before {
    background: url(../images/def-point-bg.svg);
    background-position: 0 0;
    background-size: 5.24rem 5.24rem;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask-image: url(../images/bg-1.png);
    mask-image: url(../images/bg-1.png);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    opacity: var(--bg-points-opacity, 1);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -10
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema:before {
        display: none
    }

    section.blockchain-ecosystem-schema>.schema:after {
        -webkit-animation: bch-ecosys-decor-blic 7s linear infinite forwards;
        animation: bch-ecosys-decor-blic 7s linear infinite forwards;
        background-image: radial-gradient(circle, rgba(12, 194, 255, .2) 20%, #0cc2ff 50%, rgba(12, 194, 255, .2) 80%);
        background-size: 400% 400%;
        bottom: -11em;
        content: "";
        left: 0;
        -webkit-mask-image: url(../images/line.svg);
        mask-image: url(../images/line.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        right: 0;
        top: 63rem;
        z-index: -10
    }
}

section.blockchain-ecosystem-schema>.schema .img-frame {
    height: 28.25rem;
    width: 35.83331rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .img-frame {
        height: 101.7rem;
        left: 0;
        position: absolute;
        right: 0;
        top: 5rem;
        width: unset
    }
}

section.blockchain-ecosystem-schema>.schema .btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .75rem;
    justify-content: center;
    margin-top: -2rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.75rem;
        margin: 0 -3.75rem;
        padding-top: 7.5rem
    }
}

section.blockchain-ecosystem-schema>.schema .item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#01121c), to(#02111c));
    background: linear-gradient(180deg, #01121c, #02111c);
    border-radius: .375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .7rem;
    height: 8.7rem;
    justify-content: center;
    max-width: 15.4375rem;
    position: absolute;
    width: 15.4375rem;
    z-index: 10
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .item {
        border-radius: 1.875rem;
        gap: 1.75rem;
        height: unset;
        max-width: unset;
        padding: 3.75rem;
        position: relative;
        width: unset;
        z-index: 100
    }
}

section.blockchain-ecosystem-schema>.schema .item>img {
    height: 3.125rem;
    width: auto
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .item>img {
        height: 10rem
    }
}

section.blockchain-ecosystem-schema>.schema .item>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    padding: 0 1rem;
    text-align: center;
    text-shadow: 0 12px 24px rgba(0, 0, 0, .5);
    text-transform: lowercase
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .item>span {
        font-size: 5rem;
        line-height: 6.25rem
    }
}

section.blockchain-ecosystem-schema>.schema .item>.decor {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@-webkit-keyframes bch-ecosys-decor-blic {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% -200%
    }
}

@keyframes bch-ecosys-decor-blic {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% -200%
    }
}

section.blockchain-ecosystem-schema>.schema .item>.decor:after,
section.blockchain-ecosystem-schema>.schema .item>.decor:before {
    -webkit-animation: bch-ecosys-decor-blic 7s linear infinite forwards;
    animation: bch-ecosys-decor-blic 7s linear infinite forwards;
    background-image: radial-gradient(circle, rgba(12, 194, 255, .2) 20%, #0cc2ff 50%, rgba(12, 194, 255, .2) 80%);
    background-size: 400% 400%;
    content: "";
    display: block;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    z-index: -1
}

section.blockchain-ecosystem-schema>.schema .item>.decor:before {
    height: 7rem;
    left: 0;
    -webkit-mask-image: url(../images/left-top.svg);
    mask-image: url(../images/left-top.svg);
    top: 0;
    -webkit-transform: translate(-20%, -20%);
    transform: translate(-20%, -20%);
    width: 7rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .item>.decor:before {
        height: 32.8125rem;
        -webkit-mask-image: url(../images/left-top-m.svg);
        mask-image: url(../images/left-top-m.svg);
        -webkit-transform: translate(-20%, -20%);
        transform: translate(-20%, -20%);
        width: 32.8125rem
    }
}

section.blockchain-ecosystem-schema>.schema .item>.decor:after {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    bottom: 0;
    height: 12rem;
    -webkit-mask-image: url(../images/right-bottom-line.svg);
    mask-image: url(../images/right-bottom-line.svg);
    right: 0;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    width: 12rem
}

@media(max-width:480px) {
    section.blockchain-ecosystem-schema>.schema .item>.decor:after {
        -webkit-animation-delay: .55s;
        animation-delay: .55s;
        animation-direction: reverse;
        height: 32.8125rem;
        -webkit-mask-image: url(../images/left-top-m.svg);
        mask-image: url(../images/left-top-m.svg);
        -webkit-transform: scale(-1) translate(-20%, -20%);
        transform: scale(-1) translate(-20%, -20%);
        width: 32.8125rem
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(2)>.decor:before {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(2)>.decor:after {
        -webkit-animation-delay: .65s;
        animation-delay: .65s
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(3)>.decor:before {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(3)>.decor:after {
        -webkit-animation-delay: .75s;
        animation-delay: .75s
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(4)>.decor:before {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(4)>.decor:after {
        -webkit-animation-delay: .85s;
        animation-delay: .85s
    }
}

@media(min-width:480px) {
    section.blockchain-ecosystem-schema>.schema .item:first-child {
        left: 13.25rem;
        top: 4.31rem
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(2) {
        right: 13.25rem;
        top: 4.31rem
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(2)>.decor {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(3) {
        bottom: 4.31rem;
        left: 13.25rem
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(3)>.decor {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(4) {
        bottom: 4.31rem;
        right: 13.25rem
    }

    section.blockchain-ecosystem-schema>.schema .item:nth-child(4)>.decor {
        -webkit-transform: scale(-1);
        transform: scale(-1)
    }
}

footer,
main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: var(--footer-margin-top, 0);
    min-height: 57.93rem;
    position: relative
}

@media(max-width:480px) {
    footer {
        min-height: 0;
        padding-top: 80rem
    }
}

footer>.back {
    bottom: 0;
    display: block;
    left: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(2%, transparent), color-stop(15%, #000));
    -webkit-mask: linear-gradient(180deg, transparent 2%, #000 15%);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(2%, transparent), color-stop(15%, #000));
    mask: linear-gradient(180deg, transparent 2%, #000 15%);
    position: absolute;
    right: 0;
    top: 0;
    top: -5%;
    z-index: -1
}

@media(max-width:480px) {
    footer>.back {
        bottom: 60%;
        top: 0
    }
}

@media(min-width:1920px) {
    footer>.back {
        left: calc(-50vw - -50%);
        right: calc(-50vw - -50%)
    }
}

footer>.back:before {
    background: var(--footer-animated-logo-bg, #0cc2ff);
    border-radius: 70%;
    content: "";
    display: inline-block;
    -webkit-filter: blur(3rem);
    filter: blur(3rem);
    height: 8rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -60%) scale(1.1);
    transform: translate(-50%, -60%) scale(1.1);
    width: 8rem;
    z-index: 150
}

@media(max-width:480px) {
    footer>.back:before {
        -webkit-filter: blur(5rem);
        filter: blur(5rem);
        height: 30rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 20rem
    }
}

footer>.back .logo-animation {
    --frame-size: 12rem;
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 200
}

@media(max-width:480px) {
    footer>.back .logo-animation {
        --frame-size: 23.4375rem
    }
}

footer>.back canvas {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

footer>.front {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

footer>.front>* {
    margin-top: 5rem
}

@media(max-width:480px) {
    footer>.front>* {
        margin-top: 7.5rem
    }
}

footer>.front .data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 4rem
}

@media(max-width:480px) {
    footer>.front .data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12.5rem;
        padding: 40rem 0 10rem
    }
}

footer>.front .data .license {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.44rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    footer>.front .data .license {
        gap: 1.44rem
    }
}

footer>.front .data .license>img {
    height: 3.625rem;
    width: auto
}

@media(max-width:480px) {
    footer>.front .data .license>img {
        height: 12.5rem
    }
}

footer>.front .data .license a.fbtn,
footer>.front .data .license button {
    background: none;
    border: none;
    color: hsla(0, 0%, 100%, .749);
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 0 0 .75rem;
    outline: none;
    padding: 0;
    text-decoration: underline;
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

@media(max-width:480px) {

    footer>.front .data .license a.fbtn,
    footer>.front .data .license button {
        font-size: 5rem;
        line-height: 7.5rem;
        margin: 3rem 0
    }
}

footer>.front .data .license a.fbtn:hover,
footer>.front .data .license button:hover {
    background: none;
    border: none;
    color: #fff;
    outline: none
}

footer>.front .data .license p {
    color: hsla(0, 0%, 100%, .4);
    font-size: .87rem;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    max-width: 21rem
}

@media(max-width:480px) {
    footer>.front .data .license p {
        font-size: 3.75rem;
        max-width: unset
    }
}

footer>.front .data .social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    justify-content: flex-start;
    max-width: 15rem
}

@media(max-width:480px) {
    footer>.front .data .social {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 7.5rem;
        max-width: unset
    }
}

footer>.front .data .social>span {
    color: #fff;
    font-family: Infynyte;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 92%;
    text-align: center;
    text-transform: lowercase
}

@media(max-width:480px) {
    footer>.front .data .social>span {
        font-size: 5.625rem;
        font-style: normal;
        line-height: 92%
    }
}

footer>.front .data .social>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media(min-width:480px) {
    footer>.front .data .social>div {
        gap: .75rem
    }
}

@media(max-width:480px) {
    footer>.front .data .social>div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3.75rem
    }
}

footer>.front .data .social>div a {
    border: .05rem solid hsla(0, 0%, 100%, .15);
    border-radius: .375rem;
    display: inline-block;
    height: 3rem;
    -webkit-transition: border .3s linear;
    transition: border .3s linear;
    width: 3rem
}

@media(max-width:480px) {
    footer>.front .data .social>div a {
        border-radius: 1.875rem;
        height: 14.3rem;
        width: 14.3rem
    }
}

footer>.front .data .social>div a img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    width: 100%
}

footer>.front .data .social>div a:hover {
    border-color: #fff
}

footer>.front .data .groups {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-pack: distribute;
    -ms-flex-preferred-size: 50%;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 50%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5rem;
    justify-content: space-around
}

@media(max-width:480px) {
    footer>.front .data .groups {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start
    }
}

footer>.front .data .groups>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    justify-content: flex-start
}

@media(max-width:480px) {
    footer>.front .data .groups>div {
        -ms-flex-preferred-size: 40%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 40%;
        flex-grow: 1;
        gap: 5.5rem;
        margin-top: 10rem
    }

    footer>.front .data .groups>div>a {
        font-size: 5rem
    }
}

footer>.front .data .groups>div a {
    color: hsla(0, 0%, 100%, .749);
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

footer>.front .data .groups>div a:hover {
    color: #fff
}

footer>.front .data .groups>div>span {
    color: hsla(0, 0%, 100%, .4);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    margin-bottom: 1rem
}

@media(max-width:480px) {
    footer>.front .data .groups>div>span {
        font-size: 4.375rem
    }
}

footer>.front .foot {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-top: .1rem solid hsla(0, 0%, 100%, .149);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    padding: 1.5rem 4rem
}

@media(max-width:480px) {
    footer>.front .foot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-top-width: .5rem;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 2.5rem;
        padding: 7.5rem 0
    }
}

footer>.front .foot>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.81rem;
    justify-content: center
}

@media(max-width:480px) {
    footer>.front .foot>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.5rem
    }
}

footer>.front .foot>div,
footer>.front .foot>div>a,
footer>.front .foot>div>span {
    color: hsla(0, 0%, 100%, .75);
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem
}

@media(max-width:480px) {

    footer>.front .foot>div,
    footer>.front .foot>div>a,
    footer>.front .foot>div>span {
        font-size: 4.375rem;
        line-height: 6.25rem
    }
}

footer>.front .foot>div>a {
    -webkit-transition: color .4s linear;
    transition: color .4s linear
}

footer>.front .foot>div>a:hover {
    color: #fff
}

@media(max-width:480px) {
    footer>.front .foot>div:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    footer>.front .foot>div:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

footer.sm {
    min-height: unset;
    padding-top: 0
}

footer:not(:has(.back)) {
    min-height: unset;
    padding-top: unset
}

body.blockchain {
    --body-background: #000106;
    --preloader-background: #000106;
    --preloader-decor-color: #24f6dd;
    --preloader-logo-color1: #5affec;
    --open-menu-button-bg: #01051666;
    --open-menu-button-border-color: #ffffff26;
    --primary-btn-background: #24f6dd;
    --btn-color-primary: #010516;
    --footer-animated-logo-bg: #919191;
    --mobile-menu-hover: #595959;
    --mobile-menu-bg: #000106;
    --mobile-menu-bg-desktop: #fff;
    --close-mobile-menu-bg: #000106;
    --close-mobile-menu-color: #fff;
    --footer-margin-top: 7rem;
    --mobile-mega-menu-text-color: #fff;
    --discover-item-hover-border: #fff;
    --lava-color-first: #24f6dd;
    --lava-color-third: #24f6dd
}

@media(max-width:480px) {
    body.blockchain {
        --footer-margin-top: 0rem
    }
}

body.x-app {
    --body-background: #000106;
    --preloader-background: #000106;
    --points-bg: url(../images/x-app-bg.svg);
    --footer-animated-logo-bg: #6222f6;
    --section-img-txt-link-hover: #6222f6;
    --btn-color-primary: #fff;
    --primary-btn-background: linear-gradient(122deg, hsla(0, 0%, 100%, .1) 24.4%, hsla(0, 0%, 100%, 0) 69.12%), #6222f6;
    --mobile-menu-bg: #000106;
    --close-mobile-menu-bg: #000106;
    --close-mobile-menu-color: #fff;
    --mobile-mega-menu-text-color: #fff
}

body.main-2 {
    --body-background: #000106;
    --primary-btn-background: #0cc2ff;
    --btn-color-primary: #010516;
    --mobile-menu-bg: #000106;
    --mobile-mega-menu-text-color: #fff;
    --lava-color-first: #25c8ff;
    --lava-color-second: #000;
    --lava-color-third: #25c8ff;
    --lava-color-fourth: #000
}

body.web3bank {
    --mobile-menu-bg: #000106;
    --mobile-mega-menu-text-color: #fff;
    --lava-color-first: #0094c5;
    --lava-color-second: #000;
    --lava-color-third: #0094c5;
    --lava-color-fourth: #000
}

#detach-button-host {
    display: none !important
}

section.hero-2 .data{
    padding-top: 10%;
}

section.hero-2 .data .txt span{
    font-weight: 100; 
    font-size: 70%;
}

section.hero-2 .data .txt p,.about>.content-txt>.data>.text p,section.video-text .content .data .txt p{
    text-align: justify !important;
}

/* .about>.content-txt>.data>.text>.logo{
    height: 8rem !important;
}
.modal-active-get-token .content-txt>.data>.text p, section.img-txt .content-txt>.data>.text p, section.video-text .content .data .txt p, section.ecosystems .head .subtitle{
    font-size: 1.2rem !important;
    
} */

section.video-text .content .community-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: stretch;
    background-image: url(../images/frame-sq-lt.svg), url(../images/frame-sq-lb.svg), url(../images/frame-sq-rt.svg), url(../images/frame-sq-rb.svg);
    background-position: 0 0, 0 100%, 100% 0, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 6.61594rem 6.61594rem, 6.61594rem 6.61594rem, 6.61594rem 6.61594rem, 6.61594rem 6.61594rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 32rem;
    justify-content: center;
    padding: 1.5rem;
    width: 62%;
    margin: 0 auto;
}

section.community-video-text .content {
   padding: 0 !important;
}

.enable-iframe iframe{
    pointer-events: bounding-box !important;
}

/* Responsive YouTube Video */
.community-video .img-frame {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.community-video .img-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Adjust parent container styles for mobile */
section.community-video-text .content {
    padding: 0.5rem; /* Add slight padding for smaller screens */
    width: 100%;
}

section.video-text .community-video {
    width: 100%;
    padding: 1rem; /* Adjust padding for mobile */
    height: auto;
    background-size: 4rem 4rem, 4rem 4rem, 4rem 4rem, 4rem 4rem; /* Scale the background for mobile */
}

/* Media query for extra styling */
@media screen and (max-width: 768px) {
    .community-video .img-frame {
        padding-bottom: 75%; /* Adjust for smaller screen ratios if needed */
    }

    section.community-video-text .content {
        padding: 0.25rem; /* Smaller padding on narrower screens */
    }
    section.video-text .content .community-video{
        width: 100%;
        height: 5%;
    }
    h2.pad.section-title{
        margin-top: 24%;
    }
}

.shrink {
    transition: 1s ease;
}

.shrink:hover {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: 1s ease;
}

.inline {
    width: 20px;  /* Adjust icon size as needed */
    height: 20px;
    display: inline-block;
    background-size: cover;
}

.mexc-icon {
    background-image: url('images/mexc.svg');
}

.htx-icon {
    background-image: url('images/htx.svg');
}

.uni-icon {
    background-image: url('images/uni.svg');
}

.pancake-icon {
    background-image: url('images/pank.svg');
}

.w-full {
    width: 100%;
}

.ai-ifm-div,.ledgerx-div,.fb-div,.insidecrypto-div,.roadmap-div{
    padding-top: 100px;
}

.ai-ifm-div,.ledgerx-div iframe,
.fb-div iframe,
.roadmap-div iframe,
.insidecrypto-div-sub iframe {
    pointer-events: auto !important;
}

.ai-ifm-div,
.ai-ifm-div-sub,
.ai-ifm-div iframe {
    pointer-events: auto !important;
    position: relative;
    z-index: 1;
}
.not-top video{
    margin-top: 0 !important;
}

/* Button used to open the chat form - fixed at the bottom of the page */
.open-chat-button {
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 10px;
  right: 28px;
  width: 7%;
  z-index: 1000000;
}

/* The popup chat - hidden by default */
.chat-popup {
    display: none;
    position: fixed;
    bottom: 135px;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9;
    min-width: 300px;
    z-index: 1000000;
  }

.chat-popup-contain {
    background-color: #0e1117;
    min-height: 500px;
}
 
  /* Add a red background color to the cancel button */
  .chat-popup .cancel {
    float: right;
    border: 0;
  }
  

  /* Mobile responsiveness */
@media screen and (max-width: 768px) {
    /* Adjust button size and position */
    .open-chat-button {
      width: 15%;
      bottom: 15px;
      right: 15px;
      padding: 12px;
      font-size: 14px;
    }
  
    /* Adjust popup size and position */
    .chat-popup {
      bottom: 100px;
      right: 10px;
      width: 90%;
      max-width: 350px;
    }
  
    .chat-popup-contain {
      min-height: 400px;
      width: auto !important;
    }
  }
  
  /* Smaller screens like phones */
  @media screen and (max-width: 480px) {
    .open-chat-button {
      width: 18%;
      bottom: 10px;
      right: 10px;
      padding: 10px;
    }
  
    .chat-popup {
      bottom: 80px;
      width: 95%;
      max-width: 320px;
      bottom: 85px !important;
    }
  
    .chat-popup-contain {
      min-height: 350px;
      width: auto !important;
    }
  }

  .projects .content .left h1 b{
    font-size: 3rem !important;
  }
  
  




.text-sum-container {
    width: 100%;
    /* margin-top: 50px; */
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    
}
.text-sum-container .text-area {
    width: 98%;
    min-height: 200px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 10px;
    background: white;
    color: black;
}
.text-sum-container .paste-btn {
    border: 1px solid #198754;
    color: #198754;
    background: none;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-sum-container .paste-btn:hover {
    background-color: #198754;
    color: white;
}
.text-sum-container .summary-btn {
    background-color: #198754;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    color: white;
}
.text-sum-container .summary-btn:hover {
    background-color: #146c43;
}
.text-sum-container .mt-3{
    padding: 10px 0 10px 0;
    text-align: center;
}

/* text paraphrase */

.text-par-container {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    /* max-width: 800px; */
}
.text-par-container .buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.text-par-container .buttons button {
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background: #008037;
    color: white;
    font-size: 16px;
}
.text-par-container .buttons button:hover {
    background: #006b2e;
}
.text-par-container textarea, .text-par-container .result {
    display: inline-block;
    width: 48%;
    min-height: 315px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none;
    background: white;
    color: black;
}
.text-par-container .upload {
    margin-top: 10px;
}
.text-par-container .submit-btn {
    display: block;
    width: 98%;
    background: #008037;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    font-size: 16px;
}
.text-par-container .submit-btn:hover {
    background: #006b2e;
}


@media (max-width: 480px) {
    .text-par-container {
        padding: 15px;
    }

    .text-par-container .buttons {
        flex-direction: column;
    }

    .text-par-container textarea, 
    .text-par-container .result {
        min-height: 200px;
        width: 88%;
    }

    .text-par-container .submit-btn {
        font-size: 14px;
        padding: 8px;
    }
}

/*Crypto Seer chat bot*/

.seer-chat-container {
    margin-top: 100px;
    width: 100%;
    background-color: #222;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.seer-chat-container .chat-header {
    background-color: #0cc2ff;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.seer-chat-container .chat-body {
    height: 500px;
    overflow-y: auto;
    padding: 10px;
    background-color: #333;
    display: flex;
    flex-direction: column;
}
.seer-chat-container .chat-input {
    display: flex;
    padding: 10px;
    background-color: #222;
}
.seer-chat-container .chat-input input {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 5px;
    outline: none;
}
.seer-chat-container .chat-input button {
    margin-left: 10px;
    background-color: #0cc2ff;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}
.seer-chat-container .chat-message {
    margin: 5px 0;
    padding: 8px;
    border-radius: 5px;
    max-width: 80%;
    display: inline-block;
}
.seer-chat-container .bot-message {
    background-color: #444;
    color: white;
    align-self: flex-start;
}
.seer-chat-container .user-message {
    background-color: #0cc2ff;
    color: black;
    align-self: flex-end;
}

.max-textarea{
    width: 62% !important;
}
.min-result{
    width: 34% !important;
}

.ai-detection {
    font-size: 100px;
    font-weight: bold;
    color: #13294B; /* Dark blue color */
}
.ai-detection-text-info {
    font-size: 30px;
    color: #13294B; /* Dark blue color */
}
.result-section{
    text-align: center;
}
.ledgerx-logo{
    margin-top: 66px !important;
}
.harf-head .btn-line p{
    height: 2.92rem;
}

section.bank-benefits .cards .wrapper .item .btns .btn-sm {
    color: #0cc2ff;
}
.chat-input select{
    margin-right: 10px;
}

/* Videos Series */
.video-ser .banner {
    background: #ececec;
    text-align: center;
    padding: 40px 20px;
    border-bottom: 1px solid #ccc;
}

.video-ser .banner h1 {
    font-size: 48px;
    color: #1a1a80;
    margin: 0;
}

.video-ser .banner p {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}

.video-ser .video-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 30px;
}

.video-ser .video-card {
    width: 400px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}



.video-ser .video-info {
    padding: 10px 15px;
}

.video-ser .video-info h4 {
    font-size: 16px;
    margin: 0 0 5px;
}

.video-ser .video-info p {
    font-size: 14px;
    color: #555;
    margin: 0;
}

.video-ser {
    background-color: white;
    margin-top: 130px;
}

.video-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
  }
  
  .video-card:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  }
/* End Videos Series */

/* Chatbot Animation */
.chatbotImg {
    width: 80px; /* Adjust as needed */
    animation: float 3s ease-in-out infinite, glow 2s ease-in-out infinite;
    transition: transform 0.3s ease;
  }
  
  @keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
  }
  
  @keyframes glow {
    0% {
      filter: drop-shadow(0 0 3px #00f2ff);
    }
    50% {
      filter: drop-shadow(0 0 10px #00f2ff);
    }
    100% {
      filter: drop-shadow(0 0 3px #00f2ff);
    }
  }

  /* End Chatbot Animation */
  
  /* Coin Comare */
  .compare-form{
    width: 100%;
  }

  .compare-form .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 30px 20px;
    flex-wrap: wrap;
    width: 100%;
  }

  .compare-form select, button {
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 16px;
    border: none;
  }

  .compare-form select {
    background-color: #1f222b;
    color: #0cc2ff;
    width: 45%;
    height: 50px;
  }

  .compare-form button {
    background-color: #0cc2ff;
    color: #242836;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 25%;
    height: 30px;
  }

  .compare-dashboard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  width: 100%;
}

.compare-dashboard h1 {
    color: #fff;
    font-family: Infynyte;
    font-size: 2.5rem;

    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 1.5rem;
    text-transform: lowercase;
}
.compare-dashboard p {
    font-size: 20px;
    margin-bottom: 20px;
}
.coin1,
.coin2 {
  width: 45%;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

@media (max-width: 768px) {
  .compare-dashboard {
    flex-direction: column;
  }

  .coin1,
  .coin2 {
    width: 100%;
    margin-bottom: 20px;
  }
}

.recharts-tooltip-wrapper {
    background-color: transparent !important;
    pointer-events: none;
  }
  
  .recharts-default-tooltip {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: none;
    color: white;
    padding: 8px;
    border-radius: 8px;
    font-size: 14px;
  }
  /* compare chatbot*/
  .support-btn {
    margin-left: 10px;
    background-color: #0cc2ff;
    color: black;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
}

.support-btn:hover {
    background-color: #0aa9dd;
}

.compare-chatbot-popup {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 300px;
    height: 450px;
    background-color: black;
    border: 2px solid #0cc2ff;
    border-radius: 12px;
    z-index: 1000000;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.compare-chatbot-header {
    background-color: #0cc2ff;
    color: black;
    padding: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}



.compare-chatbot-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    color: white;
}

.compare-messages {
    flex: 1;
    overflow-y: auto;
    margin-bottom: 10px;
}

.compare-chat-input {
    display: flex;
    gap: 10px;
}

.compare-chat-input input {
    flex: 1;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #0cc2ff;
    background-color: #1a1a1a;
    color: white;
}

.compare-chat-input button {
    padding: 8px 12px;
    background-color: #0cc2ff;
    color: black;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}

.compare-chatbot-header button {
    background-color: #0cc2ff;
}

.compare-chat-user {
    text-align: right;
    color: #007bff;
    margin-bottom: 10px;
  }
  
  .compare-chat-bot {
    text-align: left;
    color: #0cc2ff;
    margin-bottom: 10px;
  }
  
  /* End Coin Compare */

  .coinPriceBlock-footer {
    display: none !important;
    }

    .coinPriceBlock-container {
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.coinPriceBlock-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.loading_clz .loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0cc2ff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* styles.css */

/* Mobile styles */
@media (max-width: 600px) {
    .loading_clz p, .nu-success-message, .nu-error-message {
        font-size: 4rem; /* Larger font size for mobile */
    }
}


@media (max-width: 768px) {
    .otc-form-label .form-label,.res-message{
      font-size: 16px;
    }
    .otc-form-label .form-label-p,.otc-form-label p{
        font-size: 14px !important;
    }
    .otc-form-label select, .otc-form-label input, .otc-form-label textarea{
        font-size: 4rem !important;
    }
  }

  @media (max-width: 480px) {
    .otc-form-label .form-label,.res-message {
      font-size: 16px;
    }
    .otc-form-label .form-label-p,.otc-form-label p{
        font-size: 14px !important;
    }
    .otc-form-label select, .otc-form-label input, .otc-form-label textarea{
        font-size: 4rem !important;
    }
  }