@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-ExtraLight.ttf) format("ttf"), url(../fonts/BlauerNue-ExtraLight.woff) format("woff"), url(../fonts/BlauerNue-ExtraLight.woff2) format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-Light.ttf) format("ttf"), url(../fonts/BlauerNue-Light.woff) format("woff"), url(../fonts/BlauerNue-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-Regular.ttf) format("ttf"), url(../fonts/BlauerNue-Regular.woff) format("woff"), url(../fonts/BlauerNue-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-Medium.ttf) format("ttf"), url(../fonts/BlauerNue-Medium.woff) format("woff"), url(../fonts/BlauerNue-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-Medium_Italic.ttf) format("ttf"), url(../fonts/BlauerNue-Medium_Italic.woff) format("woff"), url(../fonts/BlauerNue-Medium_Italic.woff2) format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-SemiBold.ttf) format("ttf"), url(../fonts/BlauerNue-SemiBold.woff) format("woff"), url(../fonts/BlauerNue-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-Bold.ttf) format("ttf"), url(../fonts/BlauerNue-Bold.woff) format("woff"), url(../fonts/BlauerNue-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Blauer Nue";
    src: url(../fonts/BlauerNue-ExtraBold.ttf) format("ttf"), url(../fonts/BlauerNue-ExtraBold.woff) format("woff"), url(../fonts/BlauerNue-ExtraBold.woff2) format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

*,
::after,
::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased !important;
    -webkit-tap-highlight-color: transparent;
    outline: 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

a,
body,
div,
form,
h1,
h2,
h3,
h4,
h5,
li,
p,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    line-height: 1
}

button,
input,
textarea {
    outline: 0 !important;
    -webkit-transition: .125s;
    -o-transition: .125s;
    transition: .125s;
    font-family: inherit
}

input:active,
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=text]:focus {
    outline: 0 !important
}

::-webkit-input-placeholder {
    color: #222
}

::-moz-placeholder {
    color: #222
}

:-moz-placeholder {
    color: #222
}

:-ms-input-placeholder {
    color: #222
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

html {
    height: 100%;
    scroll-behavior: smooth;
    width: 100%
}

svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto
}

circle,
path,
rect,
svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a:focus,
a:hover {
    text-decoration: none
}

li,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

i {
    line-height: 100%
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

button {
    cursor: pointer;
    border: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: inherit;
    font-size: 1em
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 2
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

html.fixed-body {
    overflow-y: hidden
}

.wrapper {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.m-page {
    width: calc(100vw - (100vw - 100%));
    overflow-x: hidden;
    font-family: "Blauer Nue", sans-serif;
    font-weight: 400;
    color: #fff;
    background: #000;
    font-size: 16px
}

@media screen and (max-width:1440px) {
    .m-page {
        font-size: 1.1111111111vw
    }
}

.m-page.fixed-body,
.m-page.fixed-body2 {
    overflow-y: hidden;
    padding-right: var(--scrollWidth)
}

.container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 7.5em
}

a:hover {
    color: #2be3f1
}

@media screen and (max-width:992px) {
    .m-page {
        font-size: 2.0833333333vw
    }

    .container {
        padding: 0 1em
    }
}

@media screen and (max-width:576px) {
    .m-page {
        font-size: 4.2666666667vw
    }
}

.text-center {
    text-align: center
}

.caps-text {
    text-transform: uppercase
}

.underline-text {
    text-decoration: underline
}

.h1 {
    font-size: 3.5em;
    font-weight: 600;
    line-height: 150%
}

.text20 {
    font-size: 1.25em;
    line-height: 120%
}

.text19 {
    font-size: 1.1875em;
    line-height: 120%
}

.text18 {
    font-size: 1.125em;
    line-height: 120%
}

.text17 {
    font-size: 1.0625em;
    line-height: 120%
}

.text16 {
    font-size: 1em;
    line-height: 150%
}

.text15 {
    font-size: .9375em;
    line-height: 120%
}

.text14 {
    font-size: .875em;
    line-height: 120%
}

.text13 {
    font-size: .8125em;
    line-height: 120%
}

.text12 {
    font-size: .75em;
    line-height: 120%
}

.text11 {
    font-size: .6875em;
    line-height: 120%
}

.text10 {
    font-size: .625em;
    line-height: 120%
}

.extra-bold-text {
    font-weight: 800
}

.bold-text {
    font-weight: 700
}

.semi-bold-text {
    font-weight: 600
}

.medium-text {
    font-weight: 500
}

.regular-text {
    font-weight: 400
}

.light-text {
    font-weight: 300
}

.m-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .225s ease-out;
    -o-transition: .225s ease-out;
    transition: .225s ease-out;
    padding: 0 1.5em;
    height: 2.5em;
    border-radius: .5em
}

.m-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.m-btn span {
    font-size: .875em
}

.m-btn img {
    width: 1.25em;
    margin-left: .5em
}

.m-btn--big {
    height: 3.4375em
}

.m-btn--big span {
    font-size: 1em
}

.m-btn-black {
    background-color: #000;
    color: #2be3f1
}

.m-btn-black:hover {
    background-color: #333;
    color: #2be3f1
}

.m-btn-blue {
    background-color: #2be3f1;
    color: #000
}

.m-btn-blue:hover {
    background-color: rgb(11.2743362832, 159.4513274336, 170.7256637168);
    color: #000
}

.m-btn-blue:disabled {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .8))), #2be3f1;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 100%), #2be3f1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 100%), #2be3f1
}

.m-btn-white-outline {
    border: 1px solid #d4d4d4;
    color: #d4d4d4;
    font-weight: 500
}

.m-btn-white-outline:hover {
    background-color: #2be3f1;
    border-color: #2be3f1;
    color: #000
}

