:root {
  --background: #07070d;
  --green: #77d673;
  --white: white;
}

body {
  background-color: var(--background);
  color: #fff;
  font-family: Chakrapetch, sans-serif;
  font-size: 19px;
  line-height: 20px;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72rem;
  font-weight: 700;
  line-height: .8;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Chakrapetch, sans-serif;
  font-size: 64rem;
  font-weight: 700;
  line-height: .85;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54rem;
  font-weight: 600;
  line-height: 1.11;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34rem;
  font-weight: 700;
  line-height: .9;
}

h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20rem;
  font-weight: 700;
  line-height: .75;
}

p {
  margin-bottom: 0;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.global-styles {
  display: none;
}

.join__wrapper {
  z-index: 2;
  height: 280rem;
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  background-color: var(--background);
  border: 1px solid rgba(255, 255, 255, .1);
  grid-template-rows: auto;
  grid-template-columns: 345rem auto;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-left: 64rem;
  padding-right: 64rem;
  display: grid;
  position: relative;
}

.main {
  background-image: url('../images/world-bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 80rem;
  padding-left: 32rem;
  padding-right: 32rem;
  position: relative;
  overflow: hidden;
}

.join {
  z-index: 5;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: relative;
}

.join__form {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  display: block;
}

.join__form.webflow, .join__form.webflow-copy {
  display: block;
}

.join__form.webflow-copy-copy {
  display: none;
}

.join__form-normal {
  grid-row-gap: 12rem;
  color: rgba(255, 255, 255, .7);
  flex-direction: column;
  display: flex;
}

.join__form-inputs {
  grid-column-gap: 20rem;
  grid-row-gap: 20rem;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.join__form-input {
  width: 434rem;
  height: 54rem;
  border-bottom: 1rem solid var(--green);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  padding: 15.5rem 0 14.5rem;
  font-size: 22rem;
  line-height: 22rem;
  transition: color .3s;
}

.join__form-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, .3);
}

.join__form-input::placeholder {
  color: rgba(255, 255, 255, .3);
}

.button {
  grid-column-gap: 6rem;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
  position: relative;
}

.button.button--small {
  height: 56rem;
  background-color: rgba(119, 214, 115, .05);
  border: 1px solid rgba(119, 214, 115, .4);
  padding-left: 46rem;
  padding-right: 46rem;
}

.button.button--medium {
  height: 64rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding-left: 32rem;
  padding-right: 32rem;
}

.button.button--big {
  height: 72rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding-left: 60rem;
  padding-right: 60rem;
}

.button.button--submit {
  height: 64rem;
  grid-column-gap: 12rem;
  color: var(--green);
  background-color: rgba(119, 214, 115, .15);
  border: 1px solid rgba(119, 214, 115, .4);
  padding-left: 58rem;
  padding-right: 58rem;
}

.text--button {
  text-transform: uppercase;
  font-size: 16rem;
  font-weight: 600;
  line-height: 1.5;
}

.join__dash {
  width: 2005.5rem;
  height: 32rem;
  border-bottom: 1rem solid rgba(255, 255, 255, .1);
  border-left: 1rem solid rgba(255, 255, 255, .1);
  border-right: 1rem solid rgba(255, 255, 255, .1);
}

.navigation {
  z-index: 5;
  height: 80rem;
  background-color: var(--background);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 32rem;
  padding-right: 32rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.navigation.navigation--static {
  -webkit-backdrop-filter: blur(10rem);
  backdrop-filter: blur(10rem);
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
  position: absolute;
}

.navigation__back {
  grid-column-gap: 12rem;
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.navigation__link {
  color: var(--green);
  border-left: 2rem solid #77d673;
  align-items: center;
  padding-left: 32rem;
  padding-right: 32rem;
  transition: color .3s, background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(-1rem);
}

.navigation__link-wrap {
  z-index: 1;
  position: relative;
}

.navigation__text {
  text-transform: uppercase;
  font-size: 26rem;
  font-weight: 600;
  line-height: .75;
}

.caption-2 {
  text-transform: uppercase;
  font-size: 16rem;
  font-weight: 600;
  line-height: .9;
}

.navigation__link-label {
  white-space: nowrap;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(100%, -100%);
}

.caption-6 {
  text-transform: uppercase;
  font-size: 10rem;
  font-weight: 600;
  line-height: 1.2;
}

.navigation__back-arrow-wrap {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navigation__back-arrow {
  width: 10rem;
  height: 16rem;
}

.text-4 {
  font-size: 14rem;
  line-height: 1.3;
}

.suits__wrapper {
  z-index: 2;
  height: 878rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.vertical-line-wrap {
  z-index: 1;
  justify-content: space-between;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 32rem;
  right: 32rem;
}

.vertical-line {
  width: 1rem;
  height: 100%;
  background-color: rgba(255, 255, 255, .1);
}

.vertical-line.vetical-line--green {
  background-color: rgba(119, 214, 115, .3);
}

.world__wrapper {
  height: 757rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.headline {
  z-index: 1;
  grid-row-gap: 48rem;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 94rem;
  padding-left: 64rem;
  padding-right: 28rem;
  display: flex;
  position: relative;
}

.headline.reversed {
  text-align: right;
  align-items: flex-end;
  padding-left: 28rem;
  padding-right: 64rem;
}

.headline.horizontal {
  flex-direction: row;
  justify-content: space-between;
}

.heading {
  grid-row-gap: 20rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.heading__underline {
  position: relative;
}

.heading__underline-line {
  width: 100%;
  height: 1rem;
  background-color: var(--white);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.heading__underline-block {
  width: 148rem;
  height: 18rem;
  transform-origin: 0 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: scale(.5);
}

.heading__border {
  width: 4rem;
  height: 77rem;
  background-color: var(--green);
  position: absolute;
  top: 0%;
  left: -63rem;
  right: auto;
  transform: translate(-50%);
}

.suits__para {
  color: rgba(255, 255, 255, .7);
}

.text-3 {
  font-size: 16rem;
  line-height: 1.3;
}

.suits__item {
  grid-row-gap: 40rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 120rem;
  display: flex;
}

.suits__item-img-wrap {
  z-index: 0;
  position: relative;
}

.suits__item-img {
  z-index: 1;
  max-width: none;
  object-fit: contain;
  transition: transform .3s, opacity .3s;
  display: block;
  position: relative;
}

.suits__item-img.img-1 {
  width: 213.95rem;
  height: 492.25rem;
}

.suits__item-img.img-2 {
  width: 213.4rem;
  height: 499.4rem;
}

.suits__item-img.img-3 {
  width: 210.1rem;
  height: 491.7rem;
}

.suits__item-blur {
  z-index: 0;
  width: 562rem;
  height: 904rem;
  max-width: none;
  object-fit: contain;
  transition: opacity .3s;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.suits__item-title {
  z-index: 1;
  transition: opacity .3s;
  position: relative;
}

.suits__styles {
  display: none;
}

.suits__moon {
  z-index: 0;
  width: 1600rem;
  max-width: none;
  object-fit: contain;
  display: block;
  position: absolute;
  top: auto;
  bottom: -50rem;
  left: auto;
  right: -50rem;
}

.suits__bg {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.suits__bg-overlay {
  width: 110vw;
  height: 334rem;
  opacity: .5;
  background-image: linear-gradient(rgba(0, 7, 0, 0), #000700);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 50%;
  transform: translate(50%);
}

.squiggly--top {
  width: 100%;
  height: 34rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.header {
  z-index: 10;
  padding-top: 24rem;
  position: relative;
}

.header__wrapper {
  height: 64rem;
  border-bottom: 1rem solid rgba(119, 214, 115, .4);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading__number {
  color: var(--green);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(100%, -100%);
}

.caption-3 {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 16rem;
  font-weight: 600;
  line-height: .75;
}

.worlds__para {
  color: rgba(255, 255, 255, .7);
  padding-top: 109rem;
  padding-right: 64rem;
}

.world__bg {
  width: 100vw;
  height: 672rem;
  max-width: none;
  object-fit: cover;
  display: block;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.world__styles {
  display: none;
}

.dash-wrap {
  width: 100%;
  height: 32rem;
  border-bottom: 1rem solid rgba(255, 255, 255, .1);
  border-left: 1rem solid rgba(255, 255, 255, .1);
  border-right: 1rem solid rgba(255, 255, 255, .1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.header__link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  text-transform: uppercase;
  background-color: rgba(119, 214, 115, .05);
  border-top: 1rem solid rgba(119, 214, 115, .4);
  border-right: 1rem solid rgba(119, 214, 115, .4);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header__link-label {
  z-index: 1;
  color: var(--green);
  transition: color .3s;
  position: absolute;
  top: 6rem;
  bottom: auto;
  left: auto;
  right: 6rem;
}

.world__map-wrap {
  z-index: 6;
  width: 1025rem;
  height: 410rem;
  position: absolute;
  top: 229rem;
  left: 50%;
  transform: translate(-50%);
}

.world__map-image {
  z-index: 1;
  width: 1063rem;
  height: 498rem;
  max-width: none;
  object-fit: contain;
  display: block;
  position: absolute;
  top: -32.7rem;
  bottom: auto;
  left: 0%;
  right: auto;
}

.header__logo {
  text-transform: uppercase;
  flex-direction: row;
  display: flex;
  position: relative;
}

.header__logo-icon {
  width: 29rem;
  height: 21rem;
  color: var(--white);
}

.header__logo-text {
  width: 245rem;
  height: 22rem;
  color: var(--white);
}

.hero {
  z-index: 5;
  position: relative;
}

.hero__wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 30rem;
  display: flex;
  position: relative;
}

.page-styles {
  display: none;
}

.hero__bg {
  width: 100vw;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.hero__info {
  z-index: 2;
  grid-row-gap: 40rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero__headline {
  grid-row-gap: 32rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero__headline-label {
  color: var(--green);
}

.button__arrow {
  width: 14rem;
  height: 14rem;
  color: #77d673;
  transition: color .3s;
}

.navigation__wrapper {
  z-index: 5;
  height: 80rem;
  border-top: 1rem solid rgba(255, 255, 255, .1);
  border-left: 1rem solid rgba(255, 255, 255, .1);
  border-right: 1rem solid rgba(255, 255, 255, .1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero__cta {
  grid-column-gap: 24rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero__cta-arrow-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero__cta-arrow-wrap.arrow-wrap--reversed {
  transform: rotate(180deg);
}

.hero__cta-arrow {
  width: 21rem;
  height: 30rem;
  margin-left: -5rem;
  margin-right: -5rem;
}

.hero__styles {
  display: none;
}

.hero__social-list {
  grid-row-gap: 8rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero__social-item {
  width: 40rem;
  height: 40rem;
  background-color: rgba(119, 214, 115, 0);
  border: 1rem solid rgba(119, 214, 115, .3);
  padding: 8rem;
  transition: background-color .3s;
  position: relative;
}

.hero__social-icon {
  width: 20rem;
  height: 20rem;
}

.hero__para {
  width: 292rem;
  color: rgba(255, 255, 255, .8);
  white-space: pre-wrap;
  position: absolute;
  top: 24rem;
  left: 24rem;
}

.header__corner {
  width: 32rem;
  height: 32rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: translate(0, 100%);
}

.header__corner.corner__left {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: translate(0, 100%)rotate(270deg);
}

.hero__fanta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: translate(-50%);
}

.hero__social {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: translate(50%);
}

.hero__fanta-wrap {
  width: 184rem;
  height: 400rem;
  grid-column-gap: 12rem;
  color: var(--green);
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(270deg);
}

.caption-5 {
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 12rem;
  font-weight: 700;
  line-height: 1.3;
}

.hero__fanta-blocks {
  width: 92rem;
  height: 16rem;
  margin-left: -23rem;
  margin-right: -23rem;
  transform: scale(.5);
}

.hero__fanta-arrows {
  width: 56rem;
  height: 14rem;
  margin-left: -14rem;
  margin-right: -14rem;
  transform: scale(.5);
}

.hero__bg-img {
  width: 100vw;
  height: 100vh;
  max-width: none;
  object-fit: cover;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero__bg-overlay {
  height: 334rem;
  opacity: .5;
  background-image: linear-gradient(#000700, rgba(0, 7, 0, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hero__bg-overlay.overlay--bottom {
  background-image: linear-gradient(to top, #000700, rgba(0, 7, 0, 0));
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.join__styles {
  display: none;
}

.aliens__wrapper {
  grid-row-gap: 136rem;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 80rem;
  display: grid;
  position: relative;
}

.aliens__grid {
  z-index: 1;
  grid-column-gap: 56rem;
  grid-row-gap: 38rem;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 68rem;
  padding-right: 68rem;
  display: grid;
  position: relative;
}

.aliens__para {
  z-index: 1;
  color: rgba(255, 255, 255, .7);
  padding-top: 109rem;
  padding-right: 64rem;
  position: relative;
}

.aliens__item {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 25rem;
  padding-left: 30rem;
  padding-right: 27rem;
  display: flex;
}

.aliens__styles {
  display: none;
}

.aliens__bg {
  z-index: 0;
  width: 100vw;
  height: 1129rem;
  max-width: none;
  display: block;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.global-scripts, .hero__scripts {
  display: none;
}

.border-corner {
  transition: opacity .3s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.border-corner--tr {
  width: 18rem;
  height: 18rem;
  transform-origin: 100% 0;
  position: absolute;
  top: -1rem;
  bottom: auto;
  left: auto;
  right: -1rem;
  transform: scale(.5);
}

.border-corner--br {
  width: 18rem;
  height: 18rem;
  transform-origin: 100% 100%;
  position: absolute;
  top: auto;
  bottom: -1rem;
  left: auto;
  right: -1rem;
  transform: scale(.5);
}

.border-corner--bl {
  width: 18rem;
  height: 18rem;
  transform-origin: 0 100%;
  position: absolute;
  top: auto;
  bottom: -1rem;
  left: -1rem;
  right: auto;
  transform: scale(.5);
}

.border-corner--tl {
  width: 18rem;
  height: 18rem;
  transform-origin: 0 0;
  position: absolute;
  top: -1rem;
  bottom: auto;
  left: -1rem;
  right: auto;
  transform: translate(0)scale(.5);
}

.button__wrap {
  z-index: 1;
  grid-column-gap: 6rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button__bg {
  z-index: 0;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  background-color: rgba(119, 214, 115, .05);
  border: 1rem solid rgba(119, 214, 115, .2);
  transition: right .3s, bottom .3s, left .3s, top .3s, background-color .3s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header__link-overlay {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: var(--green);
  mix-blend-mode: difference;
  transition: transform .3s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  transform: none;
}

.header__link-text {
  z-index: 1;
  transition: color .3s;
  position: relative;
}

.header__styles {
  display: none;
}

.skills__wrapper {
  grid-column-gap: 120rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 632rem;
  grid-auto-columns: 1fr;
  padding-top: 73rem;
  padding-bottom: 87rem;
  position: relative;
}

.abilities__wrapper {
  grid-template-rows: auto;
  grid-template-columns: 633rem 1fr;
  grid-auto-columns: 1fr;
  padding-top: 101rem;
  padding-bottom: 137rem;
  position: relative;
}

.skills__grid {
  grid-column-gap: 16em;
  grid-row-gap: 16em;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: end;
  align-items: start;
  justify-items: end;
  display: grid;
}

.skills__item {
  width: 92rem;
  height: 92rem;
  position: relative;
}

.skills__list {
  z-index: 2;
  grid-row-gap: 24rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.caption-1 {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 18rem;
  font-weight: 700;
  line-height: 1;
}

.skills__item-img {
  width: 92rem;
  height: 92rem;
  max-width: none;
  object-fit: contain;
  display: block;
}

.skills__popup {
  z-index: 2;
  width: 465rem;
  color: rgba(255, 255, 255, .7);
  position: absolute;
}

.h5--25 {
  letter-spacing: -.03em;
  text-transform: none;
  font-size: 25rem;
  line-height: 1;
}

.skills__styles {
  display: none;
}

.skills__popup-content {
  z-index: 2;
  grid-row-gap: 12rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.skills__popup-point {
  z-index: 2;
  border-radius: 2rem;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  bottom: 4rem;
  left: 52rem;
  transform: rotate(315deg)translate(0, 100%);
}

.skills__popup-wrap {
  width: 465rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 36rem 38rem 32rem;
  display: flex;
}

.abilities__para {
  width: 330rem;
  color: rgba(255, 255, 255, .7);
}

.abilities__list {
  z-index: 2;
  grid-row-gap: 24rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.skills__bg {
  width: 100vw;
  height: 1221rem;
  max-width: none;
  display: block;
  position: absolute;
  top: -140rem;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}

.article ul {
  margin-bottom: 1em;
  padding-left: 40rem;
  font-size: 18rem;
  list-style-type: lower-roman;
}

.article__wrapper {
  grid-row-gap: 136rem;
  flex-direction: column;
  padding: 160rem 64rem 30rem;
  display: flex;
  position: relative;
}

.items__bg {
  z-index: 0;
  width: 100vw;
  height: 1129rem;
  max-width: none;
  display: block;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.items__item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: border-color .3s;
  display: flex;
}

.items__grid {
  z-index: 1;
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 68rem;
  padding-right: 68rem;
  display: grid;
  position: relative;
}

.items__tabs {
  z-index: 1;
  color: rgba(255, 255, 255, .7);
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 112rem;
  display: flex;
  position: relative;
}

.items__styles {
  display: none;
}

.items__wrapper {
  grid-row-gap: 136rem;
  grid-template: ". . . ."
                 "Area Area Area Area" 1fr
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-bottom: 64rem;
  display: grid;
  position: relative;
}

.items__item-img {
  z-index: 2;
  width: 135rem;
  height: 135rem;
  max-width: none;
  object-fit: contain;
  display: block;
  position: relative;
}

.items__groups {
  grid-row-gap: 80rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.aliens__item-title {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.h5--18 {
  font-size: 18rem;
  line-height: .91;
}

.aliens__item-info {
  z-index: 2;
  height: 0;
  position: relative;
  overflow: hidden;
}

.aliens__item-info-wrap {
  padding-top: 14rem;
}

.aliens__scripts {
  display: none;
}

.aliens__item-overlay {
  z-index: 3;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.enter__wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 15rem;
  display: flex;
  position: relative;
}

.enter__logo {
  grid-column-gap: 10rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.enter__logo-wrapper {
  height: 64rem;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  background-color: rgba(119, 214, 115, .05);
  border: 1rem solid rgba(119, 214, 115, .4);
  grid-template-rows: auto;
  grid-template-columns: 749rem 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.enter__content {
  z-index: 1;
  grid-row-gap: 100rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.enter__fanta {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: translate(-50%);
}

.enter__fanta-wrap {
  width: 200rem;
  height: 700rem;
  grid-column-gap: 12rem;
  color: var(--green);
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(270deg);
}

.enter__para {
  width: 710rem;
}

.text-2 {
  font-size: 18rem;
  line-height: 1.4;
}

.enter__headline {
  grid-row-gap: 40rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.enter__cta {
  grid-row-gap: 40rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.enter__cta-button {
  grid-column-gap: 24rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.h5--24 {
  font-size: 24rem;
}

.enter__cta-arrow {
  width: 29.19rem;
  height: 41.7rem;
  margin-left: -6.95rem;
  margin-right: -6.95rem;
}

.enter__underline {
  width: 258rem;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -48rem;
}

.enter__underline-line {
  width: 258rem;
  height: 1rem;
  background-color: var(--green);
  position: absolute;
  top: 0%;
  bottom: auto;
}

.enter__underline-block {
  width: 348rem;
  height: 20rem;
  transform-origin: 50% 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  transform: scale(.25);
}

.enter__social {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: translate(50%);
}

.enter__styles {
  display: none;
}

.enter__cta-arrow-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.enter__cta-arrow-wrap.arrow-wrap--reversed {
  transform: rotate(180deg);
}

.enter__scripts {
  display: none;
}

.button__icon {
  width: 20rem;
  height: 20rem;
}

.enter__trailer {
  z-index: 1;
  grid-column-gap: 6rem;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 36rem;
  left: 50%;
  transform: translate(-50%);
}

.enter__cta-blur {
  width: 442rem;
  height: 272rem;
  max-width: none;
  position: absolute;
}

.video-wrap {
  z-index: 0;
  width: 100vw;
  height: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: -130rem;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}

.video {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .5;
  object-fit: contain;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video__overlay {
  z-index: 2;
  width: 100%;
  position: absolute;
}

.video__overlay.overlay--bottom {
  height: 320rem;
  background-image: linear-gradient(rgba(7, 7, 13, 0) 50%, #07070d);
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header__dash-svg {
  width: 2005rem;
  height: 32rem;
  border-bottom: 1rem solid rgba(255, 255, 255, .1);
  border-left: 1rem solid rgba(255, 255, 255, .1);
  border-right: 1rem solid rgba(255, 255, 255, .1);
  overflow: hidden;
}

.success-state {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  display: none;
}

.success-state-wrap {
  color: var(--green);
  background-color: rgba(119, 214, 115, .05);
  border: 1rem solid rgba(119, 214, 115, .4);
  padding: 16rem 32rem;
}

.faq__wrapper {
  grid-row-gap: 108rem;
  flex-direction: column;
  padding-bottom: 140rem;
  display: flex;
}

.faq__block {
  z-index: 2;
  grid-column-gap: 120rem;
  grid-template-rows: auto;
  grid-template-columns: 300rem 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-left: 64rem;
  padding-right: 64rem;
  display: grid;
  position: relative;
}

.faq__menu {
  -webkit-backdrop-filter: blur(10rem);
  backdrop-filter: blur(10rem);
  background-color: rgba(119, 214, 115, .05);
  flex-direction: column;
  align-items: stretch;
  padding: 20rem 40rem;
  display: flex;
}

.faq__list {
  grid-row-gap: 160rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.faq__menu-link {
  cursor: pointer;
  border-bottom: 1rem solid rgba(255, 255, 255, .1);
  padding-top: 20rem;
  padding-bottom: 20rem;
  transition: padding .3s, color .3s;
  position: relative;
}

.faq__category {
  grid-row-gap: 24rem;
  flex-direction: column;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.faq__item {
  border-top: 1rem solid rgba(255, 255, 255, .1);
  padding-top: 24rem;
}

.faq__item-trigger {
  grid-column-gap: 24rem;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr 48rem;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.faq__item-dropdown {
  height: 0;
  overflow: hidden;
}

.faq__item-dropdown-wrap {
  padding-top: 24rem;
  padding-bottom: 16rem;
  padding-right: 72rem;
}

.sub-1 {
  font-size: 24rem;
  font-weight: 500;
  line-height: 1.15;
}

.faq__item-icon {
  width: 48rem;
  height: 48rem;
  background-color: rgba(119, 214, 115, .15);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.faq__styles, .faq__scripts {
  display: none;
}

.border-corner--faq {
  transition: opacity .3s;
  position: absolute;
  top: 5rem;
  bottom: 5rem;
  left: 5rem;
  right: 5rem;
}

.faq__item-x {
  width: 16rem;
  height: 16rem;
}

.faq__bg {
  z-index: 0;
  width: 100vw;
  height: 70.56vw;
  max-width: none;
  display: block;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.news__block {
  z-index: 2;
  grid-row-gap: 96rem;
  flex-direction: column;
  padding: 104rem 64rem 120rem;
  display: flex;
  position: relative;
}

.news__latest {
  grid-column-gap: 38rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news__other {
  grid-row-gap: 72rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.h3--48 {
  text-transform: uppercase;
  font-size: 48rem;
}

.news__list {
  grid-column-gap: 38rem;
  grid-row-gap: 38rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.news__item {
  -webkit-backdrop-filter: blur(25rem);
  backdrop-filter: blur(25rem);
  background-color: rgba(119, 214, 115, .08);
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.news__item-image {
  z-index: 1;
  height: 100%;
  max-width: none;
  min-width: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%);
}

.news__item-image-wrap {
  width: 100%;
  height: 241.503rem;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.news__item-image-wrap.image-wrap--featured {
  height: 374rem;
}

.news__item-content {
  grid-row-gap: 28rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 48rem;
  padding-left: 40rem;
  padding-right: 36rem;
  display: flex;
}

.news__item-headline {
  grid-row-gap: 20rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.caption-4 {
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 14rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-1 {
  font-size: 24rem;
  line-height: 1.15;
}

.news__item-btn {
  grid-column-gap: 12rem;
  color: rgba(255, 255, 255, .4);
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
}

.h4--32 {
  text-transform: none;
  font-size: 32rem;
}

.news__styles {
  display: none;
}

.news__item-overlay {
  z-index: 3;
  transition: opacity .3s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.news__item-arrow-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.news__item-arrow {
  width: 14rem;
  height: 24rem;
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  transform: scale(.5);
}

.news__bg {
  z-index: 0;
  width: 100vw;
  height: 1129rem;
  max-width: none;
  display: block;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.faq__menu-link-border {
  width: 2rem;
  background-color: var(--white);
  transition: background-color .3s, opacity .3s;
  position: absolute;
  top: 20rem;
  bottom: 20rem;
  left: 0%;
  right: auto;
}

.article__blog {
  width: 1408rem;
  grid-row-gap: 40rem;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 314rem;
  padding-right: 314rem;
  display: flex;
}

.article__styles {
  display: none;
}

.news__headline {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.caption {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 16rem;
  font-weight: 600;
  line-height: 1.5;
}

.header__menu {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header__scripts, .navigation__scripts {
  display: none;
}

.navigation__link-arrow-wrap {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 32rem;
  transform: translate(0, -50%);
}

.navigation__link-arrow {
  width: 11rem;
  height: 20rem;
  margin-left: -1rem;
  margin-right: -1rem;
}

.navigation__styles {
  display: none;
}

.navigation__link-overlay {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: var(--green);
  mix-blend-mode: difference;
  transition: transform .3s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  transform: translate(-100%);
}

.border-side-track.border-side-track--vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.border-side-track.border-side-track--horizontal {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.border-dash.border-dash--vertical {
  width: 2rem;
  height: 14rem;
  background-color: #77d673;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.border-dash.border-dash--horizontal {
  width: 14rem;
  height: 2rem;
  background-color: #77d673;
  margin-left: 2rem;
  margin-right: 2rem;
}

.border-side {
  overflow: hidden;
}

.border-side.border-side--right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.border-side.border-side--left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 23rem;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.border-side.border-side--top {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 23rem;
  right: 0%;
}

.border-side.border-side--bottom {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.border-side.border-side--top-left {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 12rem;
  bottom: auto;
  left: 12rem;
  right: auto;
  transform: translate(-50%, -50%)rotate(-45deg);
}

.header__logo-burger {
  border-top: 1rem solid rgba(119, 214, 115, .4);
  border-right: 1rem solid rgba(119, 214, 115, .4);
  border-left: 4rem solid var(--green);
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  text-transform: uppercase;
  background-color: rgba(119, 214, 115, .05);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 24rem;
  padding-right: 24rem;
  display: flex;
  position: relative;
}

.header__burger {
  display: none;
}

.header__social-list {
  grid-row-gap: 8rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.navigation__back--mobile {
  display: none;
}

.items__tabs-list {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.items__tabs-item {
  width: 188rem;
  height: 64rem;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  background-color: rgba(119, 214, 115, .1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background-color .3s, color .3s;
  display: flex;
  position: relative;
}

.items__srcipts {
  display: none;
}

.items__item-overlay {
  z-index: 3;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.news__scipts {
  display: none;
}

.world__map {
  z-index: 6;
  width: 100%;
  height: 100%;
  position: relative;
}

.world__map-item {
  width: 50rem;
  height: 50rem;
  position: absolute;
}

.world__map-item.map-item--1 {
  top: 254rem;
  left: 164.9rem;
}

.world__map-item.map-item--2 {
  top: 177.8rem;
  left: 361.6rem;
}

.world__map-item.map-item--3 {
  top: 157.4rem;
  left: 577.4rem;
}

.world__map-item.map-item--4 {
  top: 261.2rem;
  left: 737rem;
}

.world__map-item-dot {
  width: 50rem;
  height: 50rem;
}

.world__map-item-popup {
  z-index: 10;
  width: 510rem;
  height: auto;
  background-color: #253328;
  border: 1rem solid #77d673;
  flex-direction: column;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: -40rem;
  left: 50%;
  transform: translate(-50%, -100%);
}

.world__map-item-popup-needle {
  z-index: 1;
  width: 24rem;
  height: 24rem;
  border-bottom: 1rem solid var(--green);
  background-color: #253328;
  border-left: 1rem solid #77d673;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translate(-50%, 50%)rotate(-38deg)skew(15deg);
}

.world__map-item-img {
  width: 100%;
  height: 225rem;
  max-width: none;
  min-height: 225rem;
  object-fit: cover;
  display: block;
}

.world__map-item-content {
  grid-row-gap: 16rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  padding: 26rem 28rem;
  display: flex;
}

.roadmap__wrapper {
  grid-row-gap: 127rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.roadmap__navigation {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.roadmap__menu {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  transition: opacity .3s;
  display: grid;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.roadmap__navigation-list {
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.roadmap__navigation-item {
  width: 188rem;
  height: 64rem;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  background-color: rgba(119, 214, 115, .1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background-color .3s, color .3s;
  display: flex;
}

.roadmap__styles {
  display: none;
}

.roadmap__item {
  height: 260rem;
  border-top: 1rem solid rgba(255, 255, 255, .1);
  border-right: 1rem solid rgba(255, 255, 255, .1);
  position: relative;
  overflow: hidden;
}

.roadmap__item.roadmap__item--title {
  padding-top: 40rem;
  padding-left: 64rem;
}

.roadmap__item.roadmap__item--list {
  grid-row-gap: 20rem;
  flex-direction: column;
  padding-top: 60rem;
  padding-left: 48rem;
  padding-right: 40rem;
  display: flex;
}

.roadmap__item.roadmap__item--empty {
  padding-top: 60rem;
  padding-left: 48rem;
}

.roadmap__item.roadmap__item--title_sub {
  grid-row-gap: 8rem;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 40rem;
  padding-left: 64rem;
  display: flex;
}

.roadmap__sleeve {
  position: relative;
}

.roadmap__point {
  grid-column-gap: 8rem;
  align-items: center;
  display: flex;
}

.roadmap__point-icon {
  width: 16rem;
  height: 16rem;
  transform: translate(0, -1rem);
}

.roadmap__item-line {
  width: 1rem;
  height: 200%;
  background-color: rgba(255, 255, 255, .1);
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%)rotate(-56deg);
}

.roadmap__scripts {
  display: none;
}

.news__item-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}

.news__list-wrap {
  align-self: stretch;
}

.skills__para {
  width: 330rem;
  color: rgba(255, 255, 255, .7);
}

.aliens__image {
  z-index: 2;
  width: 80%;
  height: 70%;
  max-width: none;
  object-fit: contain;
  display: block;
  position: absolute;
  top: 24rem;
  left: 50%;
  transform: translate(-50%);
}

.items__grid-wrap {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.article-body ul {
  margin-bottom: 1em;
  padding-left: 40rem;
  font-size: 18rem;
  list-style-type: lower-roman;
}

.faq__category-wrap {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.article__back {
  grid-column-gap: 12rem;
  align-items: center;
  display: flex;
  position: absolute;
  top: 64rem;
  bottom: auto;
  left: 64rem;
  right: auto;
}

.items__tabs-item-text {
  z-index: 1;
  position: relative;
}

.roadmap__bg {
  z-index: 0;
  width: 100vw;
  height: 937rem;
  max-width: none;
  object-fit: cover;
  display: block;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.media__wrapper {
  grid-row-gap: 96rem;
  flex-direction: column;
  padding-bottom: 96rem;
  display: flex;
}

.vertical__social {
  z-index: 4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 33rem;
  transform: translate(50%);
}

.vertical__social-styles {
  display: none;
}

.gameplay {
  z-index: 0;
  position: relative;
}

.gameplay__wrapper {
  grid-row-gap: 94rem;
  flex-direction: column;
  padding-bottom: 120rem;
  display: flex;
}

.gameplay__grid {
  grid-column-gap: 56rem;
  grid-row-gap: 38rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 64rem;
  padding-right: 64rem;
  display: grid;
}

.media__grid {
  z-index: 1;
  grid-column-gap: 38rem;
  grid-row-gap: 38rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 64rem;
  padding-right: 64rem;
  display: grid;
  position: relative;
}

.media__item {
  height: 560rem;
  position: relative;
  overflow: hidden;
}

.gameplay__item {
  height: 395rem;
  position: relative;
  overflow: hidden;
}

.media__styles {
  display: none;
}

.media__bg {
  z-index: 0;
  width: 100vw;
  height: 1129rem;
  max-width: none;
  display: block;
  position: absolute;
  top: -130rem;
  left: 50%;
  transform: translate(-50%);
}

.gameplay__item-overlay, .media__item-overlay {
  z-index: 3;
  transition: opacity .3s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.media__item-img {
  width: 100%;
  height: 100%;
  max-width: none;
  cursor: pointer;
  object-fit: cover;
  display: block;
}

.gameplay__styles {
  display: none;
}

.gameplay__item-img {
  width: 100%;
  height: 100%;
  max-width: none;
  cursor: pointer;
  object-fit: cover;
  display: block;
}

.abilities__content {
  max-width: 1536rem;
  grid-template-rows: auto;
  grid-template-columns: 633rem 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 150rem;
  padding-right: 106rem;
  display: grid;
}

.skills__content {
  max-width: 1536rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 632rem;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 118rem;
  padding-right: 60rem;
  display: grid;
}

.media__item-popup {
  z-index: 10;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.join__button {
  border: 1rem solid #000;
}

.media__item-card {
  z-index: 1;
  max-height: 80vh;
  max-width: 80vw;
  position: relative;
}

.media__item-card-image {
  position: relative;
}

.media__item-popup-overlay {
  z-index: 0;
  cursor: pointer;
  background-color: rgba(7, 7, 13, .7);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.media__item-card-x {
  z-index: 1;
  width: 45rem;
  height: 45rem;
  cursor: pointer;
  position: absolute;
  top: 24rem;
  bottom: auto;
  left: auto;
  right: 24rem;
}

.media__scripts {
  display: none;
}

.gameplay__item-card-image {
  position: relative;
}

.gameplay__item-card-x {
  z-index: 1;
  width: 45rem;
  height: 45rem;
  cursor: pointer;
  position: absolute;
  top: 24rem;
  bottom: auto;
  left: auto;
  right: 24rem;
}

.gameplay__item-card {
  z-index: 1;
  max-height: 80vh;
  max-width: 80vw;
  position: relative;
}

.gameplay__item-popup-overlay {
  z-index: 0;
  cursor: pointer;
  background-color: rgba(7, 7, 13, .7);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gameplay__item-popup {
  z-index: 10;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gameplay__scripts {
  display: none;
}

.join__form-inputs-2 {
  border-bottom: 1rem solid #77d673;
  align-items: center;
  padding-bottom: 12rem;
  display: flex;
}

.join__wrapper-2 {
  z-index: 2;
  height: 280rem;
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  background-color: #07070d;
  border: 1px solid rgba(255, 255, 255, .1);
  grid-template-rows: auto;
  grid-template-columns: 345rem auto;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-left: 64rem;
  padding-right: 64rem;
  display: grid;
  position: relative;
}

.join__form-input-2 {
  width: 434rem;
  height: 56rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  padding: 15.5rem 0 14.5rem;
  font-size: 22rem;
  transition: color .3s;
}

.join__form-input-2::-ms-input-placeholder {
  color: rgba(255, 255, 255, .3);
}

.join__form-input-2::placeholder {
  color: rgba(255, 255, 255, .3);
}

.success-state-wrap-2 {
  color: #77d673;
  background-color: rgba(119, 214, 115, .05);
  border: 1rem solid rgba(119, 214, 115, .4);
  padding: 16rem 32rem;
}

.page-scripts {
  display: none;
}

.cookie-block {
  z-index: 100;
  width: 95%;
  max-width: 1117px;
  min-height: 50px;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  color: #fff;
  background-color: #000;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 18px 10px 25px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 3%;
  left: 3%;
  right: 3%;
}

.banner-wrap-left {
  width: auto;
  max-width: 100%;
  letter-spacing: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.div-block-178 {
  align-items: center;
  display: flex;
}

.cookie {
  width: 22px;
  margin-right: 20px;
}

.button-cookie {
  opacity: 1;
  color: #000;
  background-color: #fff;
  border: 1px #39e5ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 5px 12px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.button-cookie:hover {
  color: #000;
  background-color: #ffe400;
}

.access {
  height: 100%;
}

.access__wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 112rem;
  display: flex;
  position: relative;
}

.access__styles {
  display: none;
}

.access__line {
  position: absolute;
  top: auto;
  bottom: 80rem;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.access__content {
  z-index: 1;
  width: 650rem;
  grid-row-gap: 64rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.access__headline {
  grid-row-gap: 24rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.access__para {
  color: rgba(119, 214, 115, .8);
}

.access__form {
  display: block;
}

.access__form.hidden {
  display: none;
}

.access__form-normal {
  width: 100%;
  grid-row-gap: 64rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.access__form-fields {
  grid-row-gap: 64rem;
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.access__form-input {
  z-index: 1;
  height: 64rem;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  color: #77d673;
  text-transform: uppercase;
  background-color: rgba(119, 214, 115, .05);
  margin-bottom: 0;
  padding: 25rem 28rem;
  font-size: 16rem;
  font-weight: 500;
  line-height: .9;
  position: relative;
}

.button--submit-icon {
  width: 26rem;
  height: 26rem;
}

.access__form-input-wrap {
  width: 100%;
  height: 64rem;
  grid-template-rows: auto;
  grid-template-columns: 202rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.access__form-input-label {
  z-index: 0;
  height: 64rem;
  -webkit-backdrop-filter: blur(5rem);
  backdrop-filter: blur(5rem);
  color: #77d673;
  background-color: rgba(119, 214, 115, .15);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.access__bg {
  z-index: 0;
  width: 100vw;
  height: 1131rem;
  max-width: none;
  object-fit: cover;
  display: block;
  position: absolute;
  top: -124rem;
  left: 50%;
  transform: translate(-50%);
}

.html-embed {
  width: 100%;
  font-size: 60rem;
  display: block;
}

.join_input_wrapper {
  border-bottom: 1rem solid var(--green);
}

.success-state-copy {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.text_error {
  color: #fff;
  padding-left: 5rem;
  font-size: 19rem;
  line-height: 1.2;
}

.error_message {
  background-color: #ff3838;
  display: none;
}

.html-embed-2 {
  display: block;
}

.form__wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.external-image--cover {
  min-height: 100%;
  filter: brightness(75%);
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  object-fit: cover;
  background-clip: border-box;
  overflow: visible;
}

.div-corner-box {
  height: 100%;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0);
  background-clip: border-box;
  overflow: hidden;
}

.image {
  height: 100%;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: content-box;
  display: none;
}

.mint-flex-container {
  height: 100%;
  padding: 100rem 140rem;
}

.mint-flex-item {
  grid-column-gap: 40rem;
  grid-row-gap: 40rem;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 20rem;
  padding-bottom: 20rem;
  display: flex;
  position: relative;
}

.mint-flex-item.image {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-image: linear-gradient(to bottom, var(--green), transparent);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  justify-content: center;
  align-items: center;
  padding: 5rem 6.5rem;
  overflow: hidden;
}

.mint-flex-item.image.box {
  background-color: rgba(0, 0, 0, 0);
  padding: 6rem 9rem 5.5rem;
}

.image-2 {
  width: 450rem;
}

.mint-flex {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.mint-flex-item-h {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: space-between;
  display: flex;
}

.item-h-cell {
  width: 100rem;
  background-color: rgba(119, 214, 115, .05);
  border: 1px solid rgba(119, 214, 115, .4);
  flex-direction: column;
  align-items: center;
  padding: 10rem;
  display: flex;
}

.text-block-110 {
  color: var(--green);
  text-transform: uppercase;
  font-size: 16rem;
}

.button-2 {
  font-size: 18rem;
}

.flex-item-score-wrap {
  grid-column-gap: 20rem;
  grid-row-gap: 20rem;
  text-transform: uppercase;
  justify-content: flex-start;
  display: flex;
}

.score-item {
  text-transform: uppercase;
  font-size: 18rem;
}

.score-item._1 {
  color: var(--green);
}

.score-item-container {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  display: flex;
}

.button-3 {
  width: 100%;
  height: 100%;
  text-align: center;
  letter-spacing: .5rem;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 18rem;
  font-weight: 600;
  line-height: 1;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.button-3:hover {
  color: #000;
}

.flex-loading-container {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.loading-line {
  width: 90%;
  height: 16rem;
  background-color: rgba(119, 214, 115, .05);
  border: 2rem solid rgba(119, 214, 115, .4);
  padding-left: 5rem;
  position: relative;
  overflow: hidden;
}

.pseudo-loading-line {
  width: 59%;
  height: 8rem;
  background-color: #77d673;
  border-radius: 1rem;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: -2rem;
  transform: translate(0%, -50%);
}

.heading-2 {
  padding-bottom: 20rem;
  font-size: 64rem;
}

.cell-t-s {
  color: rgba(255, 255, 255, .7);
  font-size: 16rem;
  font-weight: 400;
}

.div-block-179 {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  align-items: center;
  display: flex;
}

.image-3 {
  width: 25rem;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.div-block-180 {
  width: 100%;
  height: 70rem;
  transform-style: preserve-3d;
  background-color: rgba(119, 214, 115, .05);
  border: 1rem solid rgba(119, 214, 115, .4);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
}

.div-block-180:hover {
  transform: scale3d(1none, 1none, 1none);
  background-color: #77d673;
}

.pseudo-image-corner {
  width: 20rem;
  height: 20rem;
  max-width: 20rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.pseudo-image-corner._1 {
  top: -7rem;
  right: -6rem;
}

.pseudo-image-corner._2 {
  top: -7rem;
  left: -6rem;
  transform: rotate(-90deg);
}

.pseudo-image-corner._4 {
  bottom: -7rem;
  left: -6rem;
  transform: rotate(180deg);
}

.pseudo-image-corner._3 {
  bottom: -7rem;
  right: -6rem;
  transform: rotate(90deg);
}

.image-4 {
  width: 20rem;
  height: 20rem;
  max-width: 20rem;
}

.pseudo-numbering {
  width: 35rem;
  text-align: center;
  position: absolute;
  top: -5rem;
  right: -5rem;
  transform: translate(100%);
}

.numbering-pseudo {
  color: #77d673;
  font-size: 20rem;
}

.image-5 {
  width: 650rem;
  transform: scale(1.02);
}

.green_line {
  width: 2rem;
  height: 120rem;
  background-color: var(--green);
  position: absolute;
  top: -24rem;
  left: 6.3rem;
  transform: rotate(45deg);
}

.div-block-181 {
  width: 50%;
  height: 80rem;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.image-box {
  width: 100%;
  position: absolute;
}

.image-box._1 {
  z-index: 2;
  width: 100%;
}

.image-box._2 {
  z-index: 3;
  width: 100%;
}

.image-box._0 {
  z-index: 1;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 60rem;
  }

  h2 {
    font-size: 40rem;
  }

  h3 {
    font-size: 42rem;
  }

  .join__wrapper {
    height: auto;
    grid-row-gap: 32rem;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: stretch;
    padding: 56rem 24rem;
  }

  .main {
    padding-bottom: 48rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .join__form {
    text-align: center;
  }

  .join__form-inputs {
    flex-direction: column;
  }

  .join__form-input {
    width: 100%;
  }

  .button.button--medium {
    height: 48rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .text--button {
    font-size: 12rem;
  }

  .navigation {
    height: 48rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .navigation.navigation--static {
    height: 48rem;
  }

  .navigation__link {
    justify-content: center;
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .navigation__text {
    font-size: 18rem;
  }

  .caption-2 {
    font-size: 12rem;
  }

  .caption-6 {
    font-size: 8rem;
  }

  .text-4 {
    font-size: 12rem;
  }

  .suits__wrapper {
    height: auto;
    grid-row-gap: 48rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .vertical-line-wrap {
    left: 16rem;
    right: 16rem;
  }

  .vertical-line.vetical-line--green {
    background-color: rgba(255, 255, 255, .1);
  }

  .world__wrapper {
    height: auto;
    padding-bottom: 500rem;
  }

  .headline {
    padding-top: 64rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .headline.reversed {
    order: -1;
    align-items: flex-start;
    padding-left: 24rem;
    padding-right: 0;
  }

  .heading__border {
    height: auto;
    bottom: 0%;
    left: -23rem;
  }

  .text-3 {
    font-size: 12rem;
  }

  .suits__item {
    padding-bottom: 48rem;
  }

  .suits__item-img.img-1 {
    width: 114.412rem;
    height: 263.235rem;
  }

  .suits__item-img.img-2 {
    width: 114.118rem;
    height: 267.059rem;
  }

  .suits__item-img.img-3 {
    width: 112.353rem;
    height: 262.941rem;
  }

  .suits__item-blur {
    width: 330.588rem;
    height: 531.765rem;
  }

  .header {
    padding-top: 16rem;
  }

  .header__wrapper {
    height: auto;
    border-bottom: 0 rgba(0, 0, 0, 0);
    border-left-style: none;
    border-left-width: 0;
    flex-direction: column;
    grid-template-rows: 48rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .worlds__para {
    padding-top: 64rem;
    padding-right: 24rem;
  }

  .dash-wrap {
    display: none;
    overflow: hidden;
  }

  .header__link {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(0, 0, 0, 0);
    border-top-style: none;
    border-right-style: none;
    overflow: visible;
  }

  .header__link-label {
    top: 2rem;
    right: 2rem;
    transform: translate(100%, -100%);
  }

  .world__map-wrap {
    width: 600rem;
    height: 240rem;
    top: 300rem;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }

  .world__map-image {
    width: 624.661rem;
    height: 292.644rem;
    top: -20.2rem;
    left: 0;
  }

  .header__logo {
    z-index: 3;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(0, 0, 0, 0);
    border-top-style: none;
    border-right-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .header__logo-icon {
    width: 19.3333rem;
    height: 14rem;
  }

  .header__logo-text {
    width: 163.333rem;
    height: 14.6667rem;
  }

  .hero__info {
    grid-row-gap: 32rem;
    text-align: center;
    padding-left: 100rem;
    padding-right: 100rem;
  }

  .hero__headline {
    grid-row-gap: 24rem;
  }

  .navigation__wrapper {
    height: 48rem;
  }

  .hero__social-list {
    z-index: 7;
    width: 736rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    transform: translate(-100%);
  }

  .hero__social-item {
    width: auto;
    height: 40rem;
    border-style: solid none solid solid;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem;
    display: flex;
  }

  .hero__social-icon {
    width: 20rem;
    height: 20rem;
  }

  .hero__para {
    display: none;
    top: 16rem;
    left: 16rem;
  }

  .header__corner {
    display: none;
  }

  .hero__fanta {
    z-index: 5;
  }

  .hero__social {
    z-index: 5;
    transform: none;
  }

  .caption-5 {
    font-size: 10rem;
  }

  .aliens__wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .aliens__grid {
    grid-column-gap: 24rem;
    grid-row-gap: 32rem;
    grid-template-columns: 1fr 1fr;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .aliens__para {
    padding-top: 64rem;
    padding-right: 24rem;
  }

  .aliens__item {
    padding-bottom: 16rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .header__link-overlay {
    display: none;
  }

  .skills__wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 64rem;
    grid-template-columns: 1fr;
    padding: 0;
  }

  .abilities__wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 64rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 0;
  }

  .skills__grid {
    grid-column-gap: 12em;
    grid-row-gap: 12em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    position: relative;
  }

  .skills__item {
    width: 88rem;
    height: 88rem;
    position: static;
  }

  .skills__list {
    z-index: 1;
    align-items: center;
    position: relative;
  }

  .skills__item-img {
    width: 88rem;
    height: 88rem;
  }

  .skills__popup-point {
    display: none;
  }

  .abilities__para {
    width: auto;
    text-align: left;
  }

  .abilities__list {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-bottom: 64rem;
  }

  .article__wrapper {
    padding: 96rem 16rem 24rem;
  }

  .items__grid {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .items__tabs {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-right: 0;
  }

  .items__wrapper {
    grid-row-gap: 64rem;
    grid-template: "."
                   "."
                   / 1fr;
    padding-bottom: 64rem;
  }

  .aliens__item-info {
    height: auto;
    overflow: visible;
  }

  .aliens__item-overlay {
    display: none;
  }

  .enter__wrapper {
    justify-content: flex-start;
    padding-bottom: 150rem;
  }

  .enter__logo-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .enter__content {
    padding-top: 64rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .enter__para {
    width: auto;
  }

  .text-2 {
    font-size: 14rem;
  }

  .h5--24 {
    line-height: 1.1;
  }

  .faq__wrapper {
    grid-row-gap: 64rem;
  }

  .faq__block {
    grid-row-gap: 48rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .faq__menu {
    grid-column-gap: 24rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 16rem 24rem;
    display: grid;
  }

  .faq__list {
    grid-row-gap: 96rem;
  }

  .faq__item-trigger {
    grid-template-columns: 1fr 40rem;
  }

  .faq__item-dropdown-wrap {
    padding-right: 0;
  }

  .sub-1 {
    font-size: 16rem;
  }

  .faq__item-icon {
    width: 40rem;
    height: 40rem;
  }

  .faq__bg {
    height: 90vw;
    object-fit: cover;
  }

  .news__block {
    grid-row-gap: 80rem;
    padding: 64rem 24rem 96rem;
  }

  .news__latest {
    grid-row-gap: 80rem;
    grid-template-columns: 1fr;
  }

  .h3--48 {
    font-size: 40rem;
  }

  .news__list {
    grid-column-gap: 24rem;
    grid-row-gap: 24rem;
    grid-template-columns: 1fr 1fr;
  }

  .news__item {
    min-height: 0;
  }

  .news__item.news__item--featured {
    max-height: none;
    min-height: 0;
  }

  .news__item-image {
    width: 688rem;
    height: 370.224rem;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
  }

  .news__item-image-wrap {
    height: 178.158rem;
  }

  .news__item-image-wrap.image-wrap--featured {
    height: 370.224rem;
  }

  .news__item-content {
    grid-row-gap: 16rem;
    padding-bottom: 16rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .news__item-headline {
    grid-row-gap: 10rem;
  }

  .caption-4.text--30 {
    font-size: 12rem;
  }

  .text-1 {
    font-size: 14rem;
  }

  .news__item-arrow {
    width: 11.6667rem;
    height: 20rem;
    margin-left: -2.91667rem;
    margin-right: -2.91667rem;
  }

  .article__blog {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .caption {
    font-size: 10rem;
  }

  .header__menu {
    z-index: 2;
    grid-row-gap: 40rem;
    -webkit-backdrop-filter: blur(10rem);
    backdrop-filter: blur(10rem);
    background-color: rgba(7, 7, 13, .6);
    flex-direction: column;
    align-items: flex-start;
    padding: 175rem 48rem 56rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: -16rem;
    right: -16rem;
    transform: translate(0, -100%);
  }

  .header__logo-burger {
    z-index: 3;
    height: 48rem;
    grid-column-gap: 24rem;
    justify-content: space-between;
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .header__burger {
    grid-row-gap: 6rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .burger-line {
    width: 20rem;
    height: 2rem;
    background-color: var(--green);
    padding-bottom: 0;
    padding-right: 0;
  }

  .header__social-list {
    z-index: 7;
    width: 100%;
    border-right: 1rem solid rgba(119, 214, 115, .3);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .navigation__back--desktop {
    display: none;
  }

  .navigation__back--mobile {
    display: block;
  }

  .world__map-item.map-item--1 {
    top: 130.312rem;
    left: 105.118rem;
  }

  .world__map-item.map-item--2 {
    top: 85.2941rem;
    left: 214.253rem;
  }

  .world__map-item.map-item--3 {
    top: 89.1588rem;
    left: 338.953rem;
  }

  .world__map-item.map-item--4 {
    top: 136.059rem;
    left: 447.153rem;
  }

  .world__map-item-popup {
    position: fixed;
    top: 200rem;
  }

  .world__map-item-popup-needle {
    display: none;
  }

  .roadmap__wrapper {
    grid-template-columns: 1fr;
  }

  .roadmap__menu {
    grid-template-columns: 1fr 1fr;
  }

  .roadmap__navigation-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    justify-content: center;
    align-self: stretch;
    justify-items: stretch;
  }

  .roadmap__navigation-item {
    width: auto;
  }

  .news__list-wrap {
    align-self: stretch;
  }

  .skills__para {
    width: auto;
    text-align: left;
  }

  .article__back {
    top: 40rem;
    left: 16rem;
  }

  .vertical__social {
    z-index: 5;
    display: none;
    transform: none;
  }

  .gameplay__grid {
    grid-column-gap: 24rem;
    grid-row-gap: 32rem;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .media__grid {
    grid-column-gap: 24rem;
    grid-row-gap: 32rem;
    grid-template-columns: 1fr 1fr;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .media__item, .gameplay__item {
    height: 280rem;
  }

  .gameplay__item-overlay, .media__item-overlay {
    display: none;
  }

  .abilities__content {
    grid-row-gap: 64rem;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .skills__content {
    grid-row-gap: 80rem;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .join__wrapper-2 {
    height: auto;
    grid-row-gap: 32rem;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: stretch;
    padding: 56rem 24rem;
  }

  .join__form-input-2 {
    width: 100%;
  }

  .cookie-block {
    display: flex;
    bottom: 2%;
  }

  .access__content {
    width: 100%;
    grid-row-gap: 48rem;
  }

  .access__form-normal, .access__form-fields {
    grid-row-gap: 48rem;
  }

  .mint-flex-container {
    padding-left: 60rem;
    padding-right: 60rem;
  }

  .mint-flex-item {
    width: 80%;
    justify-content: flex-start;
    align-items: center;
  }

  .mint-flex-item.image.box {
    width: 100%;
    padding-left: 9rem;
  }

  .mint-flex {
    grid-column-gap: 50rem;
    grid-row-gap: 50rem;
    flex-direction: column;
    justify-content: space-between;
  }

  .mint-flex-item-h {
    width: 100%;
    justify-content: space-between;
  }

  .item-h-cell {
    width: 90rem;
  }

  .flex-loading-container {
    width: 100%;
  }

  .cell-t-s {
    font-size: 14rem;
  }

  .div-block-180 {
    width: 100%;
  }

  .green_line {
    left: 6.9rem;
  }

  .div-block-181 {
    width: 100%;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40rem;
  }

  h2 {
    font-size: 32rem;
  }

  h3 {
    font-size: 38rem;
  }

  .join__wrapper {
    background-color: var(--background);
  }

  .world__wrapper {
    padding-bottom: 350rem;
  }

  .suits__item-img.img-1 {
    width: 88.0091rem;
    height: 202.489rem;
  }

  .suits__item-img.img-2 {
    width: 87.7828rem;
    height: 205.43rem;
  }

  .suits__item-img.img-3 {
    width: 86.4253rem;
    height: 202.262rem;
  }

  .suits__item-blur {
    width: 254.299rem;
    height: 409.05rem;
  }

  .caption-3 {
    font-size: 12rem;
  }

  .world__map-wrap {
    width: 500rem;
    height: 200rem;
    top: 280rem;
  }

  .world__map-image {
    width: 520.551rem;
    height: 243.87rem;
    top: -16.8333rem;
  }

  .hero__social-list {
    width: 536rem;
  }

  .hero__para {
    display: none;
  }

  .hero__bg-img {
    width: 140vw;
  }

  .abilities__para {
    width: auto;
  }

  .faq__bg {
    height: 120vw;
  }

  .h3--48 {
    font-size: 36rem;
  }

  .news__item-image {
    width: 488rem;
    height: 262.601rem;
  }

  .news__item-image-wrap {
    height: 124.496rem;
  }

  .news__item-image-wrap.image-wrap--featured {
    height: 262.601rem;
  }

  .items__tabs-list {
    flex: 1;
    grid-template-columns: 1fr 1fr;
  }

  .items__tabs-item {
    width: auto;
  }

  .world__map-item.map-item--1 {
    top: 107.61rem;
    left: 80.398rem;
  }

  .world__map-item.map-item--2 {
    top: 71.0784rem;
    left: 173.294rem;
  }

  .world__map-item.map-item--3 {
    top: 72.9824rem;
    left: 276.994rem;
  }

  .world__map-item.map-item--4 {
    top: 106.282rem;
    left: 367.694rem;
  }

  .roadmap__wrapper {
    grid-row-gap: 64rem;
  }

  .roadmap__navigation-item {
    width: auto;
  }

  .roadmap__item.roadmap__item--title {
    height: auto;
    padding-top: 24rem;
    padding-left: 24rem;
  }

  .roadmap__item.roadmap__item--list {
    height: auto;
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 24rem;
  }

  .roadmap__item.roadmap__item--empty {
    height: auto;
  }

  .roadmap__item-line {
    transform: translate(-50%, -50%)rotate(-57.3deg);
  }

  .skills__para {
    width: auto;
  }

  .gameplay__grid {
    grid-template-columns: 1fr 1fr;
  }

  .cookie-block {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    bottom: 1%;
  }

  .text-block-109 {
    font-size: 12px;
    line-height: 17px;
  }

  .access__content {
    grid-row-gap: 32rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .access__form-normal {
    grid-row-gap: 32rem;
  }

  .access__form-fields {
    grid-row-gap: 16rem;
  }

  .access__form-input {
    height: 48rem;
    text-align: center;
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .access__form-input-wrap {
    height: auto;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    display: flex;
  }

  .access__form-input-label {
    height: 48rem;
    flex-direction: column;
  }

  .mint-flex-container {
    padding-left: 30rem;
    padding-right: 30rem;
  }

  .mint-flex-item.image.box {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .mint-flex {
    grid-column-gap: 30rem;
    grid-row-gap: 30rem;
  }

  .item-h-cell {
    width: 82rem;
  }

  .button-3 {
    font-size: 15rem;
  }

  .heading-2 {
    font-size: 48rem;
  }

  .cell-t-s {
    font-size: 12rem;
  }

  .pseudo-numbering {
    font-size: 16rem;
    top: 5rem;
    right: 8rem;
  }

  .numbering-pseudo {
    font-size: 16rem;
    line-height: 16rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40rem;
  }

  h3 {
    font-size: 28rem;
  }

  .main {
    padding-bottom: 120rem;
  }

  .join__form-inputs {
    grid-row-gap: 16rem;
    border-bottom: 0 rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0;
  }

  .join__form-input {
    font-size: 18rem;
  }

  .button.button--big {
    align-self: stretch;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .navigation, .navigation.navigation--static {
    height: 120rem;
  }

  .navigation__back {
    border-top: 1rem solid rgba(255, 255, 255, .1);
    border-right: 1rem solid rgba(255, 255, 255, .1);
  }

  .navigation__link {
    border-top: 1rem solid rgba(255, 255, 255, .1);
    border-left: 0 rgba(0, 0, 0, 0);
    border-right: 1rem solid rgba(255, 255, 255, .1);
  }

  .suits__wrapper {
    grid-template-columns: 1fr;
  }

  .world__wrapper {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 300rem;
  }

  .headline.horizontal {
    flex-direction: column;
    align-items: stretch;
  }

  .heading {
    align-self: flex-start;
  }

  .suits__item-img.img-1 {
    width: 132.014rem;
    height: 303.733rem;
  }

  .suits__item-img.img-2 {
    width: 131.674rem;
    height: 308.145rem;
  }

  .suits__item-img.img-3 {
    width: 129.638rem;
    height: 303.394rem;
  }

  .suits__item-blur {
    width: 381.448rem;
    height: 613.575rem;
  }

  .header__wrapper {
    grid-template-columns: 1fr;
  }

  .worlds__para {
    padding-top: 40rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .world__map-wrap {
    width: 333.333rem;
    height: 133.333rem;
    top: 360rem;
  }

  .world__map-image {
    width: 347.034rem;
    height: 162.58rem;
    top: -11.2222rem;
  }

  .header__logo-icon {
    width: 24.1667rem;
    height: 17.5rem;
  }

  .header__logo-text {
    width: 204.167rem;
    height: 18.3333rem;
  }

  .hero__info {
    align-items: stretch;
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .navigation__wrapper {
    height: 120rem;
    border-top: 0 rgba(0, 0, 0, 0);
    border-bottom: 1rem solid rgba(255, 255, 255, .1);
    border-right: 0 rgba(0, 0, 0, 0);
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .hero__cta {
    grid-column-gap: 18rem;
    flex-direction: row;
    align-self: stretch;
    align-items: center;
  }

  .hero__cta-arrow {
    width: 16.1538rem;
    height: 23.0769rem;
    margin-left: -3.84615rem;
    margin-right: -3.84615rem;
  }

  .hero__social-list {
    width: 342rem;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .hero__social-item {
    width: auto;
    height: 40rem;
  }

  .hero__social-icon {
    width: 20rem;
    height: 20rem;
  }

  .hero__para, .header__corner {
    display: none;
  }

  .hero__bg-img {
    width: 160vw;
  }

  .aliens__wrapper {
    grid-row-gap: 64rem;
    grid-template-columns: 1fr;
  }

  .aliens__grid {
    grid-template-columns: 1fr;
  }

  .aliens__para {
    padding-top: 0;
    padding-left: 24rem;
  }

  .skills__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .skills__item {
    width: 92rem;
    height: 92rem;
  }

  .skills__label {
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .skills__item-img {
    width: 92rem;
    height: 92rem;
  }

  .skills__popup {
    width: 343rem;
  }

  .skills__popup-wrap {
    width: auto;
    padding: 16rem;
  }

  .items__grid {
    grid-template-columns: 1fr 1fr;
  }

  .items__wrapper {
    grid-template-columns: 1fr;
  }

  .enter__wrapper {
    padding-bottom: 96rem;
  }

  .enter__logo {
    grid-column-gap: 8.33333rem;
  }

  .enter__logo-wrapper {
    grid-template-columns: 1fr;
  }

  .enter__content {
    grid-row-gap: 32rem;
    padding-top: 40rem;
  }

  .enter__headline {
    grid-row-gap: 24rem;
  }

  .enter__cta {
    grid-row-gap: 24rem;
    align-self: stretch;
  }

  .enter__cta-button {
    grid-row-gap: 30rem;
    flex-direction: column;
    align-self: stretch;
  }

  .h5--24 {
    font-size: 22rem;
  }

  .enter__underline {
    display: none;
  }

  .enter__cta-arrow-wrap {
    transform: rotate(90deg);
  }

  .enter__cta-arrow-wrap.arrow-wrap--reversed {
    display: none;
    transform: rotate(270deg);
  }

  .enter__trailer {
    white-space: nowrap;
    justify-content: center;
  }

  .enter__cta-headline {
    width: auto;
  }

  .faq__menu {
    grid-template-columns: 1fr;
  }

  .faq__item-trigger {
    grid-column-gap: 16rem;
    grid-template-columns: 1fr 32rem;
  }

  .faq__item-icon {
    width: 32rem;
    height: 32rem;
  }

  .faq__item-x {
    width: 12rem;
    height: 12rem;
  }

  .faq__bg {
    height: 150vw;
  }

  .h3--48 {
    font-size: 32rem;
  }

  .news__list {
    grid-template-columns: 1fr;
  }

  .news__item-image {
    width: 295rem;
    height: 158.744rem;
  }

  .news__item-image-wrap, .news__item-image-wrap.image-wrap--featured {
    height: 158.744rem;
  }

  .news__headline {
    grid-row-gap: 80rem;
    flex-direction: column;
    align-items: stretch;
  }

  .navigation__link-overlay {
    display: none;
  }

  .header__social-list {
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .items__tabs-list {
    flex: 1;
  }

  .items__tabs-item {
    width: auto;
    height: 48rem;
  }

  .world__map-item.map-item--1 {
    top: 61.3399rem;
    left: 16.132rem;
  }

  .world__map-item.map-item--2 {
    top: 41.1856rem;
    left: 91.4961rem;
  }

  .world__map-item.map-item--3 {
    top: 44.0549rem;
    left: 164.129rem;
  }

  .world__map-item.map-item--4 {
    top: 60.2549rem;
    left: 235.729rem;
  }

  .world__map-item-popup {
    width: 343rem;
  }

  .roadmap__menu {
    grid-template-rows: auto;
    grid-auto-rows: auto;
  }

  .roadmap__menu.active {
    grid-template-columns: 1fr;
  }

  .roadmap__navigation-list {
    flex: 1;
  }

  .roadmap__navigation-item {
    width: auto;
    height: 48rem;
  }

  .roadmap__item.roadmap__item--title {
    padding-bottom: 24rem;
    padding-right: 24rem;
  }

  .roadmap__item.roadmap__item--empty {
    display: none;
  }

  .gameplay__grid, .media__grid {
    grid-template-columns: 1fr;
  }

  .media__item, .gameplay__item {
    height: 330rem;
  }

  .join__button {
    flex-direction: column;
    display: flex;
  }

  .join__form-inputs-2 {
    grid-row-gap: 16rem;
    border-bottom: 0 rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0;
  }

  .join__form-input-2 {
    font-size: 18rem;
  }

  .cookie-block {
    text-align: center;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    bottom: 1%;
  }

  .banner-wrap-left {
    flex-direction: column;
    align-items: center;
  }

  .div-block-178 {
    margin-bottom: 20px;
  }

  .cookie {
    display: none;
  }

  .mint-flex-container {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .mint-flex-item {
    width: 90%;
  }

  .mint-flex-item.image.box {
    padding-top: 4.5rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .item-h-cell {
    width: 70rem;
  }

  .button-3 {
    padding-left: 20rem;
    padding-right: 20rem;
    font-size: 16rem;
  }

  .heading-2 {
    font-size: 38rem;
  }

  .cell-t-s {
    font-size: 10rem;
  }

  .div-block-180 {
    height: 60rem;
  }

  .numbering-pseudo {
    font-size: 12rem;
    line-height: 12rem;
  }
}

#w-node-_6f723419-26d5-74ad-d8bd-7844fe298b9f-e0580e01, #w-node-a8bd25a1-91e5-ce01-1967-a5535d3c5dd4-e0580e01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6be31c55-c661-fb86-a460-5b171b88c741-e0580e01 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_48e74b5d-063a-e0c8-bdf3-a668bea07469-e0580e01 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_01357d5c-982d-0af6-fc70-ff3d994ba690-e0580e01, #w-node-_0cb1f0c6-7f09-e0c5-7945-843bd14b8b4b-e0580e01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_620bd3b2-8754-c4e4-e978-f4b6d833c798-e0580e01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_219bdbfb-ad02-2a0d-6509-fb2bd90ed3ac-e0580e01, #w-node-be894558-c074-040b-8ef3-b34c0cd87955-e0580e01, #w-node-_090f95be-7a79-b4d9-54c1-0f1b6216c9b0-e0580e01, #w-node-b00a8dd1-ffa5-f79c-7f93-a9ed4abc5421-4abc541f, #w-node-b00a8dd1-ffa5-f79c-7f93-a9ed4abc5422-4abc541f, #w-node-b00a8dd1-ffa5-f79c-7f93-a9ed4abc5429-4abc541f, #w-node-b00a8dd1-ffa5-f79c-7f93-a9ed4abc5435-4abc541f, #w-node-b00a8dd1-ffa5-f79c-7f93-a9ed4abc5441-4abc541f, #w-node-c1774f9e-3019-c0cb-03a6-92894108fa5f-4108fa5a, #w-node-_9b0d49b3-903f-90ee-5a16-1d5ea8576469-a8576469, #w-node-_9b0d49b3-903f-90ee-5a16-1d5ea857646a-a8576469, #w-node-b29aba58-e253-492b-52ce-4b0d1e50cb79-1e50cb77, #w-node-b29aba58-e253-492b-52ce-4b0d1e50cb7c-1e50cb77, #w-node-_35b6f3fa-ddc4-804d-b226-34b69a571f7f-1e50cb77, #w-node-b29aba58-e253-492b-52ce-4b0d1e50cb82-1e50cb77, #w-node-b29aba58-e253-492b-52ce-4b0d1e50cb88-1e50cb77, #w-node-b29aba58-e253-492b-52ce-4b0d1e50cb8e-1e50cb77, #w-node-f5f528c8-7c05-555e-f222-44ea0c9f51bc-0c9f51ba, #w-node-f5f528c8-7c05-555e-f222-44ea0c9f51bd-0c9f51ba, #w-node-f5f528c8-7c05-555e-f222-44ea0c9f51c9-0c9f51ba, #w-node-f5f528c8-7c05-555e-f222-44ea0c9f51d5-0c9f51ba, #w-node-f5f528c8-7c05-555e-f222-44ea0c9f51e1-0c9f51ba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7fa867bc-820c-3b32-7be1-7ced834492a6-557507f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_49632a90-e2fb-7ff8-3a2e-9090b09bfa6e-557507f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c87db0f2-6511-758d-8113-ac39eae14896-557507f8 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_787535d5-4126-7d55-7433-bd47d2a66d81-557507f8 {
  grid-area: 2 / 1 / 3 / 5;
}

#w-node-_7fa867bc-820c-3b32-7be1-7ced834492a6-f83b78f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_49632a90-e2fb-7ff8-3a2e-9090b09bfa6e-f83b78f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c87db0f2-6511-758d-8113-ac39eae14896-f83b78f0 {
  grid-area: 1 / 3 / 2 / 5;
  align-self: start;
}

#w-node-_51f69991-df58-f226-b63d-aa2bd42f437f-f83b78f0, #w-node-_0dfe5299-48c5-0f8a-52f7-a97ce804095c-f83b78f0, #w-node-_28e4018f-ac80-4998-a2f1-fa17f3ba7171-f83b78f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f2258e46-d31c-296b-5401-118475ec3241-f83b78f0 {
  grid-area: Area;
}

#w-node-_378582e8-e636-26a4-7a79-c4305d84e015-12b3be6c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7d4454e5-e0f2-5e59-73cd-3d2e0a808d85-12b3be6c, #w-node-_0a03db0b-c66f-406d-8592-bb7180c6307e-12b3be6c, #w-node-_37adde46-e52b-7bf4-6281-530cd9c79515-12b3be6c, #w-node-_64eb2dfd-1501-1465-ea92-c0d243b98b9c-269b29b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97f12ef8-110f-7af9-e9d0-58e75a0b6d1b-269b29b4 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-e6775c52-e07b-5c57-32e5-5890e627e0cc-e627e0ca, #w-node-e6775c52-e07b-5c57-32e5-5890e627e0cd-e627e0ca, #w-node-e6775c52-e07b-5c57-32e5-5890e627e0d9-e627e0ca, #w-node-e6775c52-e07b-5c57-32e5-5890e627e0e5-e627e0ca, #w-node-e6775c52-e07b-5c57-32e5-5890e627e0f1-e627e0ca, #w-node-_4f20c1d0-28b8-bc4f-e272-d9eddba26793-c1dd751c, #w-node-_4f20c1d0-28b8-bc4f-e272-d9eddba26795-c1dd751c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66f7983c-4c2e-924f-5df6-bba53d2f2013-9eca1f1f {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_8da64357-0f8d-75c2-c97e-2debc8cf2708-1ca73483, #w-node-_746d5f77-d018-634d-7551-31c2c5504af4-1ca73483, #w-node-_8eb2026c-1903-e5c3-7f3d-263034c8ebe2-1ca73483, #w-node-_12e3a125-f24a-0398-4b30-2df6863274af-1ca73483, #w-node-bb02a39b-67b5-1011-8fc5-fb859fe772d5-1ca73483, #w-node-bb02a39b-67b5-1011-8fc5-fb859fe772d6-1ca73483, #w-node-acbd78b4-6265-2309-e1c0-58ab74d8d9bc-1ca73483, #w-node-acbd78b4-6265-2309-e1c0-58ab74d8d9bd-1ca73483, #w-node-_10c17304-536d-ba83-d618-17381aede9ca-1ca73483, #w-node-_10c17304-536d-ba83-d618-17381aede9cb-1ca73483, #w-node-f0794f58-2b9f-4b53-6e84-afe752afede6-1ca73483, #w-node-f0794f58-2b9f-4b53-6e84-afe752afede7-1ca73483, #w-node-cc0d60ff-9773-30f8-2e02-5b883b33db1b-1ca73483, #w-node-cc0d60ff-9773-30f8-2e02-5b883b33db1c-1ca73483, #w-node-_7741140f-a8ae-0f94-910f-70db76bfe1ee-1ca73483, #w-node-_7741140f-a8ae-0f94-910f-70db76bfe1ef-1ca73483, #w-node-_33f7a9b5-1cee-2a31-c708-caf22a41f1dc-9388feaf, #w-node-_0f3d9823-12f6-13a9-1535-310685068f89-9388feaf, #w-node-_07df0f31-eee0-2f2e-6fb2-5e34b51e1304-9388feaf, #w-node-_0f3d9823-12f6-13a9-1535-310685068f91-9388feaf, #w-node-_0f3d9823-12f6-13a9-1535-310685068f99-9388feaf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45c446f8-dcf4-4360-9972-da6050a4e934-9388feaf, #w-node-_5d669c1d-2fa8-c477-815c-0e6806385a45-9388feaf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3ce505d-71ac-b19c-df97-818d15567ece-9388feaf, #w-node-c9df3d0d-43b7-d284-a048-795f225deb4e-9388feaf, #w-node-bbf31d40-02fc-7e56-72fd-cdb4bb4642fc-9388feaf, #w-node-_52b01b93-063e-12bd-4df2-38641d4d974b-9388feaf, #w-node-_9b271f58-e59f-5da5-dfee-2f64a12b0f0c-9388feaf, #w-node-_3640e513-60c0-f2b5-91d2-b8601e378cfa-9388feaf, #w-node-_031baccc-ebfd-0494-51b0-9f1356c224c9-9388feaf, #w-node-_28f1f3c8-9f6a-9109-b3ea-8ffb09594d8e-9388feaf, #w-node-_452287af-b031-219a-d6fe-b1ed8a0b5cd5-9388feaf, #w-node-_273ff27c-c22f-6b9d-91cb-8a5d162faa96-9388feaf, #w-node-_1b54e36f-ac40-c2f2-1718-54f1cd8c2c04-9388feaf, #w-node-_17e5007f-7fac-37bf-797c-4e644a92caf9-9388feaf, #w-node-d4d48798-0415-8029-12b1-94f0e44e5ed4-9388feaf, #w-node-d4d48798-0415-8029-12b1-94f0e44e5ed7-9388feaf, #w-node-a10d227f-f81d-a7e8-a6dc-3315a0452b78-9388feaf, #w-node-_28fb065e-2ae8-e380-f8c3-d78d640f7fc5-9388feaf, #w-node-_51abe0dd-a5e6-2f61-f3d5-ee1d765cb5b1-9388feaf, #w-node-_51abe0dd-a5e6-2f61-f3d5-ee1d765cb5b4-9388feaf, #w-node-_17436259-cad8-5dab-05e4-eb068d187daf-9388feaf, #w-node-_65698c72-cd1d-51b3-1034-186d461fcbae-9388feaf, #w-node-c08655b6-2f06-1b1d-d5a9-c71a29300e38-9388feaf, #w-node-f79efbf6-c272-10f3-8fbf-d13f6b7e7a9c-9388feaf, #w-node-_7af8c3e7-9cf4-98b3-79b0-1bade94de1f1-9388feaf, #w-node-_5ac378bb-9c95-d106-136e-e243250d507c-9388feaf, #w-node-_20dce958-f44c-b124-03fa-215fb82ea122-9388feaf, #w-node-fcd64746-def5-59c5-bf7d-1ac332e587d0-9388feaf, #w-node-_27c99d2c-1ef3-db54-b892-a96628f6a7ba-9388feaf, #w-node-d1382ff7-6096-17ca-4523-c9b7439b8baf-9388feaf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66f7983c-4c2e-924f-5df6-bba53d2f2013-4502d42c {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_7d5000d2-3aee-44d8-43dc-87798aee8158-c487c04b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_48e74b5d-063a-e0c8-bdf3-a668bea07469-e0580e01 {
    grid-column-start: 3;
  }

  #w-node-_620bd3b2-8754-c4e4-e978-f4b6d833c798-e0580e01 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
  }

  #w-node-dec13f16-7ab2-789c-1960-0e03e5fd1d0c-1e50cb77, #w-node-b29aba58-e253-492b-52ce-4b0d1e50cb79-1e50cb77 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-caf7100c-0362-12f1-8117-f72e57a2a292-1e50cb77 {
    justify-self: stretch;
  }

  #w-node-_790f923c-5cd8-d234-d2bc-778788a4e8e2-1e50cb77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7fa867bc-820c-3b32-7be1-7ced834492a6-557507f8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-c87db0f2-6511-758d-8113-ac39eae14896-557507f8 {
    grid-area: 1 / 3 / 2 / 5;
    align-self: start;
  }

  #w-node-c87db0f2-6511-758d-8113-ac39eae14896-f83b78f0, #w-node-f2258e46-d31c-296b-5401-118475ec3241-f83b78f0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_46fcdd48-0393-7a78-81d5-e034acb4126d-12b3be6c {
    align-self: start;
  }

  #w-node-_45c446f8-dcf4-4360-9972-da6050a4e934-9388feaf {
    grid-column: span 1 / span 1;
  }

  #w-node-e3ce505d-71ac-b19c-df97-818d15567ece-9388feaf {
    order: 1;
  }

  #w-node-c9df3d0d-43b7-d284-a048-795f225deb4e-9388feaf {
    order: 3;
  }

  #w-node-bbf31d40-02fc-7e56-72fd-cdb4bb4642fc-9388feaf {
    order: 4;
  }

  #w-node-_52b01b93-063e-12bd-4df2-38641d4d974b-9388feaf {
    order: 7;
  }

  #w-node-_9b271f58-e59f-5da5-dfee-2f64a12b0f0c-9388feaf {
    order: 9;
  }

  #w-node-_3640e513-60c0-f2b5-91d2-b8601e378cfa-9388feaf {
    order: 5;
  }

  #w-node-_031baccc-ebfd-0494-51b0-9f1356c224c9-9388feaf {
    order: 6;
  }

  #w-node-_28f1f3c8-9f6a-9109-b3ea-8ffb09594d8e-9388feaf {
    order: 10;
  }

  #w-node-_452287af-b031-219a-d6fe-b1ed8a0b5cd5-9388feaf {
    order: 2;
  }

  #w-node-_273ff27c-c22f-6b9d-91cb-8a5d162faa96-9388feaf {
    order: 8;
  }

  #w-node-_1b54e36f-ac40-c2f2-1718-54f1cd8c2c04-9388feaf {
    order: 11;
  }

  #w-node-_17e5007f-7fac-37bf-797c-4e644a92caf9-9388feaf {
    order: 12;
  }

  #w-node-d4d48798-0415-8029-12b1-94f0e44e5ed4-9388feaf {
    order: 1;
  }

  #w-node-d4d48798-0415-8029-12b1-94f0e44e5ed7-9388feaf, #w-node-a10d227f-f81d-a7e8-a6dc-3315a0452b78-9388feaf {
    order: 3;
  }

  #w-node-_28fb065e-2ae8-e380-f8c3-d78d640f7fc5-9388feaf {
    order: 4;
  }

  #w-node-_51abe0dd-a5e6-2f61-f3d5-ee1d765cb5b1-9388feaf {
    order: 1;
  }

  #w-node-_51abe0dd-a5e6-2f61-f3d5-ee1d765cb5b4-9388feaf {
    order: 3;
  }

  #w-node-_17436259-cad8-5dab-05e4-eb068d187daf-9388feaf {
    order: 5;
  }

  #w-node-_65698c72-cd1d-51b3-1034-186d461fcbae-9388feaf {
    order: 6;
  }

  #w-node-c08655b6-2f06-1b1d-d5a9-c71a29300e38-9388feaf {
    order: 2;
  }

  #w-node-f79efbf6-c272-10f3-8fbf-d13f6b7e7a9c-9388feaf {
    order: 4;
  }

  #w-node-_7af8c3e7-9cf4-98b3-79b0-1bade94de1f1-9388feaf {
    order: 7;
  }

  #w-node-_5ac378bb-9c95-d106-136e-e243250d507c-9388feaf {
    order: 8;
  }

  #w-node-_20dce958-f44c-b124-03fa-215fb82ea122-9388feaf {
    order: 1;
  }

  #w-node-fcd64746-def5-59c5-bf7d-1ac332e587d0-9388feaf {
    order: 3;
  }

  #w-node-_27c99d2c-1ef3-db54-b892-a96628f6a7ba-9388feaf {
    order: 2;
  }

  #w-node-d1382ff7-6096-17ca-4523-c9b7439b8baf-9388feaf {
    order: 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_48e74b5d-063a-e0c8-bdf3-a668bea07469-e0580e01 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_620bd3b2-8754-c4e4-e978-f4b6d833c798-e0580e01 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-dec13f16-7ab2-789c-1960-0e03e5fd1d0c-1e50cb77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7fa867bc-820c-3b32-7be1-7ced834492a6-557507f8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-c87db0f2-6511-758d-8113-ac39eae14896-557507f8, #w-node-_787535d5-4126-7d55-7433-bd47d2a66d81-557507f8, #w-node-f2258e46-d31c-296b-5401-118475ec3241-f83b78f0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_66f7983c-4c2e-924f-5df6-bba53d2f2013-9eca1f1f {
    grid-column: span 1 / span 1;
  }

  #w-node-c9df3d0d-43b7-d284-a048-795f225deb4e-9388feaf {
    order: 2;
  }

  #w-node-bbf31d40-02fc-7e56-72fd-cdb4bb4642fc-9388feaf {
    order: 3;
  }

  #w-node-_52b01b93-063e-12bd-4df2-38641d4d974b-9388feaf, #w-node-_3640e513-60c0-f2b5-91d2-b8601e378cfa-9388feaf, #w-node-_031baccc-ebfd-0494-51b0-9f1356c224c9-9388feaf {
    order: 4;
  }

  #w-node-_452287af-b031-219a-d6fe-b1ed8a0b5cd5-9388feaf {
    order: 5;
  }

  #w-node-_273ff27c-c22f-6b9d-91cb-8a5d162faa96-9388feaf {
    order: 6;
  }

  #w-node-d4d48798-0415-8029-12b1-94f0e44e5ed4-9388feaf {
    order: 1;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d4d48798-0415-8029-12b1-94f0e44e5ed7-9388feaf, #w-node-a10d227f-f81d-a7e8-a6dc-3315a0452b78-9388feaf {
    order: 3;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_51abe0dd-a5e6-2f61-f3d5-ee1d765cb5b1-9388feaf {
    order: 1;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_51abe0dd-a5e6-2f61-f3d5-ee1d765cb5b4-9388feaf {
    order: 2;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_17436259-cad8-5dab-05e4-eb068d187daf-9388feaf {
    order: 5;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c08655b6-2f06-1b1d-d5a9-c71a29300e38-9388feaf {
    order: 4;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f79efbf6-c272-10f3-8fbf-d13f6b7e7a9c-9388feaf {
    order: 3;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_20dce958-f44c-b124-03fa-215fb82ea122-9388feaf {
    order: 1;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fcd64746-def5-59c5-bf7d-1ac332e587d0-9388feaf {
    order: 3;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_66f7983c-4c2e-924f-5df6-bba53d2f2013-4502d42c {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Chakrapetch';
  src: url('../fonts/ChakraPetch-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chakrapetch';
  src: url('../fonts/ChakraPetch-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chakrapetch';
  src: url('../fonts/ChakraPetch-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chakrapetch';
  src: url('../fonts/ChakraPetch-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


.loader {
  position: relative;
  margin: 0px auto;
  width: 100px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes
rotate {  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@keyframes
rotate {  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@-webkit-keyframes
dash {  0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
}
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes
dash {  0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
}
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes
color {  100%, 0% {
  stroke: #d62d20;
}
  40% {
    stroke: #ffffff;
  }
  66% {
    stroke: #77d673;
  }
  80%, 90% {
    stroke: #3dfffc;
  }
}
@keyframes
color {  100%, 0% {
  stroke: #d62d20;
}
  40% {
    stroke: #ffffff;
  }
  66% {
    stroke: #77d673;
  }
  80%, 90% {
    stroke: #3dfffc;
  }
}


#mainLoader{
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  backdrop-filter: blur(10px);
}