.m-btn-grad {
    border-radius: .68em;
    border: 1.36px solid #2be3f1;
    background: -webkit-gradient(linear, left top, right top, from(#2be3f1), to(#585bf9)), rgba(0, 0, 0, .14);
    background: -o-linear-gradient(left, #2be3f1 0, #585bf9 100%), rgba(0, 0, 0, .14);
    background: linear-gradient(90deg, #2be3f1 0, #585bf9 100%), rgba(0, 0, 0, .14);
    -webkit-backdrop-filter: blur(18.3600006104px);
    backdrop-filter: blur(18.3600006104px);
    height: 4.25em;
    color: #fff;
    font-weight: 600
}

.m-btn-grad:hover {
    color: #fff;
    opacity: .8
}

.m-btn-grad span {
    font-size: 1.36em
}

@media screen and (max-width:992px) {
    .h1 {
        font-size: 1.875em;
        line-height: 133%
    }

    .text20-tablet {
        font-size: 1.25em
    }

    .text19-tablet {
        font-size: 1.1875em
    }

    .text18-tablet {
        font-size: 1.125em
    }

    .text17-tablet {
        font-size: 1.0625em
    }

    .text16-tablet {
        font-size: 1em
    }

    .text15-tablet {
        font-size: .9375em
    }

    .text14-tablet {
        font-size: .875em
    }

    .text13-tablet {
        font-size: .8125em
    }

    .text12-tablet {
        font-size: .75em
    }

    .text11-tablet {
        font-size: .6875em
    }

    .text10-tablet {
        font-size: .625em
    }

    .m-btn--big {
        height: 3.25em
    }
}

.fg {
    position: relative;
    margin: 0
}

.fg label {
    display: block;
    font-size: .875em;
    line-height: 120%;
    margin-bottom: .375em
}

.fg label span {
    color: #2be3f1
}

.fg input,
.fg textarea {
    border-radius: .5em;
    border: 2px solid #b0b4b4;
    padding: 0 1em;
    height: 3em;
    width: 100%;
    font-size: 1em;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../img/error.svg);
    background-size: 0 auto;
    background-position: right 1em center;
    background-repeat: no-repeat;
    color: #fff
}

.fg input::-webkit-input-placeholder,
.fg textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.fg input::-moz-placeholder,
.fg textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.fg input:-ms-input-placeholder,
.fg textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.fg input::-ms-input-placeholder,
.fg textarea::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.fg input::placeholder,
.fg textarea::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.fg input:focus,
.fg textarea:focus {
    border-color: #2be3f1
}

.fg textarea {
    padding-top: 1.19em;
    padding-bottom: 1.19em;
    height: 13.0625em;
    resize: vertical
}

.fg__field {
    position: relative
}

.fg._error input {
    background-size: 1.25em auto;
    padding-right: 3.25em
}

.fg._error label {
    color: #da3259
}

.fg._error .fg__error-text {
    display: block
}

.fg__error-text {
    margin-top: .375em;
    color: #da3259;
    display: none;
    font-size: .875em;
    line-height: 120%
}

@media screen and (max-width:576px) {
    .modal-socials .socials {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .modal-socials .socials__item {
        width: 2.5em;
        height: 2.5em
    }

    .modal-socials .socials__item img {
        width: 1.5em
    }
}

.pagination {
    margin-top: 3.75em
}

.pagination__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__item {
    height: 3.625em;
    min-width: 3.625em;
    padding: 0 1.25em;
    border-radius: .25em;
    border: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .3125em;
    font-weight: 500
}

.pagination__item svg {
    width: 1.0625em;
    height: auto
}

.pagination__item._active {
    pointer-events: none
}

.pagination__item._active,
.pagination__item:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.pagination__item._active path,
.pagination__item:hover path {
    fill: #fff
}

.pagination__item._btn {
    padding: 0 1.5em
}

@media screen and (max-width:992px) {
    .pagination {
        margin-top: 1.875em
    }
}

@media screen and (max-width:576px) {
    .pagination {
        margin-top: 1.56em
    }

    .pagination ._hide-tablet {
        display: none
    }

    .pagination ._btn {
        width: 2.8125em;
        padding: 0
    }

    .pagination__item {
        height: 2.8125em;
        min-width: 2.8125em;
        padding: 0 .875em
    }

    .pagination__item span {
        font-size: .875em
    }
}

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

.tab {
    height: 3.5625em;
    padding: 0 1.56em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(0, 0, 0, .8);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.tab:not(:last-child) {
    margin: 0 .94em 0 0
}

.tab:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #2be3f1;
    opacity: 0;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.tab span {
    font-size: .875em;
    line-height: 120%
}

.tab:hover {
    background: #fbfbfb;
    cursor: pointer
}

.tab._active {
    background: #fbfbfb;
    pointer-events: none
}

.tab._active:before {
    opacity: 1
}

.tab-content {
    display: none
}

.tab-content._active {
    display: block
}

.grid {
    display: grid;
    gap: 1.25em;
    grid-template-columns: 100%
}

.grid2 {
    grid-template-columns: repeat(2, calc(50% - .5em))
}

.grid3 {
    grid-template-columns: repeat(3, calc(33.3333333333% - .8333333333em))
}

.grid4,
.grid5 {
    grid-template-columns: repeat(4, calc(25% - .9375em))
}

@media screen and (max-width:992px) {
    .grid-tablet {
        grid-template-columns: 100%
    }

    .grid-tablet2 {
        grid-template-columns: repeat(2, calc(50% - .625em))
    }
}

._flex,
._flex-between,
._flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._flex-between._start,
._flex-center._start,
._flex._start {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
}

._flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-backdrop {
    position: relative
}

.m-backdrop:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    border-radius: inherit
}

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

.socials__item {
    width: 2.25em;
    height: 2.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.socials__item:not(:last-child) {
    margin: 0 .5em 0 0
}

.socials__item:hover path {
    fill: #2be3f1
}

.socials__item svg {
    width: 1.25em
}

:root {
    --vh: 1vh
}

.breadcrumbs {
    margin-top: 60px
}

.breadcrumbs__item {
    font-size: 16px;
    line-height: 110%;
    position: relative;
    font-weight: 400;
    display: inline
}

.breadcrumbs__item:last-child {
    font-weight: 600
}

.breadcrumbs__item:not(:first-child) {
    margin-left: 24px
}

.breadcrumbs__item:not(:first-child):before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 3.51px;
    height: 3.51px;
    background-color: #2be3f1;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
    right: 100%;
    margin-right: 10px
}

.modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100*var(--vh));
    background-color: #000;
    opacity: .8
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100*var(--vh));
    overflow: hidden;
    z-index: 80;
    opacity: 0;
    pointer-events: none;
    padding: 1em 0;
    text-align: center
}

.modal:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal._active {
    opacity: 1;
    pointer-events: unset
}

.modal._active .modal__bg {
    display: block
}

.modal._active .modal__dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal__dialog {
    text-align: left;
    vertical-align: middle;
    background: #1a1a1a;
    width: 60em;
    max-width: 100%;
    position: relative;
    z-index: 3;
    padding: 5.38em 5.44em 3.125em 10.81em;
    border-radius: 1.375em;
    display: inline-block;
    max-height: 100%;
    overflow-y: auto;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.modal__title {
    font-size: 3em;
    line-height: 117%;
    font-weight: 700
}

.modal .close-btn {
    position: absolute;
    top: 3.25em;
    left: 3.25em
}

.modal__icon {
    width: 6.25em;
    display: block;
    margin-bottom: 4em
}

.modal__desc {
    margin-top: 1.375em
}

.close-btn {
    width: 3em;
    height: 3em;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: hsla(0, 0%, 100%, .1)
}

.close-btn img {
    width: 1.25em
}

.modal-form {
    margin-top: 4.37em;
    display: grid;
    grid-template-columns: 100%;
    gap: 1.375em
}

.modal-form__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: auto;
    height: 3em
}

.modal-form__btn span {
    font-size: 1.0625em
}

.modal-form__hint {
    color: #7f8989
}

.modal-form__hint a {
    text-decoration: underline
}

.modal-socials {
    margin-top: 2em
}

.modal-socials .socials {
    margin-top: .75em
}

@media screen and (max-width:992px) {
    .modal {
        padding: 0
    }

    .modal:after {
        display: none
    }

    .modal__dialog {
        width: 100%;
        height: calc(100*var(--vh));
        overflow-y: auto;
        border-radius: 0;
        padding: 3.875em 2em 1em;
        -webkit-transform: translateY(-220%);
        -ms-transform: translateY(-220%);
        transform: translateY(-220%)
    }

    .modal .close-btn {
        position: static;
        margin-bottom: 3.25em
    }

    .modal__icon {
        margin: 5.25em auto 4em
    }

    .modal-form {
        margin-top: 2em
    }

    .modal-form__btn {
        width: 100%
    }
}

@media screen and (max-width:576px) {
    .grid-mob {
        grid-template-columns: 100%
    }

    .modal__dialog:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/modal-bg.svg);
        background-size: 100% auto;
        -webkit-filter: blur(111px);
        filter: blur(111px);
        width: 100%;
        height: 27.5em;
        z-index: -1
    }

    .modal__desc {
        max-width: 18.75em
    }
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 4em 0
}

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

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

.header__logo img {
    width: 6.5em;
    display: block
}

.header__right {
    margin-top: -75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5em;
    height: 2.5em;
    border-radius: .3125em;
    margin-right: .75em
}

.header__link span {
    font-size: .875em
}

.header__link._active,
.header__link:hover {
    color: #000;
    background-color: #2be3f1
}

.header__tg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.875em;
    padding: 0 1.5em;
    color: #2be3f1
}

.header__tg img {
    width: 1.875em;
    margin-right: .5em
}

.burger,
.menu {
    display: none
}

@media screen and (min-width:993px) {
    .header2 .header__logo {
        height: 6.5em;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 2.5em 0 1.75em;
        border-radius: 1.5625em;
        border: 1px solid #fff;
        background: #101010;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
    }

    .main__inner:before,
    .ready__inner:before,
    .reviews__inner:before {
        content: "";
        position: absolute;
        width: 65em;
        height: 65em;
        border-radius: 50%;
        background: -o-radial-gradient(50% 50%, 50% 50%, rgba(43, 227, 241, .3) 0, rgba(43, 227, 241, 0) 100%);
        background: radial-gradient(50% 50% at 50% 50%, rgba(43, 227, 241, .3) 0, rgba(43, 227, 241, 0) 100%);
        opacity: .59;
        z-index: -1
    }
}

.header2 .header__tg {
    color: #1c8ad4
}

.header2 .header__tg img {
    width: 2.875em;
    margin-right: .5em
}

@media screen and (max-width:992px) {
    .header {
        padding: 0
    }

    .header__inner {
        height: 4.375em
    }

    .header__right {
        display: none
    }

    .header__logo {
        width: 8.8125em
    }

    .header__logo img {
        width: 100%
    }

    .header._open .menu {
        opacity: 1;
        pointer-events: unset
    }

    .header._open .menu__wrap {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 2em
    }

    .burger img {
        width: 100%
    }

    .menu {
        display: block;
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 0;
        pointer-events: none
    }

    .menu__wrap {
        padding: 0 1.5em 3.25em;
        border-radius: 0 0 2em 2em;
        background-color: #000;
        position: relative;
        z-index: 10;
        -webkit-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
        transform: translateY(-120%);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .menu__top {
        height: 4.375em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: .25em
    }

    .menu__btn {
        margin-top: 3.25em;
        width: 100%
    }

    .menu__bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100*var(--vh));
        z-index: 2;
        background: rgba(24, 24, 24, .9)
    }

    .menu .burger img {
        width: 2em
    }

    .nav li {
        height: 4.25em;
        border-top: 1px solid #333
    }

    .nav li:last-child {
        border-bottom: 1px solid #333
    }

    .nav a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        font-size: 1.25em
    }
}

.footer {
    padding: 3.25em 0;
    border-top: 1px solid #1a1a1a;
    margin-top: 1.25em
}

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

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

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

.footer__logo {
    display: block;
    width: 6.5em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.5em
}

.footer__logo img {
    width: 100%;
    display: block
}

.footer__c {
    max-width: 9em;
    color: #7f8989
}

.footer__c span {
    font-size: .875em;
    line-height: 121%
}

.footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2em
}

.footer__link {
    font-size: 1.0625em;
    line-height: 118%;
    margin-right: 1.9em
}

.footer__link:last-child {
    margin: 0
}

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

.footer-socials__title {
    font-size: 1.0625em;
    line-height: 118%;
    color: #7f8989
}

.footer-socials .socials {
    margin-left: .5em
}

@media screen and (max-width:992px) {
    .footer {
        margin-top: 1.5em;
        padding: 1em 0
    }

    .footer__right {
        display: block
    }

    .footer__links {
        margin: 2em 0 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__link {
        margin: 0
    }
}

@media screen and (max-width:576px) {
    .footer__inner {
        display: block
    }

    .footer__right {
        margin-top: 2em
    }

    .footer__logo {
        width: 10.75em;
        margin-right: 2em
    }

    .footer__c {
        max-width: 10.75em;
        text-align: right
    }

    .footer-socials__title {
        white-space: nowrap
    }
}

.main__inner,
.ready__inner,
.reviews__inner {
    position: relative
}

.main {
    padding-top: 12.5em
}

@media screen and (min-width:993px) {
    .main__inner:before {
        top: -14.63em;
        left: -17.31em
    }
}

.main__col {
    min-height: 50.1875em;
    width: 45.375em;
    padding-top: 7.7em
}

.main__top {
    display: grid;
    grid-template-columns: 100%;
    gap: 3em
}

.main__title {
    font-size: 4em;
    line-height: 120%;
    font-weight: 600;
    color: #d4d4d4
}

.main__title span {
    color: #fff
}

.main__desc {
    font-size: 1.25em;
    line-height: 142%;
    color: #aeaeae;
    max-width: 31em
}

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

.main__link {
    margin-right: 2.625em;
    padding: 0 1.5em
}

.main__link:last-child {
    margin: 0
}

.main__link img {
    width: 1.25em;
    margin-left: .5em
}

.main__link svg {
    width: 1.5em;
    margin-right: .5em
}

.main__link:hover path {
    fill: #000
}

.main__img {
    position: absolute;
    right: 3.5em;
    top: 0;
    width: 24em
}

.main__img img {
    width: 100%;
    display: block
}

.main-users {
    padding: .625em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .main {
        padding: 6.375em 0 0
    }

    .main__col {
        padding: 0;
        width: 100%;
        min-height: unset;
        margin: 0
    }

    .main__top {
        gap: 1em
    }

    .main__title {
        font-size: 1.875em
    }

    .main__desc {
        font-size: .75em;
        margin-top: -.67em
    }

    .main__img {
        display: block;
        position: static;
        width: 15em;
        margin: 0 auto
    }

    .main-users {
        margin-top: 1em
    }
}

@media screen and (max-width:576px) {
    .main__img {
        width: 7.6875em
    }

    .main__nav {
        display: grid;
        grid-template-columns: 100%;
        gap: 1em
    }

    .main__link {
        margin: 0
    }

    .m-video__img img {
        height: 23.4375em;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.about__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.about__text {
    position: relative
}

.about__text img {
    position: absolute;
    top: 100%;
    right: -2em;
    width: 12.8125em
}

.about__text:before {
    content: "";
    position: absolute;
    width: 6.5em;
    height: 6.5em;
    bottom: -1.25em;
    right: -3em;
    z-index: -1;
    background: #003e42;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    border-radius: 50%
}

.about__subtitle {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 150%
}

.about__title span {
    color: #2be3f1
}

.about__watch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.5em;
    color: #a3a3a3;
    font-weight: 200
}

.about__watch img {
    width: 2em;
    margin-right: .5em
}

.about .m-video {
    margin-top: 1em
}

.m-video {
    display: block
}

.m-video__img {
    position: relative;
    border-radius: 2em;
    border: 1px solid #2be3f1
}

.m-video__img img {
    border-radius: inherit;
    width: 100%;
    display: block
}

.m-video__img:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../img/play.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    width: 5.1875em;
    height: 5.1875em
}

@media screen and (max-width:992px) {
    .about {
        padding-top: 2em
    }

    .about__text img,
    .about__text:before {
        display: none
    }

    .about__subtitle {
        font-size: 1.5em
    }

    .about__watch {
        margin-top: 1em
    }

    .about__watch img {
        width: 1.5em
    }

    .about__watch span {
        font-size: .75em
    }

    .about .m-video {
        margin-top: .5em
    }

    .m-video__img {
        border-radius: .625em
    }
}

.spotlight {
    padding-top: 8em
}

.spotlight__inner {
    display: grid;
    grid-template-columns: 27.5em calc(100% - 30.5em);
    gap: 3em;
    position: relative
}

.spotlight__col {
    height: 42em
}

.spotlight__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 27.5em
}

.spotlight__img-wrap {
    position: relative;
    padding-bottom: 152.7%;
    display: block;
    -webkit-clip-path: polygon(99.791% 3.338%, 99.791% 3.338%, 99.725% 2.804%, 99.535% 2.297%, 99.23% 1.825%, 98.822% 1.394%, 98.32% 1.01%, 97.734% .681%, 97.076% .414%, 96.355% .214%, 95.583% .089%, 94.768% .046%, 5.023% .046%, 5.023% .046%, 4.208% .089%, 3.435% .214%, 2.715% .414%, 2.057% .681%, 1.471% 1.01%, .969% 1.394%, .561% 1.825%, .256% 2.297%, .066% 2.804%, 0 3.338%, 0 65.891%, 0 65.891%, .022% 66.199%, .088% 66.503%, .195% 66.799%, .343% 67.086%, .53% 67.363%, .756% 67.627%, 1.017% 67.877%, 1.315% 68.111%, 1.646% 68.327%, 2.009% 68.524%, 11.925% 73.397%, 11.925% 73.397%, 12.289% 73.594%, 12.62% 73.81%, 12.917% 74.044%, 13.179% 74.294%, 13.404% 74.558%, 13.591% 74.835%, 13.739% 75.122%, 13.847% 75.418%, 13.912% 75.721%, 13.934% 76.03%, 13.934% 96.709%, 13.934% 96.709%, 14% 97.243%, 14.19% 97.749%, 14.495% 98.221%, 14.904% 98.652%, 15.406% 99.036%, 15.991% 99.365%, 16.649% 99.633%, 17.37% 99.832%, 18.143% 99.957%, 18.957% 100%, 94.768% 100%, 94.768% 100%, 95.583% 99.957%, 96.355% 99.832%, 97.076% 99.633%, 97.734% 99.365%, 98.32% 99.036%, 98.822% 98.652%, 99.23% 98.221%, 99.535% 97.749%, 99.725% 97.243%, 99.791% 96.709%, 99.791% 3.338%);
    clip-path: polygon(99.791% 3.338%, 99.791% 3.338%, 99.725% 2.804%, 99.535% 2.297%, 99.23% 1.825%, 98.822% 1.394%, 98.32% 1.01%, 97.734% .681%, 97.076% .414%, 96.355% .214%, 95.583% .089%, 94.768% .046%, 5.023% .046%, 5.023% .046%, 4.208% .089%, 3.435% .214%, 2.715% .414%, 2.057% .681%, 1.471% 1.01%, .969% 1.394%, .561% 1.825%, .256% 2.297%, .066% 2.804%, 0 3.338%, 0 65.891%, 0 65.891%, .022% 66.199%, .088% 66.503%, .195% 66.799%, .343% 67.086%, .53% 67.363%, .756% 67.627%, 1.017% 67.877%, 1.315% 68.111%, 1.646% 68.327%, 2.009% 68.524%, 11.925% 73.397%, 11.925% 73.397%, 12.289% 73.594%, 12.62% 73.81%, 12.917% 74.044%, 13.179% 74.294%, 13.404% 74.558%, 13.591% 74.835%, 13.739% 75.122%, 13.847% 75.418%, 13.912% 75.721%, 13.934% 76.03%, 13.934% 96.709%, 13.934% 96.709%, 14% 97.243%, 14.19% 97.749%, 14.495% 98.221%, 14.904% 98.652%, 15.406% 99.036%, 15.991% 99.365%, 16.649% 99.633%, 17.37% 99.832%, 18.143% 99.957%, 18.957% 100%, 94.768% 100%, 94.768% 100%, 95.583% 99.957%, 96.355% 99.832%, 97.076% 99.633%, 97.734% 99.365%, 98.32% 99.036%, 98.822% 98.652%, 99.23% 98.221%, 99.535% 97.749%, 99.725% 97.243%, 99.791% 96.709%, 99.791% 3.338%)
}

.spotlight__img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.spotlight__img-text {
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 500;
    color: #2be3f1;
    text-transform: uppercase;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    z-index: 2;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.spotlight__img-text span {
    font-size: 1.125em
}

.spotlight__top {
    display: grid;
    grid-template-columns: 100%;
    gap: 2em;
    max-width: 34.25em
}

.spotlight__desc {
    opacity: .63;
    font-size: .89219em;
    line-height: 190%
}

.spotlight__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2em
}

.spotlight__link img {
    width: 1.25em;
    margin-left: .5em
}

.spotlight__items {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - .625em));
    gap: 1.625em 1.25em;
    margin-top: 2.5em
}

.spotlight-item--no-border .spotlight-item__img {
    border: none;
    border-radius: 0
}

.spotlight-item__img {
    position: relative;
    padding-bottom: 53.7%;
    display: block;
    border-radius: 1em;
    border: 1px solid #202020
}

.spotlight-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.level-up {
    padding-top: 6.5em
}

.level-up__inner {
    display: grid;
    grid-template-columns: 35.25em calc(100% - 39.25em);
    gap: 4em;
    position: relative;
    min-height: 31.5em
}

.level-up__col {
    display: grid;
    grid-template-columns: 100%;
    gap: 1em
}

.level-up__desc {
    color: #bababa
}

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

.level-up .spotlight-item {
    width: 21.07338em;
    margin-top: 2em
}

.level-up__img {
    display: block;
    border-radius: 1em;
    position: absolute;
    top: 0;
    right: 0;
    width: 34.75em
}

.level-up__img img {
    width: 100%;
    border-radius: inherit
}

@media screen and (max-width:992px) {
    .spotlight {
        padding-top: 2em
    }

    .spotlight__inner {
        grid-template-columns: 21.5em calc(100% - 22.5em);
        gap: 1em
    }

    .spotlight__col {
        height: 32.77em
    }

    .spotlight__img {
        width: 21.5em
    }

    .spotlight__img-text span {
        font-size: .875em
    }

    .spotlight__top {
        gap: .5em
    }

    .spotlight__desc {
        font-size: .75em;
        line-height: 120%
    }

    .spotlight__nav {
        margin-top: 1em
    }

    .spotlight__link {
        width: 100%
    }

    .spotlight__items {
        grid-template-columns: repeat(2, calc(50% - .40625em));
        gap: 1em .8125em;
        margin-top: 1em
    }

    .spotlight-item__img {
        border-radius: .3125em
    }

    .level-up {
        padding-top: 2em
    }

    .level-up__inner {
        grid-template-columns: repeat(2, calc(50% - .5em));
        gap: 1em;
        min-height: unset
    }

    .level-up__desc {
        font-size: .75em
    }

    .level-up .spotlight-item {
        width: 100%;
        margin-top: 0
    }

    .level-up__img {
        width: calc(50% - .5em)
    }

    .level-up__link {
        width: 100%
    }
}

@media screen and (max-width:576px) {
    .spotlight__inner {
        grid-template-columns: 100%
    }

    .spotlight__col {
        height: unset
    }

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

    .spotlight__img {
        width: 100%;
        position: relative;
        margin-top: 1em
    }

    .spotlight__title {
        text-align: center
    }

    .spotlight__nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .level-up {
        text-align: center
    }

    .level-up__inner {
        grid-template-columns: 100%
    }

    .level-up__nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .level-up__img {
        position: static;
        width: 100%
    }
}

.meet {
    padding-top: 8em
}

.meet__inner {
    position: relative
}

.meet__img:after {
    background: rgba(0, 0, 0, .34)
}

.meet__img img {
    width: 100%;
    display: block
}

.meet__text {
    position: absolute;
    top: 3.84em;
    right: 3em;
    width: 38.875em;
    display: grid;
    grid-template-columns: 100%;
    gap: 1em;
    text-align: right;
    color: #fff
}

.meet__desc ._hide-pc {
    display: none
}

.meet__video {
    position: absolute;
    bottom: .75em;
    left: 2.25em
}

.meet__video video {
    height: 36.125em;
    width: auto
}

.meet__video img {
    display: block;
    width: 16.375em
}

.meet-card {
    margin: 3em 0 0 auto;
    width: 21.0685em;
    padding: 1.1em 1.55em;
    position: relative;
    text-align: left
}

.meet-card__bg {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.meet-card ._view2 {
    display: none
}

.meet-card__text,
.meet-card__title {
    position: relative;
    z-index: 2;
    padding: 0 .625em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.meet-card__title {
    height: 4em;
    text-transform: uppercase
}

.meet-card__title span {
    font-size: 1.15988em;
    line-height: 165%
}

.meet-card__text {
    margin-top: .9375em;
    font-weight: 300;
    height: 3.0625em;
    max-width: 13.6875em
}

.meet-card__text span {
    font-size: .71375em;
    line-height: 187%
}

.meet-card__link {
    position: absolute;
    z-index: 2;
    right: 4em;
    bottom: 1em
}

.meet-card__link span {
    font-size: .71375em;
    line-height: 187%
}

@media screen and (max-width:992px) {
    .meet {
        padding-top: 2em
    }

    .meet__img:after {
        background: rgba(0, 0, 0, .34)
    }

    .meet__img img {
        width: 100%;
        display: block
    }

    .meet__text {
        top: 1.75em;
        right: 1em;
        width: 13.375em;
        gap: .375em
    }

    .meet__desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: .625em;
        color: #d8d8d8
    }

    .meet__desc br {
        display: none
    }

    .meet__desc ._hide-pc {
        display: unset
    }

    .meet__desc ._hide-tablet {
        display: none
    }

    .meet__desc i {
        color: #2be3f1;
        font-style: normal
    }

    .meet__video {
        bottom: 0;
        left: 1.25em
    }

    .meet__video img {
        width: 5.25em
    }

    .meet-card {
        margin-top: .375em;
        width: 8.75em;
        padding: .45em .64em
    }

    .meet-card ._view1 {
        display: none
    }

    .meet-card ._view2 {
        display: block
    }

    .meet-card__text,
    .meet-card__title {
        padding: 0 .25em
    }

    .meet-card__title {
        height: 1.64em
    }

    .meet-card__title span {
        font-size: .5em
    }

    .meet-card__text {
        margin-top: .125em;
        height: 1.08em;
        max-width: 5.65em
    }

    .meet-card__text span {
        font-size: .25em
    }

    .meet-card__link {
        display: none
    }
}

.reviews {
    padding-top: 8em
}

.reviews__inner:before {
    top: -16.1875em;
    right: -30.19em
}

.reviews__desc {
    max-width: 40em;
    margin-top: 1em;
    color: #bababa
}

.reviews__desc .text14 {
    line-height: 189%
}

.slider .swiper-pagination {
    display: none
}

.reviews-slider {
    margin-top: 5.5em;
    padding: 0 1em
}

.reviews-slider .swiper-container {
    width: calc(100% + 1.5em)
}

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

.reviews-slider .swiper-slide {
    width: 28.75em;
    height: auto;
    padding-right: 1.5em
}

.review-card {
    padding: 1.5em;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 1em;
    border: 1px solid rgba(173, 173, 173, .62);
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.review-card__img {
    width: 3.79em;
    height: 3.79em;
    margin-bottom: 1em
}

.review-card__img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.review-card__title {
    font-size: 1.25em;
    color: #2be3f1
}

.review-card__desc {
    margin-top: 1.25em;
    color: #cecece
}

.review-card__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.25em
}

.review-card__stars img {
    width: 1.5em;
    margin: 0 .125em
}

.ascend {
    padding-top: 12.5em
}

.ascend__inner {
    display: grid;
    grid-template-columns: 23.3125em calc(100% - 23em);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 47.125em;
    position: relative
}

.ascend__img {
    display: block;
    position: absolute;
    height: 100%;
    width: auto;
    left: 0;
    top: 0
}

.ascend__col2 {
    display: grid;
    grid-template-columns: 100%;
    gap: 1em;
    text-align: right
}

.ascend__desc {
    font-size: .875em;
    line-height: 189%;
    color: #bababa
}

.ascend__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:992px) {
    .reviews {
        padding-top: 2em;
        overflow: hidden
    }

    .reviews__desc {
        margin-top: .75em
    }

    .reviews-slider,
    .what-slider {
        margin-top: 1.5em;
        padding: 0
    }

    .reviews-slider .swiper-container,
    .what-slider .swiper-container {
        width: calc(100% + 1em)
    }

    .reviews-slider .swiper-slide,
    .what-slider .swiper-slide {
        width: 22.5em;
        padding-right: 1em
    }

    .review-card {
        padding: 1em;
        border-radius: .78em
    }

    .review-card__img {
        width: 2.98em;
        height: 2.98em;
        margin-bottom: .7em
    }

    .review-card__title {
        font-size: .875em
    }

    .review-card__desc,
    .review-card__stars {
        margin-top: 1em
    }

    .review-card__stars img {
        width: 1.18em;
        margin: 0 .1em
    }

    .ascend {
        padding-top: 2em
    }

    .ascend__inner {
        grid-template-columns: auto 25.5em;
        height: 26.5em
    }

    .ascend__col2 {
        gap: .5em
    }

    .ascend__desc {
        font-size: .75em;
        line-height: 120%
    }
}

@media screen and (max-width:576px) {
    .reviews {
        text-align: center
    }

    .slider .swiper-pagination {
        margin-top: 1em;
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .slider .swiper-pagination-bullet {
        width: .5em;
        height: .5em;
        margin: 0 .125em !important;
        background-color: #505050;
        opacity: 1
    }

    .slider .swiper-pagination-bullet-active {
        background-color: #2be3f1
    }

    .reviews-slider .swiper-slide,
    .what-slider .swiper-slide {
        width: 100%
    }

    .ascend__inner {
        height: auto;
        grid-template-columns: 100%
    }

    .ascend__col {
        display: none
    }

    .ascend__col2 {
        text-align: left
    }

    .ascend .h1 {
        line-height: 133%
    }

    .ascend__link {
        width: 100%
    }

    .ascend__img {
        position: static;
        height: auto;
        width: 8.65em;
        margin: .5em auto
    }
}

.what {
    padding: 8em 0
}

.what__top {
    display: grid;
    grid-template-columns: 100%;
    gap: 1em
}

.what__desc {
    color: #bababa;
    font-size: .875em;
    line-height: 189%
}

.what-slider {
    margin-top: 4em
}

@media screen and (min-width:993px) {
    .what-slider .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(6, calc(16.6666666667% - 1.25em));
        gap: 1.5em;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important
    }

    .what-slider .swiper-slide {
        grid-column: span 2;
        width: 100% !important
    }

    .what-slider .swiper-slide:nth-child(3)~.swiper-slide {
        grid-column: span 3
    }
}

.what-card {
    border-radius: 1em;
    border: 1px solid rgba(173, 173, 173, .62);
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    height: 100%;
    padding: 1.5em;
    text-align: center;
    min-height: 14.125em
}

.what-card__icon {
    height: 2.75em
}

.what-card__icon img {
    margin: 0 auto;
    height: 100%;
    display: block
}

.what-card__text {
    margin-top: 1em;
    display: grid;
    grid-template-columns: 100%;
    gap: 1em
}

.what-card__title {
    font-size: 1.25em;
    line-height: 120%;
    color: #2be3f1
}

.what-card__desc {
    font-size: .875em;
    line-height: 121%;
    color: #cecece;
    font-weight: 300
}

.ready {
    background-image: url(../img/ready.webp);
    background-size: cover;
    background-position: center
}

.ready__inner {
    min-height: 22.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ready__inner:before {
    top: -23.875em;
    left: -15.44em
}

.ready__col {
    max-width: 29em
}

.ready__title {
    font-size: 2.625em;
    line-height: 119%;
    font-weight: 800
}

.ready__link {
    font-weight: 500;
    height: 2.625em
}

.ready__link span {
    font-size: 1em
}

.ready__link img {
    width: 1.875em;
    margin: 0 .5em 0 0
}

@media screen and (max-width:992px) {
    .what {
        padding: 2em 0 0;
        overflow: hidden
    }

    .what__top {
        gap: .5em
    }

    .what__desc {
        font-size: .75em;
        line-height: 125%
    }

    .what-slider {
        margin-top: 1.5em
    }

    .what-card {
        border-radius: .5em;
        padding: 1em;
        min-height: 11em
    }

    .what-card__icon {
        height: 2.5em
    }

    .what-card__text {
        margin-top: .6em;
        gap: 1.25em
    }

    .what-card__title {
        font-size: 1em
    }

    .what-card__desc {
        font-size: .75em
    }

    .ready {
        margin-top: 2em;
        background-image: url(../img/ready.webp)
    }

    .ready__inner {
        min-height: unset;
        padding: 1em 0
    }

    .ready__col {
        max-width: 21.5em
    }

    .ready__title {
        font-size: 1.875em;
        line-height: 133%;
        font-weight: 600
    }
}

@media screen and (max-width:576px) {
    .what__nav {
        display: none
    }

    .ready {
        text-align: center
    }

    .ready__inner {
        display: block
    }

    .ready__col2 {
        margin-top: 1em
    }

    .ready__link {
        height: 2.5em;
        width: 100%
    }
}

.main2 {
    padding-bottom: 5em;
    overflow: hidden;
    position: relative
}

.main2__bg {
    position: absolute;
    top: 7.375em;
    left: 0;
    width: 100%;
    z-index: -1
}

.main2__inner {
    position: relative
}

.main2__col {
    padding: 20.94em 1.5em 6em 3.5em;
    background-color: #2be3f1;
    color: #000;
    width: 32.3125em;
    margin-left: -2.625em
}

.main2__top {
    display: grid;
    grid-template-columns: 100%;
    gap: 1.9375em
}

.main2__badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    padding: 0 .625em;
    border-radius: .9375em;
    background: #fff;
    height: 3.625em;
    border: 1px solid #585bf9
}

.main2__badge span {
    font-size: 1.5em;
    letter-spacing: .125em
}

.main2__badge img {
    display: none
}

.main2__title {
    font-size: 3em;
    line-height: 117%;
    font-weight: 600
}

.main2__desc {
    font-size: 1.5em;
    line-height: 142%
}

.main2__link {
    margin-top: 3.125em;
    width: 100%
}

.main2__img {
    position: absolute;
    left: 29.5em;
    top: 7.875em;
    width: 81em
}

.main2__img._view2 {
    display: none
}

.main-users {
    margin-top: .625em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-users__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .6875em
}

.main-users__images img {
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    border: 1px solid #fff
}

.main-users__title {
    font-size: .5em;
    opacity: .69
}

@media screen and (max-width:992px) {
    .main2 {
        padding: 4.375em 0 3em
    }

    .main2__bg {
        display: none
    }

    .main2 .container {
        padding: 0
    }

    .main2__col {
        padding: 1em 1.625em 1.72em;
        width: 100%;
        margin: 0
    }

    .main2__top {
        gap: 1.0625em
    }

    .main2__badge {
        padding: 0 .32em;
        border-radius: .49em;
        height: 1.875em;
        background-color: #000;
        color: #fff
    }

    .main2__badge img {
        display: block;
        width: 2em;
        margin-right: .3125em
    }

    .main2__badge span {
        letter-spacing: 0;
        font-size: .77181em
    }

    .main2__title {
        font-size: 1.875em;
        padding-right: .25em
    }

    .main2__desc {
        font-size: .875em
    }

    .main2__link {
        margin-top: 1em
    }

    .main2__img {
        display: block;
        position: static;
        width: 100%;
        max-width: 40em;
        margin: 2.44em auto 0
    }

    .main-users {
        margin-top: 1.5em
    }
}

@media screen and (max-width:576px) {
    .main2__img {
        width: calc(100% - 2em);
        margin-top: 3em
    }

    .main2__img._view1 {
        display: none
    }

    .main2__img._view2 {
        display: block
    }
}

.why {
    padding-top: 2.25em;
    overflow: hidden
}

.why__title {
    text-align: center;
    font-size: 6em;
    line-height: 150%;
    text-transform: capitalize
}

@media screen and (min-width:577px) {
    .why__title {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #2be3f1
    }

    .why__title-grad {
        background: -webkit-gradient(linear, left top, right top, color-stop(1.37%, rgba(255, 255, 255, .2)), color-stop(38.58%, #fff));
        background: -o-linear-gradient(left, rgba(255, 255, 255, .2) 1.37%, #fff 38.58%);
        background: linear-gradient(90deg, rgba(255, 255, 255, .2) 1.37%, #fff 38.58%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.why__title-blue {
    color: #2be3f1
}

.why__bottom {
    margin-top: 6.25em
}

.why__img img,
.why__img video {
    width: 100%;
    display: block
}

.why__img ._view2 {
    display: none
}

.why-slider {
    margin-top: 8.36em
}

.why-slider .swiper-container {
    width: calc(100% + 3.84em)
}

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

.why-slider .swiper-slide {
    height: auto;
    width: 37.5em;
    padding-right: 3.84em
}

.why-card {
    border-radius: 2.05538em;
    background: #1e1e1e;
    padding: 1.42em;
    height: 100%
}

.why-card__icon {
    height: 5.875em
}

.why-card__icon img {
    height: 100%;
    display: block
}

.why-card__text {
    display: grid;
    grid-template-columns: 100%;
    gap: 1.4em;
    margin-top: 1.28em
}

@media screen and (min-width:577px) {
    .why-card__icon {
        opacity: .7
    }

    .why-card__title {
        background: -webkit-gradient(linear, left top, right top, color-stop(-12.93%, rgba(255, 255, 255, .2)), color-stop(38.35%, #2be3f1));
        background: -o-linear-gradient(left, rgba(255, 255, 255, .2) -12.93%, #2be3f1 38.35%);
        background: linear-gradient(90deg, rgba(255, 255, 255, .2) -12.93%, #2be3f1 38.35%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.why-card__title {
    font-size: 2.5515em;
    line-height: 150%;
    font-weight: 700
}

.why-card__subtitle {
    font-size: 1.4175em;
    line-height: 170%;
    font-weight: 700
}

.why-card__desc {
    font-size: 1.19675em;
    line-height: 150%
}

.not-average {
    padding: 8.7em 0;
    text-align: center
}

.not-average__inner {
    position: relative;
    padding: 0 5em 6.5em;
    overflow: hidden;
    width: calc(100% + 10em);
    margin-left: -5em
}

.not-average__man,
.not-average__man2,
.not-average__man3 {
    position: absolute;
    pointer-events: none;
    z-index: -1
}

.not-average__man3,
.not-average__man4 {
    display: none
}

.not-average__man {
    bottom: -1.25em;
    left: 4.5em;
    width: 30.75em
}

.not-average__man2 {
    bottom: -6em;
    right: -2em;
    width: 35.75em
}

.not-average__title {
    background: -webkit-gradient(linear, left top, right top, color-stop(26.79%, red), color-stop(73.58%, #2be3f1));
    background: -o-linear-gradient(left, red 26.79%, #2be3f1 73.58%);
    background: linear-gradient(90deg, red 26.79%, #2be3f1 73.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 4em;
    line-height: 150%;
    font-weight: 700;
    text-transform: capitalize
}

.not-average__text {
    margin-top: 3.19em
}

.not-average__desc {
    font-size: 1.5em;
    line-height: 150%;
    font-weight: 700;
    text-transform: capitalize;
    background: -webkit-gradient(linear, left top, right top, color-stop(32.21%, #fff), color-stop(55.29%, #2be3f1));
    background: -o-linear-gradient(left, #fff 32.21%, #2be3f1 55.29%);
    background: linear-gradient(90deg, #fff 32.21%, #2be3f1 55.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.not-average__nav {
    margin-top: 6.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.not-average__btn {
    width: 17.5em
}

.not-average__btn ._view2 {
    display: none
}

@media screen and (max-width:992px) {
    .why {
        padding-top: 3em
    }

    .why__title {
        font-size: 4em;
        line-height: 120%;
        padding: 0 .5em
    }

    .why__bottom {
        margin: 3.25em 0 0 -1.5em;
        width: calc(100% + 3em)
    }

    .why-slider {
        margin-top: 5.06em
    }

    .why-slider .swiper-container {
        width: 100%
    }

    .why-slider .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - .5em));
        gap: 1em;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important
    }

    .why-slider .swiper-slide {
        height: 100%;
        width: 100%;
        padding: 0
    }

    .why-card {
        border-radius: 1em;
        padding: .75em
    }

    .why-card__icon {
        height: 4.125em
    }

    .why-card__text {
        gap: 1em;
        margin-top: .5em
    }

    .why-card__title {
        font-size: 1.875em;
        color: #2be3f1
    }

    .why-card__subtitle {
        font-size: 1.25em;
        line-height: 120%
    }

    .why-card__desc {
        font-size: .75em;
        line-height: 117%;
        font-weight: 200
    }

    .not-average {
        padding: 2em 0 8.5em;
        overflow: hidden
    }

    .not-average__inner {
        overflow: unset;
        padding: 0 1.5em 19em;
        width: 100%;
        margin: 0
    }

    .not-average__man {
        bottom: 1em;
        left: -7em;
        width: 17.97em
    }

    .not-average__man2 {
        bottom: 0;
        right: -10em;
        width: 19.0625em
    }

    .not-average__title {
        font-size: 3em
    }

    .not-average__text {
        margin-top: 4.75em;
        padding: 0 2.875em
    }

    .not-average__desc {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(14.9%, #fff));
        background-image: -o-linear-gradient(left, #fff 14.9%);
        background-image: linear-gradient(90deg, #fff 14.9%)
    }

    .not-average__nav {
        margin-top: 2.75em
    }
}

@media screen and (max-width:992px)and (min-width:577px) {
    .not-average__man {
        left: 0
    }

    .not-average__man2 {
        right: 0
    }
}

@media screen and (max-width:576px) {
    .why {
        padding-top: 0
    }

    .why__title {
        font-size: 1.875em;
        padding: 0 2em
    }

    .why__img ._view1 {
        display: none
    }

    .why__img ._view2 {
        display: block
    }

    .why-slider {
        margin-top: 2em
    }

    .why-slider .swiper-wrapper {
        grid-template-columns: 100%
    }

    .not-average {
        padding-bottom: 3em
    }

    .not-average__inner {
        padding: 0 0 20em
    }

    .not-average__title {
        background: -webkit-gradient(linear, left top, right top, from(#2be3f1), color-stop(54.33%, #0c858e), color-stop(96.15%, #2be3f1));
        background: -o-linear-gradient(left, #2be3f1 0, #0c858e 54.33%, #2be3f1 96.15%);
        background: linear-gradient(90deg, #2be3f1 0, #0c858e 54.33%, #2be3f1 96.15%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 1.75em;
        line-height: 121%
    }

    .not-average__text {
        margin-top: .75em;
        padding: 0
    }

    .not-average__desc {
        font-size: .875em;
        font-weight: 300;
        line-height: 150%;
        color: #bfbfbf
    }

    .not-average__btn {
        position: absolute;
        bottom: 0;
        left: 1em;
        width: calc(100% - 2em);
        z-index: 3
    }

    .not-average__btn ._view1 {
        display: none
    }

    .not-average__btn ._view2 {
        display: block
    }

    .not-average__btn img {
        width: 1.25em;
        margin-left: .5em
    }

    .not-average__man,
    .not-average__man2 {
        display: none
    }

    .not-average__man3 {
        display: block;
        width: calc(100% + 2em);
        left: -1em;
        bottom: 0
    }
}

@media screen and (min-width:993px) {
    .header-inner-page {
        padding: 2em 0
    }

    .header-inner-page .header__logo {
        border: none;
        background-color: rgba(0, 0, 0, 0)
    }
}

.rank {
    padding: 14em 0 6.25em
}

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

.rank__title {
    font-size: 1.5em;
    line-height: 143%;
    font-weight: 600;
    color: #60d669
}

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

.rank__change img {
    width: 1em;
    margin-right: .22em
}

.rank__change span {
    font-size: 1.07875em;
    line-height: 158%
}

.avatar {
    width: 4.31em;
    height: 4.31em;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.avatar img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    border: 2px solid #fff
}

.rank-user {
    margin-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rank-user .avatar {
    margin-right: 1.29em
}

.rank-user__name {
    font-size: 1.94175em;
    line-height: 111%;
    font-weight: 600
}

.rank-user__nik-name,
.rank-user__status span {
    font-size: 1.2945em;
    line-height: 167%
}

.rank-user__status {
    padding-left: 1em;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rank-user__status img {
    width: 3.12844em;
    margin-left: .43em
}

.rank-user__back {
    display: none
}

.referred {
    margin-top: 2.125em
}

.referred__bottom,
.referred__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.referred__title {
    font-size: 1.94175em;
    font-weight: 600
}

.referred__btn {
    border-radius: .3125em;
    height: 3.9375em;
    padding: 0 2.375em;
    background: #585af9;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.referred__btn:hover {
    background: rgb(38.7687861272, 41.3583815029, 247.2312138728);
    color: #fff
}

.referred__btn span {
    font-size: .875em
}

.referred__btn img {
    margin-left: .5em;
    width: 1.25em
}

.referred__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1em
}

.referred__bottom img {
    width: 4.3125em
}

.referred__num {
    font-size: 3em;
    font-weight: 600
}

@media screen and (min-width:993px) {
    .referred__top {
        padding: .94em 1.69em .94em .75em;
        border-radius: .9375em;
        border: 1px solid #282828
    }

    .referred__bottom {
        border-radius: .9375em;
        background: #181818;
        padding: .75em 1em
    }
}

@media screen and (max-width:992px) {
    .rank {
        padding: 5.5em 0 2em
    }

    .rank__title {
        font-size: .75em
    }

    .rank__change img {
        width: 1.25em;
        margin-right: .13em
    }

    .rank__change span {
        font-size: .625em
    }

    .avatar {
        width: 2.5em;
        height: 2.5em
    }

    .rank-user {
        margin-top: .7em
    }

    .rank-user .avatar {
        margin-right: .75em
    }

    .rank-user__name {
        font-size: 1.125em
    }

    .rank-user__nik-name,
    .rank-user__status span {
        font-size: .75em
    }

    .rank-user__status img {
        width: 1.8125em;
        margin-left: .25em
    }

    .rank-user__back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 1.5em;
        margin-right: .75em
    }

    .rank-user__back img {
        width: 100%
    }

    .referred {
        margin-top: 1.44em;
        border-radius: .5em;
        background: -webkit-gradient(linear, left bottom, left top, from(#181818), to(#181818)), #171717;
        background: -o-linear-gradient(bottom, #181818 0, #181818 100%), #171717;
        background: linear-gradient(0deg, #181818 0, #181818 100%), #171717;
        padding: .75em
    }

    .referred__top {
        padding: 0 0 1em;
        border-bottom: 1px solid #454545
    }

    .referred__title {
        font-size: 1em;
        letter-spacing: -.00706em
    }

    .referred__btn {
        height: 3em;
        padding: 0 1em
    }

    .referred__bottom {
        margin-top: .5em
    }

    .referred__bottom img {
        width: 2em
    }

    .referred__num {
        font-size: 2em;
        line-height: 131%
    }
}

@media screen and (max-width:576px) {
    .rank__top {
        font-size: .5em
    }
}

.my-progress {
    margin-top: 5.19em
}

.my-progress__title {
    font-size: 1.5em;
    line-height: 120%
}

.my-progress__top {
    margin-top: .75em;
    display: grid;
    grid-template-columns: 100%;
    gap: .75em
}

.my-progress__top-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.my-progress__desc {
    color: #a4a4a4;
    font-size: .875em;
    line-height: 120%
}

.my-progress__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .3125em 0 0 .3125em;
    border: 1px solid #222;
    background: #121212;
    width: 3.875em;
    height: 3.75em;
    margin-right: 1.19em
}

.my-progress__icon img {
    width: 100%
}

.my-progress__level {
    font-size: 1.5em;
    font-weight: 600;
    min-width: 11em
}

.my-progress__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.19em
}

.my-progress__hint {
    margin-left: .75em
}

.my-progress__hint-num {
    font-size: 1.25em;
    color: #00edff
}

.my-progress__hint-desc {
    display: none
}

.my-progress__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1em;
    padding-left: .5em
}

.my-progress__current {
    color: #2be3f1;
    font-size: 1.5em;
    font-weight: 600
}

.my-progress__nums {
    font-size: 3em;
    line-height: 105%;
    color: #939393
}

.my-progress__nums span {
    color: #fff;
    font-weight: 600
}

.progress-bar {
    border-radius: .98463em;
    background: #505050;
    height: 1em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.progress-bar span {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: -webkit-gradient(linear, left top, right top, from(#005157), to(#2be3f1));
    background: -o-linear-gradient(left, #005157 0, #2be3f1 100%);
    background: linear-gradient(90deg, #005157 0, #2be3f1 100%);
    -webkit-box-shadow: 1.908px 0 6.996px 0 rgba(0, 0, 0, .25);
    box-shadow: 1.908px 0 6.996px 0 rgba(0, 0, 0, .25);
    min-width: .8125em;
    max-width: 100%
}

.upcoming-level {
    margin-top: 5.19em
}

.upcoming-level__title {
    font-size: 2em;
    line-height: 110%;
    font-weight: 600
}

.upcoming-level__top {
    margin-top: 1.5em
}

.upcoming-level__lock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a4a4a4
}

.upcoming-level__lock img {
    width: 2.25em;
    margin-right: .5em
}

.upcoming-level__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5em;
    font-weight: 600
}

.upcoming-level__status span {
    font-size: 1.5em
}

.upcoming-level__status img {
    width: 5.1875em;
    margin-right: 1.19em
}

@media screen and (max-width:992px) {

    .my-progress,
    .upcoming-level {
        margin-top: 1.44em
    }

    .my-progress__title,
    .upcoming-level__title {
        font-size: .875em;
        color: #a4a4a4;
        font-weight: 400
    }

    .my-progress__top {
        background: #121212;
        border-radius: .3125em;
        border: 1px solid #222;
        display: block;
        padding: .5em .5em .5em 7.375em;
        position: relative;
        min-height: 6.65em
    }

    .my-progress__top-row {
        display: block
    }

    .my-progress__icon {
        padding: 0 .22em;
        border-radius: 0;
        border: none;
        border-right: 1px solid #222;
        background: rgba(0, 0, 0, 0);
        width: 6.875em;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .my-progress__level {
        line-height: 130%;
        min-width: unset
    }

    .my-progress__info {
        margin: .75em 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .my-progress__hint {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 0 0 .19em
    }

    .my-progress__hint-num {
        font-size: .875em;
        display: inline-block
    }

    .my-progress__hint-desc {
        display: inline-block;
        color: #a4a4a4;
        font-size: .75em
    }

    .my-progress__bottom {
        border-radius: .3125em;
        border: 1px solid #222;
        background: #121212;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 5.625em;
        margin-top: .75em;
        padding: .75em 1em 1em;
        text-align: center
    }

    .my-progress__current {
        color: #939393;
        font-size: .875em;
        font-weight: 400
    }

    .my-progress__nums {
        font-size: .875em
    }

    .my-progress__nums span {
        font-size: 1.71em
    }

    .progress-bar {
        width: 100%;
        height: .65em
    }

    .upcoming-level__top {
        background: #121212;
        border-radius: .3125em;
        border: 1px solid #222;
        padding: .75em;
        position: relative
    }

    .upcoming-level__lock img {
        width: 1.25em
    }

    .upcoming-level__lock span {
        font-size: .875em
    }

    .upcoming-level__status {
        margin-top: .5em
    }

    .upcoming-level__status span {
        line-height: 120%
    }

    .upcoming-level__status img {
        position: absolute;
        margin: 0;
        right: .25em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 4em
    }
}

.leaderboard {
    margin-top: 5.19em
}

.leaderboard__title {
    font-size: 2.5em;
    line-height: 120%;
    font-weight: 600
}

.leaderboard__items {
    margin-top: 3.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.leaderboard__ranks {
    position: relative;
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.leaderboard__ranks:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(1.5%, #080808), color-stop(48%, #2be3f1), to(#080808));
    background: -o-linear-gradient(left, #080808 1.5%, #2be3f1 48%, #080808 100%);
    background: linear-gradient(90deg, #080808 1.5%, #2be3f1 48%, #080808 100%)
}

.leaderboard__rank {
    position: relative;
    z-index: 2;
    background-image: url(../img/rank-bg.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    border-radius: 1.125em;
    width: 4.875em;
    height: 4.875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600
}

.leaderboard__rank span {
    font-size: 3em
}

.leaderboard__rows {
    display: grid;
    grid-template-columns: 100%;
    gap: 2.125em;
    margin-top: 5.75em
}

.leaderboard-card {
    background-color: #d4660d;
    padding: .4375em;
    border-radius: .39656em;
    height: 17.125em;
    width: 14.875em;
    position: relative
}

.leaderboard-card__inner {
    height: 100%;
    border-radius: .19831em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.17%, #ffddb5), color-stop(65.1%, #744105));
    background: -o-linear-gradient(top, #ffddb5 .17%, #744105 65.1%);
    background: linear-gradient(180deg, #ffddb5 .17%, #744105 65.1%);
    padding: .25em
}

.leaderboard-card__img {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.leaderboard-card__img img {
    max-width: 100%;
    max-height: 100%
}

.leaderboard-card__content {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 .39656em .39656em;
    height: 9em;
    background: rgba(0, 0, 0, .54);
    -webkit-backdrop-filter: blur(14.5150537491px);
    backdrop-filter: blur(14.5150537491px);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    text-align: center
}

.leaderboard-card__badge {
    margin-top: -.07em;
    width: 2.48em
}

.leaderboard-card__name {
    font-size: 1.25em;
    line-height: 175%;
    font-weight: 600
}

.leaderboard-card__desc {
    font-size: .875em;
    margin: .5em 0 1em
}

.leaderboard-card__props {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.leaderboard-card__prop {
    font-size: 1em;
    line-height: 110%;
    margin: 0 .125em
}

.leaderboard-card__prop._blue {
    color: #85f6ff;
    font-weight: 600
}

.leaderboard-card._silver {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.2%, #b9c8df), color-stop(53.17%, #12171f));
    background: -o-linear-gradient(top, #b9c8df .2%, #12171f 53.17%);
    background: linear-gradient(180deg, #b9c8df .2%, #12171f 53.17%)
}

.leaderboard-card._silver .leaderboard-card__inner {
    background: -o-linear-gradient(269deg, rgba(30, 30, 30, .5) 21.01%, rgba(159, 177, 205, .5) 42%, rgba(49, 64, 86, .5) 65.55%);
    background: linear-gradient(181deg, rgba(30, 30, 30, .5) 21.01%, rgba(159, 177, 205, .5) 42%, rgba(49, 64, 86, .5) 65.55%)
}

.leaderboard-card._diamond {
    height: 19.3125em;
    background: -o-linear-gradient(271deg, #fff -7.39%, #2be3f1 24.51%, rgba(88, 91, 249, .5) 77.35%, #fff 121.93%);
    background: linear-gradient(179deg, #fff -7.39%, #2be3f1 24.51%, rgba(88, 91, 249, .5) 77.35%, #fff 121.93%)
}

.leaderboard-card._diamond .leaderboard-card__inner {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.32%, rgba(88, 91, 249, .5)), color-stop(65.66%, rgba(0, 0, 0, .5)));
    background: -o-linear-gradient(top, rgba(88, 91, 249, .5) .32%, rgba(0, 0, 0, .5) 65.66%);
    background: linear-gradient(180deg, rgba(88, 91, 249, .5) .32%, rgba(0, 0, 0, .5) 65.66%)
}

@media screen and (max-width:992px) {
    .leaderboard {
        margin-top: 1.44em
    }

    .leaderboard__title {
        font-size: 1.5em
    }

    .leaderboard__items {
        margin-top: 3.125em
    }

    .leaderboard__ranks {
        margin-top: .7em
    }

    .leaderboard__rank {
        background-image: url(../img/rank-bg2.svg);
        border-radius: 50%;
        width: 2em;
        height: 2em
    }

    .leaderboard__rank span {
        font-size: .625em
    }

    .leaderboard__rank._first {
        background-image: unset;
        border: 2px solid #2be3f1;
        width: 2.5em;
        height: 2.5em
    }

    .leaderboard__rank._first span {
        font-size: 1em
    }

    .leaderboard__rows {
        gap: .75em;
        margin-top: 1em
    }

    .leaderboard-card {
        padding: .2em;
        width: 6.3125em;
        height: 8.75em
    }

    .leaderboard-card__inner {
        height: 100%;
        padding: .25em .25em 1em
    }

    .leaderboard-card__content {
        height: 4.6em
    }

    .leaderboard-card__badge {
        margin-top: -.02em
    }

    .leaderboard-card__name {
        font-size: .79319em;
        line-height: 125%
    }

    .leaderboard-card__desc {
        font-size: .375em;
        line-height: 190%;
        margin: 0
    }

    .leaderboard-card__prop {
        font-size: .375em;
        line-height: 290%
    }

    .leaderboard-card._diamond {
        height: 10.5em;
        width: 7.5625em
    }
}

.leaderboard-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .9375em;
    border: 1px solid #7f8989;
    background: #161616;
    padding-right: .75em;
    position: relative
}

.leaderboard-row__col {
    min-width: 5.25em;
    padding: 0 .125em;
    height: 100%;
    min-height: 5.75em;
    border-radius: .9375em 0 0 .9375em;
    background: #2ae3f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .75em
}

.leaderboard-row__num {
    font-size: 3em;
    color: #000
}

.leaderboard-row__col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22em
}

.leaderboard-row__col2 .avatar {
    width: 3.8125em;
    height: 3.8125em;
    margin-right: .75em
}

.leaderboard-row__col2 .leaderboard-row__status {
    display: none
}

.leaderboard-row__col3 {
    width: 10em
}

.leaderboard-row__col4 {
    width: 17.5em;
    text-align: center
}

.leaderboard-row__col5 {
    margin-left: auto
}

.leaderboard-row__status {
    font-weight: 600;
    font-size: 1.5em;
    color: #ccc
}

.leaderboard-row__name {
    font-size: 1.5em
}

.leaderboard-row__people {
    font-size: 2.25em
}

.leaderboard-row__xp {
    padding: 0 .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .5em;
    background: #2ae3f1;
    height: 3.5625em;
    min-width: 10em;
    font-weight: 600;
    color: #000
}

.leaderboard-row__xp span {
    font-size: 2.25em
}

.leaderboard-row__xp-mob {
    display: none
}

.leaderboard-row__bottom {
    position: absolute;
    width: calc(100% - 10.5625em);
    padding-right: 1em;
    bottom: .3em;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.leaderboard-row__bottom-title {
    color: #60d669;
    font-size: 1.5em;
    line-height: 144%
}

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

.leaderboard-row__change span {
    font-size: 1.5em
}

.leaderboard-row__change img {
    width: 1em;
    margin-right: .22em
}

.leaderboard-row._self {
    background: #2d2e7d
}

@media screen and (min-width:993px) {
    .leaderboard-row._self {
        padding-top: 1em;
        padding-bottom: 3.4em
    }

    .leaderboard-row._self .leaderboard-row__col {
        height: calc(100% + 4.4em);
        margin-top: -1em;
        min-height: unset;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .leaderboard-row._self .avatar {
        -webkit-transform: translateY(1.2em);
        -ms-transform: translateY(1.2em);
        transform: translateY(1.2em)
    }
}

.leaderboard-nav {
    display: none
}

@media screen and (max-width:992px) {
    .leaderboard-row {
        border-color: #555;
        border-radius: .3125rem;
        background: -webkit-gradient(linear, left top, right top, from(#1c1c1c), to(#000)), #fff;
        background: -o-linear-gradient(left, #1c1c1c 0, #000 100%), #fff;
        background: linear-gradient(90deg, #1c1c1c 0, #000 100%), #fff;
        padding-right: .5em
    }

    .leaderboard-row__col {
        min-width: 2.5em;
        min-height: 3.5em;
        border-radius: 0;
        background: rgba(0, 0, 0, 0);
        margin-right: .5em;
        border-right: 1px solid #555
    }

    .leaderboard-row__num {
        font-size: 1em;
        font-weight: 600;
        color: #fff
    }

    .leaderboard-row__col2 {
        width: auto
    }

    .leaderboard-row__col2 .avatar {
        width: 2.5em;
        height: 2.5em;
        margin-right: .625em
    }

    .leaderboard-row__col2 .leaderboard-row__status {
        display: block
    }

    .leaderboard-row__col3 {
        display: none
    }

    .leaderboard-row__col4 {
        width: auto;
        text-align: left;
        margin-left: auto;
        padding-left: 1em
    }

    .leaderboard-row__col5 {
        display: none
    }

    .leaderboard-row__status {
        font-weight: 400;
        font-size: .75em;
        line-height: 167%
    }

    .leaderboard-row__name {
        font-size: 1em;
        line-height: 125%
    }

    .leaderboard-row__people {
        display: none
    }

    .leaderboard-row__xp-mob {
        font-size: .625em;
        line-height: 175%;
        display: block
    }

    .leaderboard-row__xp-mob span {
        color: #85f6ff;
        font-weight: 600
    }

    .leaderboard-row__bottom {
        width: calc(100% - 6.125em);
        padding-right: .5em
    }

    .leaderboard-row__bottom-title {
        font-size: .75em;
        line-height: 167%
    }

    .leaderboard-row__bottom-title span {
        display: none
    }

    .leaderboard-row__change span {
        font-size: .625em
    }

    .leaderboard-row__change img {
        margin-right: .13em;
        width: .5625em
    }

    .leaderboard-row._self {
        border-color: #585bf9
    }

    .leaderboard-row._self .leaderboard-row__info {
        padding-top: .5em;
        padding-bottom: 1.375em
    }

    .leaderboard-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 2.25em
    }

    .leaderboard-nav__link {
        color: #8e8e8e
    }
}

.user {
    padding: 22em 0 4em
}

.join-community {
    margin-top: 7.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.join-community__title {
    font-size: 2em;
    color: #7f8989
}

.join-community__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .81em
}

.join-community__link {
    width: 7.2em;
    height: 7.2em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.join-community__link img {
    max-width: 100%;
    max-height: 100%
}

.join-community__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.5em
}

.join-community__bottom img {
    width: 3.03em;
    margin-right: 1.5em
}

.join-community__watching {
    font-weight: 500;
    color: #7f8989;
    line-height: 108%;
    font-size: 1.6em
}

.join-community__watching a {
    font-style: italic;
    text-decoration: underline
}

.join-community__share {
    margin: 0 auto 7.875em;
    width: 30.75em;
    max-width: 100%
}

.join-community__share img {
    width: 2em;
    margin-right: 1em
}

.total-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2em;
    padding-left: 1em
}

.total-amount__title {
    font-size: 2.5em;
    line-height: 120%;
    font-weight: 600;
    color: #2be3f1
}

.total-amount__num {
    font-size: 4em;
    line-height: 112%;
    font-weight: 600
}

.user-level {
    margin-top: 9.375em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 600
}

.user-level__badge,
.user-level__status span {
    font-size: 2.5em;
    line-height: 120%
}

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

.user-level__img {
    border-radius: .3125em 0 0 .3125em;
    border: 1px solid #222;
    background: #121212;
    width: 7.25em;
    height: 7em;
    margin-left: .69em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-level__img img {
    width: 100%
}

.user-level__status-mob {
    display: none
}

@media screen and (max-width:992px) {
    .user {
        padding: 4.875em 0 2em
    }

    .join-community {
        margin-top: 3.625em
    }

    .join-community__title {
        font-size: .8em
    }

    .join-community__links {
        margin-top: .66em
    }

    .join-community__link {
        width: 1.7em;
        height: 1.7em
    }

    .join-community__bottom {
        margin-top: 1em
    }

    .join-community__bottom img {
        width: 1.65em;
        margin-right: .82em
    }

    .join-community__watching {
        font-size: .567em
    }

    .join-community__share {
        margin: 2.75em auto 0;
        height: 3.125em;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .join-community__share span {
        font-size: 1em
    }

    .join-community__share img {
        width: 1.5em
    }

    .total-amount,
    .user-level {
        border-radius: .5em;
        border: 1px solid #3a3a3a;
        background: #181818;
        -webkit-backdrop-filter: blur(12.3000001907px);
        backdrop-filter: blur(12.3000001907px)
    }

    .total-amount {
        padding: .75em .75em 1.25em;
        display: grid;
        grid-template-columns: 100%;
        gap: 1em;
        margin-top: 1em;
        text-align: center
    }

    .total-amount__title {
        color: #d8d8d8;
        font-size: .875em;
        line-height: 110%
    }

    .total-amount__num {
        font-size: 2em;
        line-height: 75%
    }

    .user-level {
        padding: .75em;
        margin-top: 2.3125em
    }

    .user-level__badge {
        color: #d8d8d8;
        font-size: .875em;
        line-height: 110%;
        font-weight: 400
    }

    .user-level__status span {
        display: none
    }

    .user-level__img {
        border-radius: 0;
        border: none;
        background: rgba(0, 0, 0, 0);
        width: 4.125em;
        height: 3.625em
    }

    .user-level__status-mob {
        display: block;
        font-size: 2em;
        line-height: 65%;
        font-weight: 600;
        margin-top: .55em
    }
}

.user-main__top {
    position: relative
}

.user-main__avatar {
    position: absolute;
    left: 50%;
    top: -6.69em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 9.375em;
    height: 9.375em
}

.user-main__avatar img {
    border-width: .25em
}

.user-main__avatar span {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background-color: #60d669;
    width: 1.0625em;
    height: 1.0625em
}

.user-main__bg img {
    display: block;
    width: 100%
}

.user-main__bg ._view2 {
    display: none
}

.user-main__info {
    position: absolute;
    left: 0;
    top: 4.44em;
    width: 100%;
    text-align: center;
    display: grid;
    grid-template-columns: 100%;
    gap: .1875em
}

.user-main__name {
    font-size: 2.25em;
    line-height: 120%;
    font-weight: 600
}

.user-main__nik-name {
    font-size: 1.25em;
    line-height: 120%
}

.user-main__bottom {
    margin-top: -1em;
    position: relative;
    z-index: 2;
    border-radius: .3125em;
    background: #111;
    padding: 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-main__bottom img {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 21.5em;
    margin-top: 1.25em;
    max-width: 100%
}

.user-main__rank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.user-main__rank-num {
    font-size: 3em;
    line-height: 67%;
    font-weight: 600
}

.user-main__rank-title {
    font-size: 1.25em;
    color: #00edff;
    line-height: 77%;
    margin-left: .8em
}

.user-nav {
    display: none
}

@media screen and (max-width:992px) {
    .user-main {
        margin-top: 7.81em
    }

    .user-main__top {
        position: relative
    }

    .user-main__avatar {
        top: -4.69em;
        width: 6.625em;
        height: 6.625em
    }

    .user-main__info {
        top: 3em
    }

    .user-main__name {
        font-size: 2em
    }

    .user-main__bottom {
        margin-top: -.5em;
        padding: 1.19em
    }

    .user-main__bottom img {
        margin-top: 1em
    }

    .user-main__rank-num {
        font-size: 2em;
        line-height: 75%
    }

    .user-main__rank-title {
        font-size: .875em;
        margin-left: 1.2em
    }

    .user-nav {
        text-align: center;
        position: relative;
        display: block
    }

    .user-nav__back {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1.5em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user-nav__back img {
        width: 100%
    }

    .user-nav__title {
        font-size: 1.25em;
        line-height: 120%;
        font-weight: 600
    }
}

@media screen and (max-width:576px) {
    /* .user-main {
        margin-top: 3.81em
    } */

    .user-main__bg ._view1 {
        display: none
    }

    .user-main__bg ._view2 {
        display: block
    }

    /* .user-main__avatar {
        left: 53%;
        top: -2.31em;
        width: 4.625em;
        height: 4.625em
    } */

    .user-main__info {
        top: 3.81em
    }

    .share-modal ._hide-mob {
        display: none
    }

    .success-modal .modal__dialog:before {
        top: 11.25em;
        background-image: url(../img/modal-bg2.svg);
        height: 38.25em;
        -webkit-filter: unset;
        filter: unset
    }
}

.share-modal .modal__dialog {
    border: 2px solid #555;
    border-radius: .9375em;
    padding: 1em .625em;
    width: 73.625em
}

.share-modal__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.share-modal__logo {
    width: 8.21856em;
    margin-right: .375em
}

.share-modal__desc {
    font-size: 1.13219em
}

.share-modal .close-btn {
    left: unset;
    right: .625em;
    top: .625em
}

.share-modal__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.18em
}

.share-modal__item {
    padding: 1.1em 0;
    width: 9.7em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.share-modal__item img {
    width: 5.4em;
    margin-bottom: .67em
}

.share-modal__item span {
    font-size: 1.1795em;
    line-height: 120%
}

.share-modal__bottom {
    margin-top: .875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 3.5em
}

.share-modal__link {
    font-size: 1.625em;
    font-weight: 700;
    color: #007aff
}

@media screen and (min-width:993px) {
    .share-modal ._hide-pc {
        display: none
    }

    .success-modal .modal__dialog {
        padding-left: 31.5em;
        padding-right: 3.25em;
        background-image: url(../img/success-icon.svg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 40.6875em auto
    }

    .success-modal .modal__desc {
        max-width: 18.75em
    }

    .success-modal .modal__icon {
        display: none
    }

    .success-modal .modal-form {
        margin-top: 2em;
        position: relative;
        padding-right: 6.875em
    }

    .success-modal .modal-form__btn {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0
    }
}

.success-modal .join-community {
    margin-top: 2em
}

.success-modal .join-community__title {
    font-size: 1.0625em
}

.success-modal .join-community__link {
    width: 2.5em;
    height: 2.5em
}

.success-modal .join-community__bottom {
    margin-top: 1.25em
}

.success-modal .join-community__bottom img {
    width: 1.0625em;
    margin-right: .8125em
}

.success-modal .join-community__watching {
    font-size: .875em
}

.success-modal__info {
    margin-top: 2em
}

.success-modal__hint {
    font-size: .625em;
    line-height: 150%
}

.success-modal__hint a {
    color: #007aff;
    text-decoration: underline
}

@media screen and (max-width:992px) {
    .share-modal .modal__dialog {
        position: fixed;
        bottom: 0;
        left: 0;
        height: unset;
        border: none;
        background: #121212;
        border-radius: 1.5em 1.5em 0 0;
        padding: 1.5em 1em 1em;
        width: 100%;
        max-width: 100%;
        -webkit-transform: translateY(120%);
        -ms-transform: translateY(120%);
        transform: translateY(120%)
    }

    .share-modal .modal__dialog:before {
        display: none
    }

    .share-modal__top {
        padding-bottom: 1em;
        border-bottom: 1px solid #3c3c3c
    }

    .share-modal__logo {
        width: 5.5em;
        margin-right: .25em
    }

    .share-modal__desc {
        font-size: .75em
    }

    .share-modal .close-btn {
        right: .5em;
        top: 1em;
        width: 2.5em;
        height: unset;
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        margin: 0
    }

    .share-modal .close-btn img {
        width: 100%
    }

    .share-modal__items {
        margin-top: 1.5em
    }

    .share-modal__item {
        padding: 0;
        width: unset
    }

    .share-modal__item img {
        width: 4em;
        margin-bottom: .5em
    }

    .share-modal__item span {
        font-size: .875em
    }

    .share-modal__bottom {
        margin-top: 1.5em;
        min-height: unset
    }

    .share-modal__link {
        font-size: .875em;
        font-weight: 400;
        color: #00edff;
        text-decoration: underline
    }

    .success-modal .join-community {
        margin-top: 1.5em
    }

    .success-modal .join-community__title {
        font-size: .8125em
    }

    .success-modal .join-community__bottom {
        margin-top: 1em
    }

    .success-modal .join-community__watching {
        font-size: .57em
    }

    .success-modal__info {
        margin-top: 1.2em
    }
}

/*# sourceMappingURL=../sourcemaps/style.min.css.map */