.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wyh0bfe8 {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
}

.h43grlye {
  cursor: pointer;
  width: 81px;
  height: 30.375px;
}

.lxg5qdhx {
  cursor: pointer;
  width: auto;
  max-width: 100%;
  display: block;
}

.qdqbewx3 {
  color: #fafafa;
  letter-spacing: -.39375px;
  width: auto;
  font-size: 15.75px;
  font-weight: 500;
  line-height: 1;
}

.xx313pq1 {
  width: auto;
}

.x60ewasr {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.qr85kp9a {
  color: #fafafa;
  text-align: left;
  letter-spacing: -1.0125px;
  cursor: pointer;
  width: auto;
  font-size: 22.5px;
  line-height: 1.2;
  list-style-type: none;
  position: relative;
}

.runnvfmy {
  text-align: left;
  cursor: pointer;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 11.25px;
  width: auto;
  max-width: 100%;
  list-style-type: none;
  display: flex;
}

.q38f0895 {
  width: auto;
  list-style-type: none;
}

.ryetmwc4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  row-gap: 13.5px;
  width: auto;
  margin: 0 0 auto;
  padding: 0;
  list-style-type: none;
  display: grid;
}

.v17n499u {
  background-color: #fafafa0a;
  border-radius: 13.5px;
  flex-direction: column;
  justify-content: center;
  row-gap: 9px;
  width: auto;
  padding: 27px;
  display: flex;
}

.v168k42q {
  color: #fafafa;
  text-align: left;
  letter-spacing: -.39375px;
  cursor: pointer;
  width: auto;
  font-size: 15.75px;
  font-weight: 500;
  line-height: 1;
  list-style-type: none;
  position: relative;
}

.xiw4rbqd {
  text-align: left;
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  list-style-type: none;
  display: block;
  overflow: hidden;
}

.gsw6aejj {
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 11.25px;
  list-style-type: none;
  display: flex;
}

.psgcvq7u {
  text-align: left;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  list-style-type: none;
  display: inline-flex;
}

.d9x3pmf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  row-gap: 13.5px;
  width: auto;
  margin: auto 0;
  padding: 0;
  list-style-type: none;
  display: grid;
}

.eeoxhufi {
  color: #fafafa;
  letter-spacing: -.45px;
  cursor: pointer;
  width: auto;
  font-size: 18px;
  line-height: 1.2;
}

.l8hfnq18 {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  width: auto;
  display: flex;
}

.h5tugry0 {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  width: auto;
  display: flex;
}

.g06jw206 {
  cursor: pointer;
  background-color: #fafafa0a;
  border-radius: 13.5px;
  flex-direction: column;
  justify-content: center;
  row-gap: 9px;
  width: auto;
  max-width: 100%;
  padding: 27px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.q2z5dwog {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  gap: 22.5px;
  width: auto;
  display: grid;
}

.epe6bbvr {
  color: #fafafa;
  letter-spacing: -.45px;
  width: auto;
  font-size: 18px;
  line-height: 1.2;
}

.hl0qyfsl {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.dmvzy4q5 {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.bvp6bqmf {
  cursor: pointer;
  width: auto;
  max-width: 100%;
  display: block;
}

.gpngqjcz {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.y1t82n6d {
  flex-direction: row;
  align-items: center;
  column-gap: 22.5px;
  width: auto;
  display: flex;
}

.vsvpwnmn {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.naf3wxrs {
  background-color: #fafafa0a;
  border-radius: 13.5px;
  flex-direction: column;
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-content: center;
  row-gap: 9px;
  width: auto;
  padding: 27px;
  display: flex;
}

.y47l9618, .ciyxm4zf {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 22.5px;
  width: auto;
  display: grid;
}

.v8wde3sq {
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.jah8b9ur {
  color: #fafafa;
  border-color: #fafafa;
  width: auto;
  padding: 0 106.675px 67.5px;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  position: relative;
}

.footer {
  background-image: linear-gradient(#000, #000);
}

.pv5t5xgp {
  z-index: 0;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(-110deg, #6ddbaa, #8781d6, #cf98b9, #f7dfa2, #badae2, #6ddbaa, #8781d6, #cf98b9, #f7dfa2, #badae2);
  background-size: auto;
  width: 100%;
  height: .5px;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  transform: scale(1, 1.001);
}

.hmy7oa83 {
  color: #fafafa;
  text-align: center;
  letter-spacing: -1.26563px;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  border-left-color: #e2e2e2;
  width: auto;
  margin: 0;
  font-size: 28.125px;
  line-height: 1.2;
}

.t3mtjmoy {
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  margin: 54px 0 0;
}

.tinuki0d {
  color: #a7a7a7;
  text-align: center;
  letter-spacing: -1.26563px;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  border-color: #a7a7a7;
  width: auto;
  font-size: 28.125px;
  line-height: 1.2;
}

.tcjrz0vj {
  color: #a7a7a7;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  border-color: #a7a7a7;
  width: auto;
}

.ojve3rsz {
  text-align: center;
  cursor: grab;
  overflow-clip-margin: content-box;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.l56l0p1g {
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  width: 9px;
  height: 9px;
  display: flex;
}

.aipf7v4q {
  z-index: 0;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  align-items: center;
  width: 50%;
  min-height: 100%;
  padding: 0 7.5% 108px;
  display: flex;
  position: absolute;
  left: 0;
  transform: translate(0%);
}

.mbr0eh32 {
  z-index: 0;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(-110deg, #6ddbaa, #8781d6, #cf98b9, #f7dfa2, #badae2, #6ddbaa, #8781d6, #cf98b9, #f7dfa2, #badae2);
  background-size: auto;
  width: 100%;
  height: .5px;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  transform: scale(0, 1);
}

.f9qpyrj1 {
  z-index: 0;
  opacity: .1;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  align-items: center;
  width: 50%;
  min-height: 100%;
  padding: 0 7.5% 108px;
  display: flex;
  position: absolute;
  left: 0;
  transform: translate(100%);
}

.gzdrwn1n {
  z-index: 0;
  opacity: .1;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  align-items: center;
  width: 50%;
  min-height: 100%;
  padding: 0 7.5% 108px;
  display: flex;
  position: absolute;
  left: 0;
  transform: translate(200%);
}

.bhwtkk23 {
  z-index: 0;
  opacity: .1;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  align-items: center;
  width: 50%;
  min-height: 100%;
  padding: 0 7.5% 108px;
  display: flex;
  position: absolute;
  left: 0;
  transform: translate(300%);
}

.ij7519bl {
  z-index: 0;
  opacity: .1;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  align-items: center;
  width: 50%;
  min-height: 100%;
  padding: 0 7.5% 108px;
  display: flex;
  position: absolute;
  left: 0;
  transform: translate(-100%);
}

.ny8rllfr {
  z-index: 0;
  text-align: center;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  transform: translate(25%);
}

.rczqdvwg {
  text-align: center;
  cursor: grab;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  height: 458px;
  position: relative;
}

.ryrgu31l {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  position: relative;
}

.er73tear {
  text-align: center;
  width: auto;
}

.fciupbk5 {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.nfdvvgle {
  z-index: 0;
  text-align: center;
  background-image: linear-gradient(-110deg, #6ddbaa, #8781d6, #cf98b9, #f7dfa2, #badae2, #6ddbaa, #8781d6, #cf98b9, #f7dfa2, #badae2);
  background-size: auto;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(1, 1.001);
}

.msrpf773 {
  text-align: center;
  width: auto;
  padding: 288px 106.675px 216px;
  overflow: hidden;
}

.zmx1j2sw {
  color: #fafafa;
  letter-spacing: -3.645px;
  width: auto;
  margin: 0;
  font-size: 72px;
  font-weight: 300;
  line-height: 1.1;
}

.bimn6f33 {
  color: #a7a7a7;
  letter-spacing: -.91125px;
  border-color: #a7a7a7;
  width: auto;
  max-width: 20em;
  margin: 27px 0 0;
  font-size: 20.25px;
  line-height: 1.4;
}

.f545pxql {
  color: #fafafa;
  letter-spacing: -1.8225px;
  width: auto;
  max-width: 20em;
  margin: 0;
  font-size: 40.5px;
  font-weight: 300;
  line-height: 1.2;
}

.d7kbrn3m {
  color: #a7a7a7;
  letter-spacing: -.91125px;
  border-color: #a7a7a7;
  width: auto;
  max-width: 20em;
  margin: 0;
  font-size: 20.25px;
  line-height: 1.4;
}

.point {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  width: 20em;
  margin-top: 108px;
  display: flex;
}

.vt1i9jua {
  color: #a7a7a7;
  letter-spacing: -.91125px;
  border-color: #a7a7a7;
  width: auto;
  font-size: 20.25px;
  line-height: 1.4;
}

.points {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-flow: column;
  align-items: flex-start;
  gap: 54px;
  width: auto;
  margin: 96px 0 0;
  display: block;
}

.l1ukhtd9 {
  width: auto;
  position: sticky;
  top: 144px;
}

.details-left {
  flex-direction: column;
  flex: 1;
  width: auto;
  display: block;
}

.oji3m78s {
  letter-spacing: -1.8225px;
  width: auto;
  font-size: 40.5px;
  font-weight: 300;
  line-height: 1.2;
}

.wvdztysq {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 22.5px;
  width: auto;
  display: flex;
}

.i3v94uiu {
  color: #fafafa;
  letter-spacing: -.70875px;
  cursor: pointer;
  width: auto;
  font-size: 15.75px;
  line-height: 1.2;
}

.iyal1as2 {
  color: #fafafa;
  letter-spacing: -1.26563px;
  cursor: pointer;
  width: auto;
  font-size: 28.125px;
  line-height: 1.2;
}

.nr7v9f5v {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.mg8iyf38 {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 11.25px;
  display: flex;
}

.ywgm714r {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.j4p2s74e {
  cursor: pointer;
  background-color: #fafafa0a;
  border-radius: 13.5px;
  flex-direction: column;
  justify-content: center;
  row-gap: 9px;
  width: auto;
  max-width: 100%;
  padding: 27px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btns {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  gap: 22.5px;
  width: 100%;
  display: grid;
}

.ly54vhzo {
  z-index: 0;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gs8y5yu2 {
  color: #5a5a5a;
  letter-spacing: -.39375px;
  width: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.yuczhjcp {
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.jnu8z04c {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.x39xlckp {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
}

.olkqli9t {
  background-color: #62d92a;
  border-radius: 50%;
  width: 5.625px;
  height: 5.625px;
  margin: 0 6.75px 0 0;
}

.ha9wl3hh {
  z-index: 0;
  vertical-align: middle;
  object-fit: cover;
  border-radius: 27px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.j26cau1u {
  border: 1px solid #dadada;
  border-radius: 50%;
  width: 28.125px;
  height: 28.125px;
  margin: 0 -14.0625px 0 0;
  position: relative;
  overflow: hidden;
}

.sizkrk9e {
  flex-direction: row;
  width: auto;
  padding: 0 14.0625px 0 0;
  display: flex;
}

.fe8mikch {
  width: auto;
}

.njkanszj {
  flex-direction: row;
  align-items: center;
  width: auto;
  margin: 0 0 0 auto;
  display: flex;
}

.m5yhqcc7 {
  background-color: #fafafa0a;
  border-radius: 13.5px;
  flex-direction: column;
  justify-content: center;
  row-gap: 9px;
  width: auto;
  padding: 27px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rte6row3 {
  color: #fafafa;
  letter-spacing: -.39375px;
  cursor: pointer;
  width: auto;
  font-size: 15.75px;
  font-weight: 500;
  line-height: 1;
}

.e23mytfs {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.cxbg5pwe {
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
}

.oghti35k {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 22.5px;
  width: auto;
  display: grid;
}

.w7p5b36f {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  row-gap: 45px;
  width: auto;
  min-width: auto;
  margin-top: 4em;
  display: block;
}

.details-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  gap: 72px;
  width: auto;
  padding: 0;
  display: flex;
  position: sticky;
}

.info-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  gap: 22.5px;
  width: 100%;
  display: flex;
}

.about-wrapper {
  width: 100%;
  margin: 0 auto;
}

.about {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: auto;
  padding: 7em 106.675px 0;
  display: flex;
}

.about.mob {
  display: none;
}

.xs3j65zc {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
}

.nro1dzjs {
  cursor: pointer;
  width: 81px;
  height: 30.375px;
}

.mlcnkwic {
  cursor: pointer;
  width: auto;
  max-width: 100%;
  display: block;
}

.oad42hy8 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.arkn7op6 {
  color: #fafafa;
  text-align: left;
  letter-spacing: -1.0125px;
  cursor: pointer;
  width: auto;
  font-size: 22.5px;
  line-height: 1.2;
  text-decoration: none;
  list-style-type: none;
  position: relative;
}

.qmt30e85 {
  text-align: left;
  cursor: pointer;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 11.25px;
  width: auto;
  max-width: 100%;
  text-decoration: none;
  list-style-type: none;
  display: flex;
}

.i437ecqb {
  width: auto;
  list-style-type: none;
  display: block;
}

.uaxfzot1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  row-gap: 13.5px;
  width: auto;
  margin: 0 0 auto;
  padding: 0;
  list-style-type: none;
  display: grid;
}

.kwgc8foa {
  background-color: #fafafa0a;
  border-radius: 13.5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 9px;
  width: auto;
  padding: 27px;
  display: flex;
}

.sfz2mikr {
  color: #fafafa;
  text-align: left;
  letter-spacing: -.39375px;
  cursor: pointer;
  width: auto;
  font-size: 15.75px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  list-style-type: none;
  position: relative;
}

.d3nteuwx {
  text-align: left;
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  list-style-type: none;
  display: block;
  overflow: hidden;
}

.c9yamfh0 {
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 11.25px;
  list-style-type: none;
  display: flex;
}

.lpxeq7s4 {
  text-align: left;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  text-decoration: none;
  list-style-type: none;
  display: inline-flex;
}

.opfnsk0j {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  row-gap: 13.5px;
  width: auto;
  margin: auto 0;
  padding: 0;
  list-style-type: none;
  display: grid;
}

.u3xqaj4f {
  color: #fafafa;
  letter-spacing: -.45px;
  cursor: pointer;
  width: auto;
  font-size: 18px;
  line-height: 1.2;
}

.wt5d8g4g {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  width: auto;
  display: flex;
}

.spah2raa {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  width: auto;
  display: flex;
}

.ytdhmvcv {
  color: #fafafa;
  letter-spacing: -.45px;
  width: auto;
  font-size: 18px;
  line-height: 1.2;
}

.auz5n5u2 {
  cursor: pointer;
  width: auto;
  max-width: 100%;
  display: block;
}

.i9le1ww2 {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.hrf3v0pp {
  flex-direction: row;
  align-items: center;
  column-gap: 22.5px;
  width: auto;
  display: flex;
}

.q8t4s01e {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.ac15thu1 {
  background-color: #fafafa0a;
  border-radius: 13.5px;
  flex-flow: row;
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-content: center;
  row-gap: 9px;
  width: auto;
  padding: 27px;
  display: flex;
}

.j1o5i6m3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 22.5px;
  width: 100%;
  display: grid;
}

.footer-main {
  z-index: 2;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.footer-main.mob {
  display: none;
}

.site-footer {
  width: auto;
  padding: 1em 106.675px 67.5px;
  position: relative;
}

.site-footer.mob {
  padding-bottom: 0;
}

.footer-wrapper {
  color: #fafafa;
  background-color: #0d0d0d;
  border-color: #fafafa;
  width: auto;
  padding-bottom: 56px;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  position: relative;
}

.xq6mv702 {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
}

.nle97rz7 {
  cursor: pointer;
  width: 63.675px;
  height: 23.805px;
}

.xlros5ow {
  z-index: 2;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  width: auto;
  max-width: 100%;
  padding: 13.5px 18px 18px;
  display: block;
  position: relative;
}

.axwor11k {
  color: #fafafa;
  letter-spacing: -.91125px;
  width: auto;
  font-size: 20.25px;
  line-height: 1.4;
}

.z1ygd7sp {
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.bmci5t4m {
  flex-direction: column;
  width: 9px;
  height: 9px;
  display: flex;
}

.bsbzf9zx {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.iee9ukt9 {
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  overflow: hidden;
}

.zsnfkfiz {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.cj5jxtte {
  z-index: 1;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  height: 56.25px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.mb3be44g {
  width: auto;
  padding: 108px 0 27px;
}

.wqsnatkk {
  z-index: 0;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-color: #2626267a;
  border-radius: 13.5px;
  width: 100%;
  height: 56.25px;
  padding: 0 27px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.ot0idpvf {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 388.125px;
  height: 56.25px;
  padding: 0 27px;
  display: flex;
  position: relative;
}

.uv2asc06 {
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.vsao4dnq {
  text-align: center;
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.saeiwua7 {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.y87pj4f6 {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  text-align: center;
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  min-height: 56.25px;
  padding: 0 19.125px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.p45jktuo {
  color: #fafafa;
  text-align: center;
  letter-spacing: -.39375px;
  cursor: pointer;
  width: auto;
  font-size: 15.75px;
  font-weight: 500;
  line-height: 1;
}

.d4uz3bg1 {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 11.25px;
  display: flex;
}

.tcm5htz2 {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  text-align: center;
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  min-height: 56.25px;
  padding: 0 27px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tv39s1pp {
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.coyw1iki {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.lh34oos3 {
  width: 100%;
  margin: 0 auto;
}

.lw44q8vn {
  z-index: 3;
  color: #fafafa;
  border-color: #fafafa;
  width: 100%;
  padding: 45px 106.675px 0;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  position: fixed;
}

.q9ir82r7 {
  z-index: 2;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  cursor: pointer;
  overflow-clip-margin: content-box;
  background-color: #2626267a;
  border-radius: 13.5px;
  width: 63.675px;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 13.5px 18px 18px;
  display: inline;
  position: relative;
}

.mxtvydgd {
  color: #fafafa;
  letter-spacing: -.91125px;
  width: auto;
  font-size: 20.25px;
  line-height: 1.4;
}

.au7rnt7v {
  overflow-clip-margin: content-box;
  flex-direction: column;
  width: 9px;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.mkxshogw {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.te3e48qc {
  z-index: 1;
  overflow-clip-margin: content-box;
  width: 18px;
  height: auto;
  margin: 0;
  padding: 0;
  display: inline;
  position: relative;
  overflow: hidden;
}

.ykwqg70w {
  z-index: 1;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  height: 56.25px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.nmwyifxf {
  z-index: 0;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-color: #2626267a;
  border-radius: 13.5px;
  width: 100%;
  height: 56.25px;
  margin: 0;
  padding: 108px 27px 27px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.shq2jx3m {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 388.125px;
  height: 56.25px;
  padding: 0 27px;
  display: flex;
  position: relative;
}

.p1bipxz1 {
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.kmb75xho {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  text-align: center;
  cursor: pointer;
  overflow-clip-margin: content-box;
  background-color: #2626267a;
  border-radius: 13.5px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 9px;
  width: 18px;
  max-width: 100%;
  height: auto;
  min-height: 56.25px;
  margin: 0;
  padding: 0 19.125px;
  display: block;
  position: relative;
  overflow: hidden;
}

.l6uf8m1k {
  color: #fafafa;
  text-align: center;
  letter-spacing: -.39375px;
  cursor: pointer;
  width: auto;
  font-size: 15.75px;
  font-weight: 500;
  line-height: 1;
}

.uom5wuzk {
  text-align: center;
  cursor: pointer;
  overflow-clip-margin: content-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.vgp9yhdz {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  text-align: center;
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  min-height: 56.25px;
  padding: 0 27px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tu164irr {
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.nfuu9e6l {
  z-index: 3;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 45px 106.675px 0;
  display: flex;
  position: fixed;
}

.s46l6i1w {
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
}

.sitelogo {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100.005%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0%;
}

.main-page-link {
  z-index: 2;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  width: auto;
  max-width: 100%;
  padding: 13.5px 18px 18px;
  display: block;
  position: relative;
}

.main-page-link.w--current {
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.gkiijvuw {
  color: #fafafa;
  letter-spacing: -.91125px;
  width: auto;
  font-size: 20.25px;
  line-height: 1.4;
}

.e0iskbs3 {
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
}

.dmjdi0ku {
  flex-direction: column;
  width: 9px;
  height: 9px;
  display: none;
}

.eohvqdj2 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.e01j4d8w {
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  overflow: hidden;
}

.es2cgzb1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  display: none;
  position: relative;
}

.j4d7zh6t {
  z-index: 1;
  cursor: pointer;
  width: 64%;
  max-width: 100%;
  height: 56px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.bgi0pvfw {
  width: auto;
  padding: 108px 0 27px;
}

.e75qqrgn {
  z-index: 0;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-color: #2626267a;
  border-radius: 13.5px;
  width: 64%;
  height: 56.25px;
  padding: 0 27px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.h8li8kv8 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 388.125px;
  height: 56.25px;
  padding: 0 27px;
  display: flex;
  position: relative;
}

.header-left {
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.qn1n56vy {
  text-align: center;
  cursor: pointer;
  overflow-clip-margin: content-box;
  width: auto;
  height: auto;
  display: block;
  overflow: visible;
}

.gkma6qtz {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.wr4n0000 {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  text-align: center;
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  min-height: 56.25px;
  padding: 0 19.125px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.i3b13l8t {
  color: #fafafa;
  text-align: center;
  letter-spacing: -.39375px;
  cursor: pointer;
  width: auto;
  font-size: 15.75px;
  font-weight: 500;
  line-height: 1;
}

.ov20fxzm {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 11.25px;
  display: flex;
}

.gr8kfwnm {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  text-align: center;
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  min-height: 56.25px;
  padding: 0 27px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-right {
  flex-direction: row;
  align-items: center;
  column-gap: 9px;
  width: auto;
  display: flex;
  position: relative;
}

.header-right.socials {
  display: none;
}

.nwxx2qho {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.wrapper {
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.site-bar {
  z-index: 3;
  color: #fafafa;
  border-color: #fafafa;
  width: 100%;
  padding: 45px 106.675px 0;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  display: block;
  position: fixed;
}

.coverglow {
  z-index: -1;
  filter: blur(64px);
  vertical-align: middle;
  cursor: pointer;
  object-fit: cover;
  border-radius: 27px;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.pic {
  z-index: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.game-banner {
  cursor: pointer;
  border-radius: 27px;
  flex-flow: column;
  width: auto;
  margin: 0;
  padding: 61.31% 0 0;
  display: flex;
  position: relative;
}

.sugwxkyk {
  color: #fafafa;
  letter-spacing: -1.26563px;
  cursor: pointer;
  width: auto;
  margin: 0;
  font-size: 28.125px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.game-headline {
  cursor: pointer;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 11.25px;
  width: auto;
  display: flex;
}

.b85kycpy {
  color: #fafafa;
  letter-spacing: -1.26563px;
  cursor: pointer;
  width: auto;
  font-size: 28.125px;
  line-height: 1.2;
}

.game-description {
  opacity: .6;
  cursor: pointer;
  width: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.game-info {
  cursor: pointer;
  width: auto;
  padding: 0 3em 0 0;
}

.product-link {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  cursor: pointer;
  flex-flow: column;
  width: auto;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.product-pc {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  align-items: stretch;
  width: auto;
  margin-bottom: 4em;
  transition: all .2s;
  display: flex;
}

.product-pc:hover {
  transform: scale(1.15);
}

.product-pc.mob {
  display: none;
}

.jyozh1qr {
  z-index: 0;
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.on2ftjmi {
  cursor: pointer;
  width: auto;
}

.vea64opb {
  z-index: 0;
  cursor: pointer;
  object-fit: cover;
  border-radius: 27px;
  width: 100%;
  height: 100.25%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.products-list {
  color: #fafafa;
  border-color: #fafafa;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  gap: 108px 22.5px;
  width: auto;
  max-width: 66%;
  height: auto;
  margin: 0 auto;
  padding: 42.5em 0 2em;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  display: block;
}

.products {
  margin-top: auto;
  display: block;
  position: relative;
}

.partner-logo {
  z-index: 0;
  vertical-align: middle;
  cursor: pointer;
  object-fit: contain;
  width: 100%;
  max-width: 221.625px;
  min-height: 90px;
  display: block;
  position: absolute;
}

.se0jxhvs {
  z-index: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 90px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 100%);
}

.logo-1 {
  flex-direction: row;
  justify-content: center;
  width: auto;
  display: flex;
  position: relative;
  transform: translate(0);
}

.qpz99c2m {
  z-index: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 90px;
  animation-name: out;
  animation-timing-function: cubic-bezier(.76, 0, .24, 1);
  animation-fill-mode: both;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -100%);
}

.partner-link---main {
  z-index: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 90px;
  animation-name: in;
  animation-timing-function: cubic-bezier(.76, 0, .24, 1);
  animation-fill-mode: both;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0);
}

.logo-container {
  width: auto;
}

.logo-group {
  width: 100%;
}

.logo-group-2 {
  order: 0;
  width: 100%;
}

.zsik6l3h {
  width: 100%;
}

.logos {
  z-index: 0;
  color: #fafafa;
  border-color: #fafafa;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 22.5px;
  width: 100%;
  height: 90px;
  margin-bottom: 1em;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  display: flex;
  position: absolute;
  bottom: 24px;
  left: auto;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#0000, #fff 30%);
  mask-image: linear-gradient(#0000, #fff 30%);
}

.intro-main-page {
  z-index: -2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 52em;
  max-height: 56em;
  display: block;
  position: fixed;
  overflow: visible;
}

.body {
  background-color: #0d0d0d;
  background-image: linear-gradient(#0d0d0d, #0d0d0d);
}

.about-company {
  display: block;
}

.video {
  opacity: .25;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.cover {
  z-index: 1;
  border-radius: 27px;
  width: 101%;
  height: 100%;
  display: block;
  position: absolute;
}

.heading {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 400;
}

.heading-4-2 {
  color: #8d8d8d;
  width: 100%;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 400;
}

.h1 {
  margin-right: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 116px;
  font-weight: 400;
  line-height: 80px;
}

.h1._1 {
  margin-right: 1em;
  font-size: 108px;
  line-height: 72px;
}

.h1._2 {
  margin-left: .5em;
  font-size: 108px;
  line-height: 72px;
}

.h1._3 {
  margin-left: 0;
  font-size: 108px;
  line-height: 72px;
}

.head {
  color: #d1d1d1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-bottom: 2em;
  display: flex;
}

.paragraph {
  color: #9b9b9b;
  text-align: center;
  margin-bottom: 0;
  font-size: 21px;
  text-decoration: none;
}

.intro---content {
  z-index: 0;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-bottom: 4em;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.closer---img {
  z-index: 1;
  border: 1px #000;
  width: 64%;
  display: block;
  position: absolute;
}

.details-right2 {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12em;
  margin-top: 6em;
  margin-bottom: auto;
  display: flex;
  position: sticky;
  top: 20em;
}

.xocus-logo {
  justify-content: center;
  align-items: center;
  height: 16em;
  display: flex;
}

.glow {
  z-index: 0;
  filter: blur(100px);
  width: 96%;
  display: block;
  position: absolute;
}

.stores {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.background-video---first-block {
  width: auto;
  height: auto;
  position: static;
  overflow: hidden;
}

.logo-group-3 {
  order: 0;
  width: 100%;
  display: none;
}

.background-video {
  z-index: 0;
  border-radius: 27px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block {
  border-radius: 27px;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.social-footer {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  text-align: center;
  cursor: pointer;
  background-color: #2626267a;
  border-radius: 13.5px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 9px;
  width: auto;
  max-width: 100%;
  min-height: 56.25px;
  padding: 0 19.125px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-2, .logo-4, .logo-3, .logo-5, .logo-6 {
  flex-direction: row;
  justify-content: center;
  width: auto;
  display: flex;
  position: relative;
  transform: translate(0);
}

.image-2 {
  width: 100%;
}

.link-block {
  width: 64px;
  height: 32px;
}

.link-block-2 {
  width: 48px;
  height: 32px;
}

.image-3 {
  width: 100%;
  max-width: none;
}

.game---bg-pic {
  z-index: -3;
  width: 116%;
  max-width: none;
  height: auto;
  margin-left: -9%;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.game---bg-pic.exo {
  margin-left: -10.5%;
}

.div-block-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #262626;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 14px 40px;
  display: flex;
  overflow: clip;
}

.div-block-3:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 32px;
  padding-right: 32px;
}

.intro---stores {
  z-index: 1;
  color: #fafafa;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-color: #fafafa;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 22.5px;
  width: 50%;
  height: 90px;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  display: flex;
  position: relative;
  bottom: 24px;
  left: auto;
  overflow: visible;
  -webkit-mask-image: linear-gradient(#0000, #fff 30%);
  mask-image: linear-gradient(#0000, #fff 30%);
}

.section-3 {
  position: relative;
}

.link-block-5 {
  margin-bottom: 4em;
  padding-right: 4em;
  text-decoration: none;
}

.game-video {
  margin-top: auto;
  padding-top: 3em;
  padding-left: 12em;
  padding-right: 12em;
  display: none;
  position: relative;
  overflow: clip;
}

.game-video.exo {
  display: block;
}

.pc-video {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  align-items: stretch;
  width: auto;
  margin-bottom: 0;
  transition: all .2s;
  display: flex;
}

.pc-video:hover {
  transform: scale(1.08);
}

.pc-video.mob {
  display: none;
}

.page-game---description {
  z-index: 1;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  opacity: 1;
  color: #fafafa;
  letter-spacing: -1.26563px;
  cursor: auto;
  flex-flow: column;
  width: auto;
  padding: 6em 6em 0;
  font-size: 28.125px;
  line-height: 1.2;
  display: none;
  position: relative;
  overflow: clip;
}

.page-game---description.exo {
  display: block;
}

.video-2 {
  z-index: 1;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-4 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.intro---info {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  opacity: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.content {
  color: #fafafa;
  border-color: #fafafa;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  gap: 108px 22.5px;
  width: auto;
  max-width: none;
  height: auto;
  margin: 0 auto 0;
  padding: 0 0;
  font-size: 18px;
  line-height: 1;
  transition-property: none;
  display: block;
}

.quick-stack {
  padding-left: 0;
  padding-right: 0;
}

.image-7 {
  width: 100%;
  height: 100%;
}

.game-gallery {
  padding-left: 3em;
  padding-right: 3em;
  display: none;
  position: relative;
  overflow: clip;
}

.game-gallery.exo {
  display: block;
}

.description-group {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  margin-bottom: 6em;
  display: flex;
}

.description-img {
  border-radius: 3px;
  width: 100%;
}

.heading-3 {
  cursor: auto;
  font-size: 44px;
  line-height: 48px;
}

.paragraph-2 {
  opacity: .6;
  cursor: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.game-description---description {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: 1;
  cursor: auto;
  flex-flow: column;
  padding-left: 3em;
  padding-right: 5em;
  display: flex;
}

.div-block-7 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
}

.features---group {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-9, .div-block-10 {
  width: 100%;
}

.section-4 {
  height: 12em;
  padding: 8em 0;
}

.paragraph-3 {
  opacity: .6;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 21px;
  line-height: 23px;
}

.image-8 {
  z-index: -1;
  opacity: .16;
  filter: blur(16px);
  position: absolute;
}

.page-last {
  background-color: #0d0d0d;
  border: 1px #9059fe;
  padding-bottom: 56px;
  display: none;
  position: relative;
  overflow: clip;
}

.page-last.exo {
  display: block;
}

.game-last {
  padding-top: 8em;
  padding-bottom: 4em;
}

.game-last.effex {
  padding-bottom: 0;
}

.game-features {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  justify-content: flex-start;
  height: auto;
  padding: 5em 10em;
  display: none;
  position: relative;
  overflow: clip;
}

.game-features.z-race, .game-features.omegapilot, .game-features.figtingclans, .game-features.exo {
  display: none;
}

.join-socials-pc {
  padding: 4em 7em 12em 10em;
  display: none;
  overflow: clip;
}

.join-socials-pc.fightingclans, .join-socials-pc.rock-and-roots, .join-socials-pc.omega-pilot {
  display: none;
}

.join-socials-pc.exo {
  display: block;
}

.image-9 {
  z-index: -1;
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
}

.discord-exocars {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  opacity: 1;
  background-image: url('../images/Join-socials-bg.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  padding-right: 4em;
  transition: all .1s;
  display: flex;
  overflow: hidden;
}

.discord-exocars:hover {
  transform: scale(1.05);
}

.image-10 {
  z-index: 4;
  width: 44%;
  max-width: none;
  padding-left: 1em;
  position: relative;
  inset: 0% auto auto 0%;
}

.features---icon {
  min-width: 80%;
  max-width: 88%;
}

.game-intro {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  max-height: none;
  display: block;
  position: relative;
  overflow: clip;
}

.intro---game-logo {
  width: auto;
  min-width: 38%;
  max-width: 40%;
  min-height: auto;
}

.intro---game-logo.rockandroots {
  max-width: 64%;
}

.intro---game-logo.evolution {
  max-width: 46%;
}

.store {
  opacity: 1;
  width: 100%;
  transition: opacity .1s;
  display: block;
}

.store:hover {
  transform: scale(1.1);
}

.store.rar, .store.rockandroots, .store.fighting-clans {
  display: none;
}

.store.fc {
  width: 72%;
}

.btn-img {
  opacity: 1;
  width: 100%;
  max-width: none;
  overflow: visible;
}

.btn-img.fighting-clans {
  width: 100%;
}

.image-15, .image-16 {
  width: 100%;
  max-width: none;
}

.stores-footer {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  width: 56%;
  display: flex;
}

.div-block-14 {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  display: flex;
}

.image-17 {
  min-width: 56%;
  max-width: 64%;
}

.div-block-15 {
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.heading-4 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
}

.features---info {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.div-block-16 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-block-5-copy {
  margin-bottom: 0;
  padding-right: 4em;
  text-decoration: none;
}

.join-socials-mob {
  padding: 4em 3.5em 12em;
  display: none;
  overflow: clip;
}

.game-banner-video {
  cursor: pointer;
  border-radius: 27px;
  flex-flow: column;
  width: auto;
  margin: 0;
  padding: 61.31% 0 0;
  display: flex;
  position: relative;
}

.game-description-copy {
  opacity: .6;
  cursor: pointer;
  width: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.game-video---description {
  cursor: pointer;
  width: 100%;
  padding: 0 10em 0 5em;
}

.intro---content-game {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  flex: none;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 7em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
  inset: 0 0% 0%;
  overflow: visible;
}

.div-block-3-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #262626;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 14px 40px;
  display: flex;
  overflow: clip;
}

.div-block-3-copy:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 32px;
  padding-right: 32px;
}

.link-block-6 {
  width: 100%;
}

.game---bg-wrapper {
  z-index: -2;
  border-top: 1px #000;
  width: 100%;
  display: block;
  position: fixed;
  overflow: clip;
}

.main-btn {
  opacity: 1;
  width: 23%;
  transition: all .1s;
  display: none;
}

.main-btn:hover {
  transform: scale(1.1);
}

.image-18 {
  width: 36%;
  margin-bottom: 3em;
}

.game-closer {
  justify-content: center;
  align-items: center;
  width: 56em;
  height: 18em;
  display: flex;
}

.closer---glow {
  z-index: 0;
  filter: blur(100px);
  width: 64%;
  display: block;
  position: absolute;
}

.brand-2-copy {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.dive-2 {
  padding: 32px;
  position: relative;
}

.button-2 {
  background-color: #fff0;
  border: 1px solid #ffffff4d;
  border-radius: 9px;
  padding: 7px 32px;
  font-size: 12px;
  transition: border-color .4s, background-color .4s;
}

.button-2:hover {
  background-color: #ffffff26;
  border-color: #fff6;
}

.middle-align-welcome {
  background-image: url('../images/1-block-bg.png');
  background-position: 50%;
  background-size: cover;
  border: 0 #585d68;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 500px;
  display: flex;
  box-shadow: 0 -14px 20px 1px #6a574680, -14px 0 20px 1px #3f302480, 14px 0 20px 1px #74563a40, 0 12px 20px 2px #46372180;
}

.secondary-navbar {
  background-color: #ddd0;
  flex: 0 auto;
  order: -1;
  width: 100%;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: 10% 0% auto;
}

.heading-5 {
  color: #fff;
  background-image: radial-gradient(circle closest-corner at 0 100%, #000, #0000);
  margin-top: 0;
  margin-bottom: 0;
  padding: 5% 6% 8%;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

.seconrary-btn-container {
  flex-direction: row;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.middle-align {
  margin-bottom: 164px;
}

.link-block-7 {
  width: 100%;
  text-decoration: none;
}

.image-19 {
  z-index: -1;
  opacity: .78;
  max-width: 28%;
  margin-top: 49%;
  margin-right: 0%;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.cell {
  outline-offset: 0px;
  background-image: url('../images/8.png');
  background-position: 50%;
  background-size: cover;
  border: 1px #33363d;
  border-radius: 12px;
  outline: 3px #fff;
  padding-top: 0%;
  padding-left: 0%;
}

.image-11 {
  border: 1px #000;
  width: 116px;
}

.image-20 {
  width: 13%;
  max-width: 65%;
  margin-bottom: -4%;
  margin-left: 36%;
}

.p1-mid-aligned {
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 300;
  line-height: 28.8px;
}

.share-content {
  padding-right: 8%;
  position: absolute;
}

.div-block-6 {
  width: 100px;
  max-width: 80px;
  margin-right: 15px;
}

.image-6 {
  margin-top: 0;
}

.variable {
  margin-top: 64px;
  margin-bottom: 32px;
  padding: 32px;
  position: relative;
}

.nav-link {
  color: #ffffffbf;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: color .4s;
}

.nav-link:hover {
  color: #fff;
  text-decoration: none;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  filter: brightness(131%);
}

.share {
  margin-top: 0;
  padding: 0 32px 64px;
  position: relative;
}

.quick-stack-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: 24px;
  height: 900px;
  margin-top: 0;
  padding: 0;
}

.container-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.nav-menu-3 {
  margin-left: auto;
  margin-right: auto;
}

.contact {
  margin-right: 0;
  padding: 56px;
  position: relative;
}

.main-navbar-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: linear-gradient(#0b0b1780, #0b0b1780);
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.welcome-content {
  text-align: center;
  background-color: #fff0;
  border: 1px #000;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: center;
  max-width: 100%;
  margin-bottom: 8%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 0 0%;
  display: flex;
  position: relative;
}

.brand-2 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-left: auto;
  margin-right: auto;
}

.action-btn {
  border: 1px #000;
  border-radius: 4px;
  order: -1;
  align-self: center;
  width: 134px;
  height: 40px;
  margin-bottom: 5%;
  margin-left: -1%;
  padding: 0;
  transition: all .2s;
  position: absolute;
  box-shadow: 0 5px 17px 2px #ffffff59;
}

.action-btn:hover {
  transform: translate(0, -2px);
  box-shadow: 0 5px 17px 2px #ffffff8a;
}

.button-3 {
  background-color: #288bff;
  border-radius: 9px;
  padding: 7px 32px;
  font-size: 12px;
  transition: background-color .6s cubic-bezier(.215, .61, .355, 1);
}

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

.heading-6 {
  color: #fff;
  text-align: center;
  max-width: 65%;
  margin-bottom: 124px;
  font-size: 96px;
  font-weight: 700;
  line-height: 106px;
}

.image-21 {
  z-index: 2;
  width: 32%;
  max-width: 56%;
  margin-top: 375px;
  margin-left: -10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-22 {
  object-fit: contain;
  order: 2;
  align-self: auto;
  max-width: 33%;
  margin-bottom: 10%;
  margin-left: 33%;
  margin-right: 33%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-18 {
  max-width: 80px;
  margin-right: 80px;
}

.cell-3 {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/11-1.png');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  border: 1px #33363d;
  border-radius: 12px;
  justify-content: flex-end;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
}

.p1 {
  color: #fff;
  max-width: 340px;
  margin-bottom: 0;
  padding-left: 2px;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
}

.main-btn-2 {
  mix-blend-mode: normal;
  background-color: #288bff;
  border-radius: 8px;
  order: -1;
  align-self: center;
  margin-bottom: 5%;
  padding: 7px 32px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  box-shadow: 0 0 16px 3px #288bff;
}

.heading-2-mid {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 67.2px;
}

.cell-2 {
  outline-offset: 0px;
  background-image: url('../images/1-10.png');
  background-position: 50%;
  background-size: cover;
  border: 1px #33363d;
  border-radius: 12px;
  outline: 3px #fff;
  justify-content: flex-end;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
}

.heading-7 {
  color: #fff;
  text-align: left;
  margin-top: 10px;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 67.2px;
}

.div-block-5 {
  margin-top: 32px;
  margin-bottom: 80px;
}

.right-align {
  aspect-ratio: auto;
  outline-offset: 0px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/4-block-bg.jpg');
  background-position: 100% 62%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  border: 1px #33363d;
  border-radius: 24px;
  outline: 0 #fff0;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.left-align {
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/2-blog-bg-pic.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  border: 1px #33363d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  display: flex;
}

.nav-menu-2 {
  margin-left: auto;
  margin-right: auto;
}

.welcome {
  z-index: 2;
  background-color: #050a1500;
  border: 1px #000;
  max-height: none;
  padding: 22px 32px;
  position: relative;
}

.dive-content {
  max-width: 400px;
  padding-left: 8%;
  padding-right: 0%;
  position: absolute;
}

.image-23 {
  width: 100%;
  height: 100%;
}

.p2 {
  color: #555a66;
  text-align: center;
  margin-top: 124px;
  margin-bottom: 0;
  font-weight: 300;
}

.seconrary-btn-container-2 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  padding-top: 0;
  transition: all .2s;
  display: flex;
}

.seconrary-btn-container-2:hover {
  border: 1px #ffffff29;
  border-radius: 5px;
}

.cell-4 {
  background-image: url('../images/13.png');
  background-position: 50%;
  background-size: cover;
  border: 1px #33363d;
  border-radius: 12px;
  flex-wrap: nowrap;
  padding-top: 0%;
  padding-left: 0%;
}

.main-navbar {
  z-index: 1;
  background-color: #fff0;
  flex-direction: row;
  flex: 0 auto;
  order: -1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 48px;
  padding-right: 48px;
  display: none;
  position: sticky;
  inset: 85% 0% 0;
}

.body-2 {
  background-color: #0d0d0d;
}

.info-wrapper-main {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  gap: 22.5px;
  width: 100%;
  display: grid;
}

.xocus-logo-main {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 50%;
  display: flex;
  position: static;
}

.stores-header {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  width: 56%;
  display: flex;
}

.stores-header._36 {
  width: 36%;
}

.page-game---description-mob {
  z-index: 1;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  opacity: 1;
  color: #fafafa;
  letter-spacing: -1.26563px;
  cursor: auto;
  flex-flow: column;
  width: auto;
  padding: 6em 6em 0;
  font-size: 28.125px;
  line-height: 1.2;
  display: none;
  position: relative;
  overflow: clip;
}

.closer---img-main {
  z-index: 1;
  border: 1px #000;
  width: 96%;
  display: block;
  position: absolute;
}

.glow-main {
  z-index: 0;
  filter: blur(100px);
  width: 96%;
  display: block;
  position: absolute;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.discord-pod {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  opacity: 1;
  background-image: url('../images/Join-socials-bg_1.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  padding-right: 4em;
  transition: all .1s;
  display: flex;
  overflow: hidden;
}

.discord-pod:hover {
  transform: scale(1.05);
}

.discord-z-race {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  opacity: 1;
  background-image: url('../images/Z-R---Join-socials-bg.svg');
  background-position: 0 0;
  background-size: cover;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  padding-right: 4em;
  transition: all .1s;
  display: flex;
  overflow: hidden;
}

.discord-z-race:hover {
  transform: scale(1.05);
}

.image-18-z-race {
  width: 24%;
  margin-bottom: 3em;
  margin-right: 32px;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 10em;
  display: flex;
}

.main-text-wrapper {
  color: #fff;
  background-color: #0000;
  margin-top: 5%;
  margin-bottom: 10%;
  padding-left: 15%;
  padding-right: 15%;
}

.text-paragraph {
  margin-bottom: 32px;
}

.text-header {
  margin-bottom: 24px;
}

.link {
  color: #4988ff;
}

.heading-1 {
  color: #dfdfdf;
  width: 100%;
  font-family: Verdana, Geneva, sans-serif;
}

.paragraph-4 {
  color: #c4c4c4;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 400;
}

.heading-5-2 {
  width: 100%;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 400;
}

.text-block {
  padding-bottom: 2em;
}

.bold-text {
  color: #dfdfdf;
}

.link-2, .link-2-copy {
  color: #df2153;
}

@media screen and (min-width: 1280px) {
  .bimn6f33 {
    max-width: 24em;
  }

  .f545pxql {
    font-size: 58px;
  }

  .d7kbrn3m {
    max-width: 24em;
    margin-bottom: 0;
  }

  .point {
    width: 100%;
    margin-top: 148px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .points {
    margin-top: 0;
  }

  .details-left {
    align-items: flex-start;
    width: auto;
    max-width: 30em;
    padding-right: 1em;
  }

  .i3v94uiu, .ywgm714r {
    width: 50%;
  }

  .j4p2s74e, .btns {
    width: 100%;
  }

  .oghti35k {
    flex: 1;
    width: 100%;
  }

  .w7p5b36f {
    width: auto;
  }

  .info-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .about {
    padding: 10em 96px 0;
  }

  .oad42hy8 {
    flex: 1;
    justify-content: center;
    align-items: flex-start;
  }

  .j1o5i6m3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
    display: grid;
  }

  .site-footer {
    margin-top: 0;
    padding-left: 106px;
    padding-right: 92px;
  }

  .site-footer.mob {
    padding-top: 1.5em;
    padding-left: 96px;
    padding-right: 96px;
  }

  .footer-wrapper {
    padding-bottom: 64px;
  }

  .game-description {
    width: auto;
    padding-left: 0;
    padding-right: 2em;
  }

  .game-info {
    padding-left: 0;
    padding-right: 4em;
  }

  .product-pc {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .products-list {
    padding-bottom: 25px;
  }

  .h1._1 {
    margin-right: .5em;
    font-size: 132px;
    line-height: 84px;
  }

  .h1._2 {
    margin-left: .5em;
    font-size: 132px;
    line-height: 84px;
  }

  .h1._3 {
    font-size: 132px;
    line-height: 84px;
  }

  .head {
    padding-bottom: 3em;
  }

  .paragraph {
    font-size: 26px;
    line-height: 32px;
  }

  .closer---img {
    width: 72%;
    position: absolute;
  }

  .details-right2 {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    width: 100%;
    height: 21em;
    margin-top: 0;
    top: 16.5em;
  }

  .xocus-logo {
    width: 56em;
    height: 21em;
  }

  .glow {
    filter: blur(100px);
    width: 96%;
    position: absolute;
  }

  .stores {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    margin-top: 1em;
    display: flex;
  }

  .game---bg-pic {
    margin-left: -8%;
  }

  .game-video {
    padding-top: 4em;
    padding-left: 8em;
    padding-right: 8em;
  }

  .pc-video {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .page-game---description {
    z-index: 1;
    padding-bottom: 6em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .content {
    padding-top: 0;
    padding-bottom: 25px;
  }

  .description-group {
    margin-bottom: 7em;
  }

  .game-description---description {
    width: 90%;
    padding-right: 11em;
  }

  .page-last {
    padding-bottom: 56px;
  }

  .game-last {
    justify-content: center;
    align-items: center;
    padding-top: 10em;
    display: flex;
  }

  .game-features {
    padding: 6em 7em;
  }

  .join-socials-pc {
    padding: 6em 6.6em 14em 8em;
  }

  .game-intro {
    position: static;
  }

  .intro---game-logo {
    max-width: 44%;
  }

  .stores-footer {
    width: 52%;
  }

  .link-block-5-copy {
    margin-bottom: 0;
  }

  .join-socials-mob {
    padding: 6em 6.6em 14em;
  }

  .game-description-copy {
    width: auto;
    padding-left: 0;
    padding-right: 2em;
  }

  .game-video---description {
    padding-left: 4.5em;
    padding-right: 15em;
  }

  .main-btn {
    width: 19%;
  }

  .game-closer {
    width: 56em;
    height: 21em;
  }

  .closer---glow {
    filter: blur(100px);
    width: 72%;
    position: absolute;
  }

  .dive-2 {
    padding: 40px;
  }

  .button-2 {
    font-size: 13px;
  }

  .middle-align-welcome {
    height: 664px;
  }

  .secondary-navbar {
    min-width: 100%;
    left: auto;
  }

  .image-19 {
    margin-right: 0%;
    position: absolute;
  }

  .cell {
    transition: all .8s, border-color .6s;
  }

  .cell:hover {
    box-shadow: none;
    filter: saturate(147%);
    background-position: 0 0;
    border-width: 1px;
    border-color: #d47eff80;
    padding-top: 24px;
    padding-left: 24px;
  }

  .image-11 {
    cursor: auto;
  }

  .image-20 {
    margin-left: 38%;
  }

  .div-block-6 {
    max-width: 100px;
    margin-right: 24px;
  }

  .image-6 {
    width: 100%;
  }

  .variable {
    padding: 40px;
  }

  .nav-link {
    font-size: 15px;
  }

  .share {
    padding: 8px 40px 88px;
  }

  .quick-stack-2 {
    height: 1024px;
  }

  .container-2 {
    min-width: 100%;
  }

  .contact {
    padding: 40px;
  }

  .welcome-content {
    margin-bottom: 14%;
  }

  .action-btn {
    cursor: pointer;
    border-radius: 11px;
    width: 156px;
    height: 46px;
  }

  .heading-6 {
    font-size: 116px;
    line-height: 128px;
  }

  .image-21 {
    width: 32%;
  }

  .image-22 {
    margin-bottom: 10%;
  }

  .div-block-18 {
    max-width: 85px;
    margin-right: 108px;
  }

  .cell-3 {
    background-image: url('../images/11-1.png');
    transition: all .6s;
  }

  .cell-3:hover {
    filter: saturate(107%) brightness(110%);
    border-color: #61e1fa80;
    padding-bottom: 8px;
    padding-left: 14px;
  }

  .main-btn-2 {
    margin-bottom: 6%;
    padding: 8px 40px;
    font-size: 15px;
  }

  .cell-2 {
    background-image: url('../images/1-10.png');
    transition: all .6s;
  }

  .cell-2:hover {
    filter: saturate(126%) brightness(105%);
    border-color: #e2d9d180;
    padding-top: 0;
    padding-bottom: 8px;
    padding-left: 16px;
  }

  .heading-7.heading-2-mid {
    margin-top: 0;
  }

  .div-block-5 {
    margin-top: 24px;
    margin-bottom: 88px;
  }

  .right-align {
    background-position: 100% 59%;
    height: 600px;
  }

  .left-align {
    height: 600px;
  }

  .welcome {
    padding: 24px 40px;
  }

  .image-23, .seconrary-btn-container-2 {
    cursor: pointer;
  }

  .cell-4 {
    transition: all .6s;
  }

  .cell-4:hover {
    filter: brightness(112%) saturate(116%);
    border-color: #be9e6880;
    padding-top: 16px;
    padding-left: 16px;
  }

  .info-wrapper-main {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: grid;
  }

  .xocus-logo-main {
    width: 100%;
    height: 50%;
  }

  .stores-header {
    width: 52%;
  }

  .page-game---description-mob {
    z-index: 1;
    padding-bottom: 6em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .closer---img-main {
    width: 96%;
    position: absolute;
  }

  .glow-main {
    filter: blur(100px);
    width: 96%;
    position: absolute;
  }

  .main-text-wrapper {
    padding-left: 18%;
    padding-right: 18%;
  }
}

@media screen and (min-width: 1440px) {
  .point {
    padding-top: 0;
    padding-bottom: 32px;
  }

  .details-left {
    max-width: 34.5em;
    overflow: hidden;
  }

  .info-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    justify-content: flex-start;
    align-items: center;
  }

  .about {
    padding-left: 88px;
    padding-right: 88px;
  }

  .site-footer.mob {
    padding-top: 1.5em;
    padding-left: 88px;
    padding-right: 88px;
  }

  .footer-wrapper {
    padding-bottom: 48px;
  }

  .game-info {
    padding-left: 0;
    padding-right: 6em;
    font-size: 21px;
    line-height: 26px;
  }

  .product-pc {
    margin-bottom: 5em;
  }

  .products-list {
    padding-top: 61em;
  }

  .logos {
    bottom: 40px;
  }

  .intro-main-page {
    min-height: 56em;
    max-height: 80em;
  }

  .h1._1 {
    margin-right: .5em;
    font-size: 156px;
    line-height: 108px;
  }

  .h1._2 {
    margin-left: .25em;
    font-size: 156px;
    line-height: 108px;
  }

  .h1._3 {
    font-size: 156px;
    line-height: 108px;
  }

  .intro---content {
    padding-bottom: 9em;
  }

  .closer---img {
    width: 65%;
  }

  .details-right2 {
    top: 24em;
  }

  .logo-group-3 {
    display: block;
  }

  .game---bg-pic {
    width: 108%;
    margin-left: -4%;
  }

  .game---bg-pic.exo {
    margin-left: -6.5%;
  }

  .intro---stores {
    width: 48%;
    bottom: 40px;
  }

  .game-video {
    padding-left: 12em;
    padding-right: 12em;
  }

  .pc-video {
    margin-bottom: 5em;
  }

  .page-game---description {
    opacity: 1;
    cursor: auto;
    padding-bottom: 2em;
    padding-left: 6em;
    padding-right: 6em;
  }

  .content {
    max-width: none;
    padding-top: 0;
  }

  .quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0 0 0 6em;
  }

  .image-7 {
    width: 100%;
    height: 100%;
  }

  .description-img {
    border-radius: 3px;
  }

  .game-description---description {
    width: 80%;
    padding-right: 4em;
  }

  .page-last {
    border-top-style: none;
    padding-bottom: 48px;
  }

  .game-last {
    padding-top: 12em;
  }

  .game-features {
    padding-left: 10em;
    padding-right: 10em;
    display: flex;
  }

  .join-socials-pc {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }

  .game-intro {
    min-height: 56em;
    max-height: 80em;
  }

  .stores-footer {
    width: 48%;
  }

  .features---info {
    width: 80%;
  }

  .join-socials-mob {
    padding-left: 9.5em;
    padding-right: 9.5em;
  }

  .game-video---description {
    width: 72%;
    padding-left: 0;
    padding-right: 6em;
    font-size: 21px;
    line-height: 26px;
  }

  .intro---content-game {
    padding-bottom: 9em;
  }

  .main-btn {
    width: 18%;
  }

  .closer---glow {
    width: 64%;
  }

  .dive-2 {
    margin-top: 24px;
    padding: 24px 40px;
  }

  .button-2 {
    font-size: 14px;
  }

  .middle-align-welcome {
    background-position: 50% 100%;
    border-style: none;
    border-color: #585d68;
    height: 800px;
  }

  .heading-5 {
    font-size: 40px;
  }

  .cell:hover {
    padding-top: 0;
    padding-left: 0;
    transform: scale(1.05);
  }

  .image-20 {
    margin-bottom: -6%;
  }

  .variable {
    padding: 40px;
  }

  .nav-link {
    font-size: 16px;
  }

  .share {
    padding: 8px 40px 72px;
  }

  .quick-stack-2 {
    padding-bottom: 0;
  }

  .contact {
    padding: 40px 40px 88px;
  }

  .welcome-content {
    margin-bottom: 16.25%;
  }

  .action-btn {
    border-radius: 16px;
    width: 172px;
    height: 52px;
    margin-bottom: 10%;
  }

  .heading-6 {
    margin-bottom: 196px;
    font-size: 124px;
    line-height: 116px;
  }

  .image-21 {
    width: 34%;
    margin-top: 30%;
    margin-left: -6%;
  }

  .image-22 {
    max-width: 32%;
    margin-bottom: 14%;
    margin-left: 34%;
  }

  .div-block-18 {
    max-width: 96px;
    margin-right: 108px;
  }

  .cell-3 {
    background-image: url('../images/11-1.png');
  }

  .cell-3:hover {
    filter: saturate(116%) brightness(135%);
    padding-bottom: 0;
    padding-left: 0;
    transform: scale(1.05);
  }

  .main-btn-2 {
    margin-bottom: 11%;
    padding: 10px 48px;
    font-size: 14px;
    transition: transform 1s cubic-bezier(.075, .82, .165, 1), color .6s, box-shadow .6s, background-color .6s;
  }

  .main-btn-2:hover {
    color: #000;
    background-color: #fff;
    transform: translate(0, -3px);
    box-shadow: 0 0 20px 7px #fff;
  }

  .cell-2 {
    background-image: url('../images/1-10.png');
    padding-top: 0%;
    padding-left: 0;
  }

  .cell-2:hover {
    filter: saturate(143%) brightness(120%);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    transform: scale(1.05);
  }

  .div-block-5 {
    margin-top: 24px;
    margin-bottom: 96px;
  }

  .right-align {
    background-position: 100% 60%;
    height: 650px;
  }

  .left-align {
    height: 700px;
  }

  .welcome {
    margin-top: 0;
    margin-bottom: 48px;
    margin-right: 0;
    padding: 24px 40px;
  }

  .dive-content {
    max-width: 600px;
  }

  .cell-4:hover {
    filter: brightness(147%) saturate(114%);
    padding-top: 0;
    padding-left: 0;
    transform: scale(1.05);
  }

  .info-wrapper-main {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    justify-content: flex-start;
    align-items: center;
  }

  .stores-header {
    width: 48%;
  }

  .page-game---description-mob {
    opacity: .8;
    cursor: auto;
    padding-left: 6em;
    padding-right: 6em;
  }

  .closer---img-main {
    width: 96%;
  }
}

@media screen and (min-width: 1920px) {
  .zmx1j2sw {
    font-size: 88px;
  }

  .bimn6f33 {
    font-size: 24px;
  }

  .f545pxql {
    font-size: 64px;
  }

  .d7kbrn3m {
    font-size: 21px;
  }

  .point {
    width: 32em;
  }

  .details-left {
    align-items: stretch;
    width: auto;
    max-width: none;
    padding-right: 0;
    display: flex;
  }

  .j4p2s74e {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gs8y5yu2 {
    color: #5a5a5a;
    font-size: 16px;
  }

  .info-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .about {
    width: 80%;
    position: static;
  }

  .site-footer {
    width: 80%;
    padding-left: 90px;
    padding-right: 90px;
  }

  .site-footer.mob {
    width: 80%;
    padding-top: 1em;
  }

  .footer-wrapper {
    border-style: none;
    border-width: 1px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 116px;
    display: flex;
  }

  .qn1n56vy {
    width: 200%;
    height: 200%;
  }

  .gkma6qtz {
    width: 18px;
  }

  .header-right.socials {
    height: 6em;
  }

  .game-description, .game-info {
    font-size: 26px;
    line-height: 32px;
  }

  .product-pc {
    margin-bottom: 7em;
  }

  .products-list {
    padding-top: 72em;
  }

  .products {
    background-image: none;
    display: block;
  }

  .logos {
    width: 100%;
    bottom: 48px;
    left: 0%;
    right: 0%;
  }

  .intro-main-page {
    height: 100vh;
    min-height: 69em;
    max-height: 96em;
    position: fixed;
    inset: 0% 0% auto;
  }

  .body {
    background-color: #0d0d0d;
  }

  .about-company {
    border: 1px #000;
  }

  .h1._1, .h1._2, .h1._3 {
    font-size: 208px;
    line-height: 148px;
  }

  .head {
    padding-bottom: 4em;
  }

  .paragraph {
    font-size: 32px;
  }

  .intro---content {
    padding-bottom: 9em;
  }

  .closer---img {
    width: 56%;
  }

  .details-right2 {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    width: 100%;
    height: 28em;
    top: 40em;
  }

  .xocus-logo {
    width: 56em;
    height: 24em;
  }

  .glow {
    width: 88%;
  }

  .title {
    width: auto;
    max-width: 56em;
  }

  .social-footer {
    width: 5em;
    height: 5em;
  }

  .image-2 {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .link-block {
    width: 72px;
    height: 40px;
  }

  .link-block-2 {
    width: 56px;
    height: 38px;
  }

  .image-3 {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .game---bg-pic {
    width: 100%;
    margin-left: 0%;
  }

  .game---bg-pic.exo {
    margin-left: 0%;
  }

  .intro---stores {
    width: 40%;
    bottom: 48px;
    left: 0%;
    right: 0%;
  }

  .game-video {
    background-image: none;
    padding-top: 0;
    padding-left: 34em;
    padding-right: 34em;
    display: block;
  }

  .pc-video {
    margin-bottom: 7em;
  }

  .page-game---description {
    padding-left: 17em;
    padding-right: 17em;
  }

  .content {
    padding-top: 0;
  }

  .description-group {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    margin-bottom: 6em;
  }

  .description-img {
    border-radius: 4px;
  }

  .paragraph-2 {
    line-height: 34px;
  }

  .game-description---description {
    width: 64%;
    padding-left: 3em;
    padding-right: 0;
  }

  .features---group {
    justify-content: flex-start;
    align-items: center;
  }

  .paragraph-3 {
    padding-left: 3%;
    padding-right: 3%;
    line-height: 26px;
  }

  .page-last {
    border: 1px #fedb59;
    border-color: #fedb59 #fedb59 #000 #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 116px;
    display: flex;
  }

  .game-last {
    padding-top: 14em;
    padding-bottom: 8em;
  }

  .game-features {
    height: auto;
    padding: 6em 31em 4em;
    display: flex;
  }

  .join-socials-pc {
    width: auto;
    padding: 10em 32em 21em;
  }

  .discord-exocars {
    grid-column-gap: 9%;
    grid-row-gap: 9%;
    justify-content: space-around;
    align-items: flex-end;
  }

  .features---icon {
    width: 64%;
    min-width: 72%;
  }

  .image-12, .image-13 {
    width: 64%;
  }

  .game-intro {
    height: 100vh;
    min-height: 69em;
    max-height: 96em;
    position: static;
    inset: 0% 0% auto;
  }

  .stores-footer {
    width: 100%;
  }

  .heading-4 {
    font-size: 48px;
    line-height: 56px;
  }

  .join-socials-mob {
    width: auto;
    padding: 21em 32em;
  }

  .game-description-copy {
    font-size: 26px;
    line-height: 32px;
  }

  .game-video---description {
    width: 80%;
    padding-left: 4em;
    padding-right: 0;
    font-size: 26px;
    line-height: 32px;
  }

  .intro---content-game {
    padding-top: 9em;
    padding-bottom: 4em;
  }

  .main-btn {
    width: 16%;
  }

  .game-closer {
    width: 56em;
    height: 24em;
  }

  .closer---glow {
    width: 56%;
  }

  .dive-2 {
    padding: 48px;
  }

  .button-2 {
    padding: 16px 40px;
    font-size: 24px;
  }

  .middle-align-welcome {
    object-fit: fill;
    background-image: url('../images/1-block-bg.png');
    background-position: 50%;
    background-size: cover;
    border-style: none;
    align-items: center;
    width: 100%;
    height: 1124px;
    min-height: 1224px;
    position: relative;
  }

  .heading-5 {
    font-size: 56px;
  }

  .middle-align {
    position: relative;
  }

  .image-19 {
    margin-right: 0%;
  }

  .image-11 {
    border-radius: 8px;
    width: 148px;
  }

  .image-11:hover {
    border-radius: 7px;
  }

  .image-20 {
    margin-bottom: -10%;
  }

  .p1-mid-aligned {
    text-align: center;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 48px;
  }

  .share-content {
    align-self: auto;
    max-width: 880px;
    padding-right: 4%;
    position: absolute;
  }

  .div-block-6 {
    width: 150px;
    max-width: 200px;
    margin-right: 28px;
  }

  .variable {
    margin-top: 148px;
    padding: 48px;
  }

  .div-block-17 {
    float: none;
    aspect-ratio: auto;
    object-fit: fill;
    overflow: visible;
  }

  .nav-link {
    font-size: 24px;
  }

  .share {
    padding: 56px 48px 96px;
  }

  .contact {
    margin-bottom: 56px;
    padding: 56px 56px 148px;
  }

  .main-navbar-container {
    border-radius: 20px;
    width: 100%;
    margin-left: 100px;
    margin-right: 100px;
  }

  .welcome-content {
    aspect-ratio: 2.39;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-color: #fff0;
    background-clip: border-box;
    border: 1px #575757;
    border-radius: 56px;
    flex-flow: column;
    place-content: stretch space-between;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0 auto 164px;
    padding: 0;
    display: flex;
    position: static;
  }

  .action-btn {
    border-radius: 10px;
    width: 256px;
    height: 78px;
  }

  .button-3 {
    border-radius: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 21px;
  }

  .heading-6 {
    font-size: 164px;
    line-height: 180.4px;
  }

  .image-21 {
    margin-top: 30%;
  }

  .image-22 {
    width: auto;
    min-width: 32px;
    max-width: 33%;
    margin-bottom: 0;
    margin-left: 33%;
    position: absolute;
    inset: 48% 0% 0%;
  }

  .div-block-18 {
    max-width: 124px;
    margin-right: 32px;
  }

  .p1 {
    max-width: 550px;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 48px;
  }

  .main-btn-2 {
    margin-bottom: 0;
    padding: 21px 56px;
    font-size: 24px;
    position: absolute;
    inset: auto auto 20%;
  }

  .heading-2-mid {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 96px;
    font-weight: 600;
    line-height: 115.2px;
  }

  .heading-7 {
    margin-top: 10px;
    font-size: 96px;
    font-weight: 600;
    line-height: 115.2px;
  }

  .div-block-5 {
    margin-top: 40px;
    margin-bottom: 116px;
  }

  .right-align {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    outline-offset: 0px;
    mix-blend-mode: normal;
    background-image: url('../images/4-block-bg.png');
    background-position: 0%;
    background-size: cover;
    border-style: none;
    border-color: #33363d;
    border-radius: 56px;
    outline: 1px #fff;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: flex-end;
    width: auto;
    height: 1124px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 116px;
    display: flex;
  }

  .left-align {
    float: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    outline-offset: 0px;
    mix-blend-mode: normal;
    background-image: url('../images/2-blog-bg-pic.png');
    background-position: 0%;
    background-size: cover;
    border-style: none;
    border-color: #33363d;
    border-radius: 56px;
    outline: 1px #fff;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: flex-start;
    width: auto;
    height: 1124px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 116px;
    display: flex;
  }

  .welcome {
    aspect-ratio: auto;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-clip: border-box;
    border: 1px #575757;
    border-radius: 56px;
    flex-flow: column;
    place-content: stretch center;
    align-items: center;
    max-height: none;
    margin: 0;
    padding: 26px 48px;
    display: flex;
    position: relative;
  }

  .dive-content {
    align-self: auto;
    max-width: 750px;
    padding-left: 8%;
    position: absolute;
  }

  .p2 {
    color: #555a66;
    text-align: center;
    margin-top: 156px;
    margin-bottom: 56px;
    font-size: 22px;
    font-weight: 300;
    line-height: 48px;
  }

  .info-wrapper-main {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .xocus-logo-main {
    width: 100%;
    height: 50%;
  }

  .stores-header {
    width: 48%;
  }

  .page-game---description-mob {
    padding-left: 17em;
    padding-right: 17em;
  }

  .closer---img-main {
    width: 96%;
  }

  .glow-main {
    width: 88%;
  }

  .discord-pod, .discord-z-race {
    grid-column-gap: 9%;
    grid-row-gap: 9%;
    justify-content: space-around;
    align-items: flex-end;
  }

  .main-text-wrapper {
    padding-left: 30%;
    padding-right: 30%;
  }
}

@media screen and (max-width: 991px) {
  .wyh0bfe8 {
    font-size: 14.1292px;
  }

  .h43grlye {
    width: 63.5813px;
    height: 23.843px;
    font-size: 14.1292px;
  }

  .lxg5qdhx {
    font-size: 14.1292px;
  }

  .qdqbewx3 {
    letter-spacing: -.309076px;
    font-size: 12.363px;
  }

  .xx313pq1, .x60ewasr {
    font-size: 14.1292px;
  }

  .qr85kp9a {
    letter-spacing: -.794766px;
    font-size: 17.6615px;
  }

  .runnvfmy {
    column-gap: 8.83073px;
    font-size: 14.1292px;
  }

  .q38f0895 {
    font-size: 14.1292px;
  }

  .ryetmwc4 {
    row-gap: 10.5969px;
    margin: 0 0 auto;
    padding: 0;
    font-size: 14.1292px;
  }

  .v17n499u {
    border-radius: 10.5969px;
    row-gap: 7.06458px;
    padding: 21.1938px;
    font-size: 14.1292px;
  }

  .v168k42q {
    letter-spacing: -.309076px;
    font-size: 12.363px;
  }

  .xiw4rbqd {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .gsw6aejj {
    width: 7.06458px;
    height: 8.83073px;
    font-size: 14.1292px;
  }

  .psgcvq7u {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .d9x3pmf7 {
    row-gap: 10.5969px;
    margin: auto 0;
    padding: 0;
    font-size: 14.1292px;
  }

  .eeoxhufi {
    letter-spacing: -.353229px;
    font-size: 14.1292px;
  }

  .l8hfnq18 {
    font-size: 14.1292px;
  }

  .h5tugry0 {
    gap: 14.1292px;
    font-size: 14.1292px;
  }

  .g06jw206 {
    border-radius: 10.5969px;
    row-gap: 7.06458px;
    padding: 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .q2z5dwog {
    gap: 17.6615px;
    font-size: 14.1292px;
  }

  .epe6bbvr {
    letter-spacing: -.353229px;
    font-size: 14.1292px;
  }

  .hl0qyfsl {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .dmvzy4q5 {
    width: 14.1292px;
    height: 14.1292px;
    font-size: 14.1292px;
  }

  .bvp6bqmf {
    font-size: 14.1292px;
  }

  .gpngqjcz {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .y1t82n6d {
    column-gap: 17.6615px;
    font-size: 14.1292px;
  }

  .vsvpwnmn {
    font-size: 14.1292px;
  }

  .naf3wxrs {
    border-radius: 10.5969px;
    row-gap: 7.06458px;
    padding: 21.1938px;
    font-size: 14.1292px;
  }

  .y47l9618 {
    gap: 17.6615px;
    font-size: 14.1292px;
  }

  .ciyxm4zf {
    grid-template-columns: 1fr 2fr;
    gap: 17.6615px;
    font-size: 14.1292px;
  }

  .v8wde3sq {
    margin: 0 auto;
    font-size: 14.1292px;
  }

  .jah8b9ur {
    padding: 0 55.06px 52.9844px;
    font-size: 14.1292px;
  }

  .pv5t5xgp {
    font-size: 14.1292px;
    display: none;
  }

  .hmy7oa83 {
    letter-spacing: -.993457px;
    margin: 0;
    font-size: 22.0768px;
  }

  .t3mtjmoy {
    margin: 42.3875px 0 0;
    font-size: 14.1292px;
  }

  .tinuki0d {
    letter-spacing: -.993457px;
    font-size: 22.0768px;
  }

  .tcjrz0vj {
    font-size: 14.1292px;
  }

  .ojve3rsz {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .l56l0p1g {
    width: 7.06458px;
    height: 7.06458px;
    font-size: 14.1292px;
  }

  .aipf7v4q {
    width: 75%;
    padding: 0 7.5%;
    font-size: 14.1292px;
  }

  .mbr0eh32 {
    font-size: 14.1292px;
    display: none;
  }

  .f9qpyrj1, .gzdrwn1n, .bhwtkk23, .ij7519bl {
    width: 75%;
    padding: 0 7.5%;
    font-size: 14.1292px;
  }

  .ny8rllfr, .rczqdvwg, .ryrgu31l, .er73tear {
    font-size: 14.1292px;
  }

  .fciupbk5 {
    margin: 0 auto;
    font-size: 14.1292px;
  }

  .nfdvvgle {
    font-size: 14.1292px;
  }

  .msrpf773 {
    padding: 113.033px 55.06px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .zmx1j2sw {
    letter-spacing: -2.86116px;
    margin: 0;
    font-size: 60px;
  }

  .bimn6f33 {
    letter-spacing: -.715289px;
    max-width: 396px;
    margin: 21.1938px 0 0;
    font-size: 15.8953px;
  }

  .f545pxql {
    letter-spacing: -1.43058px;
    margin: 0;
    font-size: 31.7906px;
  }

  .d7kbrn3m {
    letter-spacing: -.715289px;
    margin: 0;
    font-size: 15.8953px;
  }

  .point {
    gap: 14.1292px;
    font-size: 14.1292px;
  }

  .vt1i9jua {
    letter-spacing: -.715289px;
    font-size: 15.8953px;
  }

  .points {
    gap: 42.3875px;
    margin: 84.775px 0 0;
    font-size: 14.1292px;
  }

  .l1ukhtd9 {
    font-size: 14.1292px;
    top: 113.033px;
  }

  .details-left {
    width: 100%;
    font-size: 14.1292px;
  }

  .oji3m78s {
    letter-spacing: -1.43058px;
    font-size: 31.7906px;
  }

  .wvdztysq {
    gap: 17.6615px;
    font-size: 14.1292px;
  }

  .i3v94uiu {
    letter-spacing: -.556336px;
    font-size: 12.363px;
  }

  .iyal1as2 {
    letter-spacing: -.993457px;
    font-size: 22.0768px;
  }

  .nr7v9f5v {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .mg8iyf38 {
    width: 7.06458px;
    height: 8.83073px;
    font-size: 14.1292px;
  }

  .ywgm714r {
    font-size: 14.1292px;
  }

  .j4p2s74e {
    border-radius: 10.5969px;
    row-gap: 7.06458px;
    padding: 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .btns {
    gap: 17.6615px;
    font-size: 14.1292px;
  }

  .ly54vhzo {
    font-size: 14.1292px;
  }

  .gs8y5yu2 {
    text-align: left;
    letter-spacing: -.309076px;
    width: 100%;
    font-size: 12.363px;
  }

  .yuczhjcp {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .jnu8z04c {
    width: 14.1292px;
    height: 14.1292px;
    font-size: 14.1292px;
  }

  .x39xlckp {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .olkqli9t {
    border-radius: 50%;
    width: 4.41536px;
    height: 4.41536px;
    margin: 0 5.29844px 0 0;
    font-size: 14.1292px;
  }

  .ha9wl3hh {
    border-radius: 21.1938px;
    font-size: 14.1292px;
  }

  .j26cau1u {
    border-width: 1px;
    border-radius: 50%;
    width: 22.0768px;
    height: 22.0768px;
    margin: 0 -11.0384px 0 0;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .sizkrk9e {
    padding: 0 11.0384px 0 0;
    font-size: 14.1292px;
  }

  .fe8mikch {
    font-size: 14.1292px;
  }

  .njkanszj {
    margin: 0 0 0 auto;
    font-size: 14.1292px;
  }

  .m5yhqcc7 {
    border-radius: 10.5969px;
    row-gap: 7.06458px;
    padding: 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .rte6row3 {
    letter-spacing: -.309076px;
    font-size: 12.363px;
  }

  .e23mytfs {
    width: 14.1292px;
    height: 14.1292px;
    font-size: 14.1292px;
  }

  .cxbg5pwe {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .oghti35k {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 17.6615px;
    width: 50%;
    font-size: 14.1292px;
  }

  .w7p5b36f {
    row-gap: 35.3229px;
    min-width: auto;
    font-size: 14.1292px;
  }

  .details-right {
    gap: 56.5167px;
    padding: 219.002px 0 0;
    font-size: 14.1292px;
  }

  .info-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    gap: 17.6615px;
    font-size: 14.1292px;
  }

  .about-wrapper {
    margin: 0 auto;
    font-size: 14.1292px;
  }

  .about {
    padding: 6em 55.06px 0;
    font-size: 14.1292px;
    display: block;
  }

  .about.mob {
    padding-bottom: 0;
    display: none;
  }

  .xs3j65zc {
    font-size: 14.1292px;
  }

  .nro1dzjs {
    width: 63.5813px;
    height: 23.843px;
    font-size: 14.1292px;
  }

  .mlcnkwic {
    font-size: 14.1292px;
  }

  .oad42hy8 {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: auto;
    margin-top: 0;
    font-size: 14.1292px;
  }

  .arkn7op6 {
    letter-spacing: -.794766px;
    font-size: 17.6615px;
  }

  .qmt30e85 {
    column-gap: 8.83073px;
    font-size: 14.1292px;
  }

  .i437ecqb {
    font-size: 14.1292px;
  }

  .uaxfzot1 {
    row-gap: 10.5969px;
    margin: 0 0 auto;
    padding: 0;
    font-size: 14.1292px;
  }

  .kwgc8foa {
    border-radius: 10.5969px;
    row-gap: 7.06458px;
    width: 100%;
    padding: 21.1938px;
    font-size: 14.1292px;
  }

  .sfz2mikr {
    letter-spacing: -.309076px;
    font-size: 12.363px;
  }

  .d3nteuwx {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .c9yamfh0 {
    width: 7.06458px;
    height: 8.83073px;
    font-size: 14.1292px;
  }

  .lpxeq7s4 {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .opfnsk0j {
    row-gap: 10.5969px;
    margin: auto 0;
    padding: 0;
    font-size: 14.1292px;
  }

  .u3xqaj4f {
    letter-spacing: -.353229px;
    font-size: 14.1292px;
  }

  .wt5d8g4g {
    font-size: 14.1292px;
  }

  .spah2raa {
    gap: 14.1292px;
    font-size: 14.1292px;
  }

  .ytdhmvcv {
    letter-spacing: -.353229px;
    font-size: 14.1292px;
  }

  .auz5n5u2 {
    font-size: 14.1292px;
  }

  .i9le1ww2 {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .hrf3v0pp {
    column-gap: 17.6615px;
    font-size: 14.1292px;
  }

  .q8t4s01e {
    font-size: 14.1292px;
  }

  .ac15thu1 {
    border-radius: 10.5969px;
    row-gap: 7.06458px;
    padding: 21.1938px;
    font-size: 14.1292px;
  }

  .j1o5i6m3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    grid-template-columns: 1fr 2fr;
    justify-content: flex-start;
    align-items: center;
    gap: 17.6615px;
    font-size: 14.1292px;
    display: flex;
  }

  .footer-main {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    margin: 0 auto;
    font-size: 14.1292px;
    display: flex;
  }

  .footer-main.mob {
    display: none;
  }

  .site-footer {
    padding: 1em 55.06px 52.9844px;
    font-size: 14.1292px;
  }

  .site-footer.mob {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    display: flex;
  }

  .footer-wrapper, .xq6mv702 {
    font-size: 14.1292px;
  }

  .nle97rz7 {
    width: 49.9819px;
    height: 18.6858px;
    font-size: 14.1292px;
  }

  .xlros5ow {
    border-radius: 10.5969px;
    padding: 10.5969px 14.1292px 14.1292px;
    font-size: 14.1292px;
  }

  .axwor11k {
    letter-spacing: -.715289px;
    font-size: 15.8953px;
  }

  .z1ygd7sp {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .bmci5t4m {
    width: 7.06458px;
    height: 7.06458px;
    font-size: 14.1292px;
  }

  .bsbzf9zx {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .iee9ukt9 {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .zsnfkfiz {
    width: 14.1292px;
    height: 14.1292px;
    font-size: 14.1292px;
  }

  .cj5jxtte {
    height: 44.1536px;
    font-size: 14.1292px;
  }

  .mb3be44g {
    padding: 84.775px 0 21.1938px;
    font-size: 14.1292px;
  }

  .wqsnatkk {
    border-radius: 10.5969px;
    height: 44.1536px;
    padding: 0 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .ot0idpvf {
    width: 304.66px;
    height: 44.1536px;
    padding: 0 21.1938px;
    font-size: 14.1292px;
  }

  .uv2asc06 {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .vsao4dnq {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .saeiwua7 {
    width: 14.1292px;
    height: 14.1292px;
    font-size: 14.1292px;
  }

  .y87pj4f6 {
    border-radius: 10.5969px;
    column-gap: 7.06458px;
    min-height: 44.1536px;
    padding: 0 15.0122px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .p45jktuo {
    letter-spacing: -.309076px;
    font-size: 12.363px;
  }

  .d4uz3bg1 {
    width: 7.06458px;
    height: 8.83073px;
    font-size: 14.1292px;
  }

  .tcm5htz2 {
    border-radius: 10.5969px;
    column-gap: 7.06458px;
    min-height: 44.1536px;
    padding: 0 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .tv39s1pp {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .coyw1iki {
    font-size: 14.1292px;
  }

  .lh34oos3 {
    margin: 0 auto;
    font-size: 14.1292px;
  }

  .lw44q8vn {
    padding: 35.3229px 55.06px 0;
    font-size: 14.1292px;
  }

  .q9ir82r7 {
    border-radius: 10.5969px;
    width: 49.9819px;
    margin: 0;
    padding: 10.5969px 14.1292px 14.1292px;
    font-size: 14.1292px;
  }

  .mxtvydgd {
    letter-spacing: -.715289px;
    font-size: 15.8953px;
  }

  .au7rnt7v {
    width: 7.06458px;
    margin: 0;
    padding: 0;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .mkxshogw {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .te3e48qc {
    width: 14.1292px;
    margin: 0;
    padding: 0;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .ykwqg70w {
    height: 44.1536px;
    font-size: 14.1292px;
  }

  .nmwyifxf {
    border-radius: 10.5969px;
    height: 44.1536px;
    margin: 0;
    padding: 84.775px 21.1938px 21.1938px;
    font-size: 14.1292px;
  }

  .shq2jx3m {
    width: 304.66px;
    height: 44.1536px;
    padding: 0 21.1938px;
    font-size: 14.1292px;
  }

  .p1bipxz1 {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .kmb75xho {
    border-radius: 10.5969px;
    column-gap: 7.06458px;
    width: 14.1292px;
    min-height: 44.1536px;
    margin: 0;
    padding: 0 15.0122px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .l6uf8m1k {
    letter-spacing: -.309076px;
    font-size: 12.363px;
  }

  .uom5wuzk {
    width: 7.06458px;
    margin: 0;
    padding: 0;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .vgp9yhdz {
    border-radius: 10.5969px;
    column-gap: 7.06458px;
    min-height: 44.1536px;
    padding: 0 21.1938px;
    font-size: 14.1292px;
  }

  .tu164irr {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .nfuu9e6l {
    margin: 0 auto;
    padding: 35.3229px 55.06px 0;
    font-size: 14.1292px;
  }

  .s46l6i1w {
    width: 100%;
    font-size: 14.1292px;
  }

  .sitelogo {
    width: auto;
    height: auto;
    font-size: 14.1292px;
  }

  .main-page-link {
    border-radius: 10.5969px;
    padding: 10.5969px 14.1292px 14.1292px;
    font-size: 14.1292px;
  }

  .gkiijvuw {
    letter-spacing: -.715289px;
    font-size: 15.8953px;
  }

  .e0iskbs3 {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .dmjdi0ku {
    width: 7.06458px;
    height: 7.06458px;
    font-size: 14.1292px;
  }

  .eohvqdj2 {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .e01j4d8w {
    font-size: 14.1292px;
    overflow: hidden;
  }

  .es2cgzb1 {
    width: 14.1292px;
    height: 14.1292px;
    font-size: 14.1292px;
  }

  .j4d7zh6t {
    height: 100%;
    font-size: 14.1292px;
  }

  .bgi0pvfw {
    padding: 84.775px 0 21.1938px;
    font-size: 14.1292px;
  }

  .e75qqrgn {
    border-radius: 10.5969px;
    height: 100%;
    padding: 0 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .h8li8kv8 {
    width: 304.66px;
    height: 54px;
    padding: 0 21.1938px;
    font-size: 14.1292px;
  }

  .header-left {
    column-gap: 7.06458px;
    font-size: 14.1292px;
  }

  .qn1n56vy {
    width: 156%;
    font-size: 14.1292px;
    overflow: visible;
  }

  .gkma6qtz {
    width: 14.1292px;
    height: 14.1292px;
    font-size: 14.1292px;
  }

  .wr4n0000 {
    border-radius: 10.5969px;
    column-gap: 7.06458px;
    min-width: 56px;
    min-height: 56px;
    padding: 0 15.0122px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .i3b13l8t {
    letter-spacing: -.309076px;
    font-size: 12.363px;
  }

  .ov20fxzm {
    width: 7.06458px;
    height: 8.83073px;
    font-size: 14.1292px;
  }

  .gr8kfwnm {
    border-radius: 10.5969px;
    column-gap: 7.06458px;
    min-height: 44.1536px;
    padding: 0 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .header-right {
    flex-flow: row;
    column-gap: 7.06458px;
    font-size: 14.1292px;
    display: flex;
  }

  .nwxx2qho {
    font-size: 14.1292px;
  }

  .wrapper {
    flex-flow: row;
    justify-content: space-between;
    margin: 0 auto;
    font-size: 14.1292px;
    display: flex;
  }

  .site-bar {
    padding: 35.3229px 55.06px 0;
    font-size: 14.1292px;
  }

  .coverglow {
    border-radius: 21.1938px;
    font-size: 14.1292px;
  }

  .pic {
    font-size: 14.1292px;
  }

  .game-banner {
    border-radius: 21.1938px;
    margin: 0;
    padding: 61.31% 0 0;
    font-size: 14.1292px;
  }

  .sugwxkyk {
    letter-spacing: -.993457px;
    margin: 0;
    font-size: 22.0768px;
  }

  .game-headline {
    column-gap: 8.83073px;
    font-size: 14.1292px;
  }

  .b85kycpy {
    letter-spacing: -.993457px;
    font-size: 22.0768px;
  }

  .game-description {
    font-size: 21px;
  }

  .game-info {
    padding: 10.5969px 7em 0 0;
    font-size: 14.1292px;
  }

  .product-link {
    font-size: 14.1292px;
  }

  .product-pc {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    font-size: 14.1292px;
  }

  .product-pc:hover {
    transform: scale(1.08);
  }

  .product-pc.mob {
    display: none;
  }

  .jyozh1qr, .on2ftjmi {
    font-size: 14.1292px;
  }

  .vea64opb {
    border-radius: 21.1938px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .products-list {
    gap: 84.775px 17.6615px;
    max-width: 88%;
    margin: 0 auto;
    padding: 68em 0 80px;
    font-size: 14.1292px;
  }

  .partner-logo {
    max-width: 173.965px;
    min-height: 70.6458px;
    font-size: 14.1292px;
  }

  .se0jxhvs {
    height: 70.6458px;
    font-size: 14.1292px;
  }

  .logo-1 {
    font-size: 14.1292px;
  }

  .qpz99c2m, .partner-link---main {
    height: 70.6458px;
    font-size: 14.1292px;
  }

  .logo-container, .logo-group {
    font-size: 14.1292px;
  }

  .logo-group-2, .zsik6l3h {
    font-size: 14.1292px;
    display: none;
  }

  .logos {
    column-gap: 17.6615px;
    height: 70.6458px;
    font-size: 14.1292px;
    bottom: 8vh;
  }

  .intro-main-page {
    min-height: 56em;
    max-height: 72em;
  }

  .body {
    background-color: #0d0d0d;
  }

  .h1._1 {
    margin-right: .75em;
  }

  .intro---content {
    padding-bottom: 3em;
  }

  .closer---img {
    width: 72%;
  }

  .details-right2 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 100%;
    height: 24em;
    margin-top: 2em;
    position: sticky;
    top: 30em;
  }

  .xocus-logo {
    justify-content: center;
    align-items: center;
    height: 11em;
    margin-bottom: 5em;
    display: flex;
  }

  .logo-group-3 {
    font-size: 14.1292px;
  }

  .title {
    width: 82%;
  }

  .social-footer {
    border-radius: 10.5969px;
    column-gap: 7.06458px;
    min-width: 56px;
    min-height: 56px;
    padding: 0 15.0122px;
    font-size: 14.1292px;
    overflow: hidden;
  }

  .logo-2, .logo-4, .logo-3, .logo-5, .logo-6 {
    font-size: 14.1292px;
  }

  .div-block-2 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    display: flex;
  }

  .game---bg-pic {
    z-index: -2;
    width: 175%;
    max-width: none;
    height: auto;
    margin-left: -73%;
  }

  .game---bg-pic.skylip-mob {
    margin-left: -38%;
  }

  .intro---stores {
    column-gap: 17.6615px;
    height: 72px;
    font-size: 14.1292px;
    bottom: 6vh;
  }

  .game-video {
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .pc-video {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    font-size: 14.1292px;
  }

  .pc-video:hover {
    transform: scale(1.08);
  }

  .pc-video.mob {
    display: none;
  }

  .page-game---description {
    letter-spacing: -.993457px;
    padding-left: 4.5em;
    padding-right: 4.5em;
    font-size: 22.0768px;
    display: none;
  }

  .page-game---description.exo {
    display: none;
  }

  .intro---info {
    justify-content: flex-start;
    align-items: center;
    position: relative;
    inset: auto 0% 0%;
  }

  .content {
    gap: 84.775px 17.6615px;
    max-width: 88%;
    margin: 0 auto;
    padding: 0 0 80px;
    font-size: 14.1292px;
  }

  .paragraph-2 {
    font-size: 21px;
    line-height: 26px;
  }

  .game-description---description {
    padding-left: 0;
    padding-right: 0;
  }

  .features---group {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    width: 100%;
  }

  .game-features {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    place-items: center;
    padding-left: 5em;
    padding-right: 5em;
    display: none;
  }

  .game-features.exo {
    display: block;
  }

  .join-socials-pc {
    padding-left: 5em;
    padding-right: 5em;
    display: none;
  }

  .join-socials-pc.exo {
    display: none;
  }

  .features---icon {
    width: 40%;
    min-width: auto;
    max-width: none;
  }

  .game-intro {
    min-height: 56em;
    max-height: 72em;
  }

  .intro---game-logo {
    width: auto;
    min-width: 56%;
    max-width: 64%;
    height: auto;
    max-height: none;
  }

  .store {
    width: 100%;
    height: auto;
  }

  .btn-img {
    width: 100%;
  }

  .img-wrapper, .div-block-13 {
    width: auto;
    height: auto;
  }

  .image-15 {
    width: 100%;
    max-width: none;
  }

  .stores-footer {
    width: 72%;
  }

  .heading-4 {
    font-size: 48px;
    line-height: 52px;
  }

  .features---info {
    width: 64%;
  }

  .join-socials-mob {
    padding-left: 5em;
    padding-right: 5em;
    display: none;
  }

  .join-socials-mob.exo {
    display: block;
  }

  .game-banner-video {
    border-radius: 21.1938px;
    margin: 0;
    padding: 61.31% 0 0;
    font-size: 14.1292px;
  }

  .game-description-copy {
    font-size: 21px;
  }

  .game-video---description {
    padding: 10.5969px 7em 0 0;
    font-size: 14.1292px;
  }

  .intro---content-game {
    padding-bottom: 3em;
  }

  .main-btn {
    width: 32%;
    height: auto;
  }

  .image-18 {
    margin-bottom: 1.5em;
  }

  .game-closer {
    justify-content: center;
    align-items: center;
    height: 11em;
    margin-bottom: 1em;
    display: flex;
  }

  .closer---glow {
    width: 72%;
  }

  .dive-2 {
    padding: 24px;
  }

  .button-2 {
    margin-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .middle-align-welcome {
    background-image: url('../images/1-block-bg_1.png');
    height: 400px;
  }

  .heading-5 {
    font-size: 28px;
  }

  .link-block-7 {
    width: 100%;
    text-decoration: none;
  }

  .image-11 {
    width: 96px;
  }

  .image-11:hover {
    border-radius: 7px;
  }

  .image-20 {
    margin-bottom: -7%;
  }

  .p1-mid-aligned {
    margin-bottom: 8px;
  }

  .share-content {
    padding-right: 10%;
  }

  .div-block-6 {
    max-width: 80px;
    margin-left: 8px;
    margin-right: 32px;
  }

  .variable {
    padding: 24px;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .share {
    padding: 0 24px 24px;
  }

  .quick-stack-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    height: 624px;
  }

  .action-btn {
    border-radius: 7px;
    width: 116px;
    height: 34px;
  }

  .heading-6 {
    font-size: 72px;
    line-height: 74px;
  }

  .image-21 {
    width: 32%;
  }

  .image-22 {
    max-width: 33%;
    margin-bottom: 11%;
    margin-left: 33%;
    margin-right: 33%;
  }

  .div-block-18 {
    max-width: 72px;
    margin-right: 56px;
  }

  .cell-3 {
    background-image: url('../images/11-1.png');
  }

  .p1 {
    max-width: 296px;
    font-size: 16px;
    font-weight: 300;
  }

  .main-btn-2 {
    margin-bottom: 6%;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
  }

  .cell-2 {
    background-image: url('../images/1-10.png');
  }

  .heading-7 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
  }

  .div-block-5 {
    margin-top: 16px;
    margin-bottom: 80px;
  }

  .right-align {
    -webkit-text-fill-color: inherit;
    background-image: url('../images/4-block-bg_1.jpg');
    background-position: 100% 60%;
    background-size: cover;
    background-attachment: scroll;
    background-clip: border-box;
    height: 400px;
  }

  .left-align {
    -webkit-text-fill-color: inherit;
    background-position: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-clip: border-box;
    height: 400px;
  }

  .welcome {
    padding: 16px 24px;
  }

  .dive-content {
    max-width: 300px;
    padding-right: 0%;
  }

  .cell-4 {
    background-image: url('../images/13.png');
  }

  .info-wrapper-main {
    flex-flow: column;
    gap: 17.6615px;
    font-size: 14.1292px;
  }

  .xocus-logo-main {
    justify-content: center;
    align-items: center;
    height: 32em;
    margin-bottom: 5em;
    display: flex;
  }

  .stores-header {
    width: 72%;
  }

  .page-game---description-mob {
    letter-spacing: -.993457px;
    padding-left: 4.5em;
    padding-right: 4.5em;
    font-size: 22.0768px;
    display: none;
  }

  .page-game---description-mob.exo {
    display: block;
  }

  .closer---img-main {
    width: 96%;
  }

  .image-18-z-race {
    margin-bottom: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  .wyh0bfe8 {
    font-size: 13.1958px;
  }

  .h43grlye {
    width: 59.3813px;
    height: 22.268px;
    font-size: 13.1958px;
  }

  .lxg5qdhx {
    margin: 0 0 0 auto;
    font-size: 13.1958px;
  }

  .qdqbewx3 {
    letter-spacing: -.288659px;
    font-size: 11.5464px;
  }

  .xx313pq1 {
    font-size: 13.1958px;
  }

  .x60ewasr {
    z-index: 0;
    margin: -79.175px 0 -65.9792px;
    font-size: 13.1958px;
    position: absolute;
    inset: 0;
  }

  .qr85kp9a {
    letter-spacing: -.742266px;
    font-size: 16.4948px;
  }

  .runnvfmy {
    column-gap: 8.2474px;
    font-size: 13.1958px;
  }

  .q38f0895 {
    font-size: 13.1958px;
  }

  .ryetmwc4 {
    row-gap: 9.89688px;
    margin: 0 0 auto;
    padding: 0;
    font-size: 13.1958px;
  }

  .v17n499u {
    border-radius: 9.89688px;
    row-gap: 6.59792px;
    padding: 19.7938px;
    font-size: 13.1958px;
  }

  .v168k42q {
    letter-spacing: -.288659px;
    font-size: 11.5464px;
  }

  .xiw4rbqd {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .gsw6aejj {
    width: 6.59792px;
    height: 8.2474px;
    font-size: 13.1958px;
  }

  .psgcvq7u {
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .d9x3pmf7 {
    row-gap: 9.89688px;
    margin: auto 0;
    padding: 0;
    font-size: 13.1958px;
  }

  .eeoxhufi {
    letter-spacing: -.329896px;
    font-size: 13.1958px;
  }

  .l8hfnq18 {
    font-size: 13.1958px;
  }

  .h5tugry0 {
    gap: 13.1958px;
    font-size: 13.1958px;
  }

  .g06jw206 {
    border-radius: 9.89688px;
    row-gap: 6.59792px;
    padding: 19.7938px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .q2z5dwog {
    gap: 16.4948px;
    font-size: 13.1958px;
  }

  .epe6bbvr {
    letter-spacing: -.329896px;
    font-size: 13.1958px;
  }

  .hl0qyfsl {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .dmvzy4q5 {
    width: 13.1958px;
    height: 13.1958px;
    font-size: 13.1958px;
  }

  .bvp6bqmf {
    font-size: 13.1958px;
  }

  .gpngqjcz {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .y1t82n6d {
    column-gap: 16.4948px;
    font-size: 13.1958px;
  }

  .vsvpwnmn {
    font-size: 13.1958px;
  }

  .naf3wxrs {
    border-radius: 9.89688px;
    row-gap: 6.59792px;
    padding: 19.7938px;
    font-size: 13.1958px;
  }

  .y47l9618 {
    gap: 16.4948px;
    font-size: 13.1958px;
  }

  .ciyxm4zf {
    grid-template-columns: 1fr;
    gap: 16.4948px;
    font-size: 13.1958px;
    position: relative;
  }

  .v8wde3sq {
    margin: 0 auto;
    font-size: 13.1958px;
  }

  .jah8b9ur {
    padding: 98.9688px 42.6145px;
    font-size: 13.1958px;
  }

  .pv5t5xgp {
    font-size: 13.1958px;
  }

  .hmy7oa83 {
    letter-spacing: -.816492px;
    margin: 0;
    font-size: 18.1443px;
  }

  .t3mtjmoy {
    margin: 39.5875px 0 0;
    font-size: 13.1958px;
  }

  .tinuki0d {
    letter-spacing: -.816492px;
    font-size: 18.1443px;
  }

  .tcjrz0vj {
    font-size: 13.1958px;
  }

  .ojve3rsz {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .l56l0p1g {
    width: 6.59792px;
    height: 6.59792px;
    font-size: 13.1958px;
  }

  .aipf7v4q {
    padding: 0 7.5%;
    font-size: 13.1958px;
  }

  .mbr0eh32 {
    font-size: 13.1958px;
  }

  .f9qpyrj1, .gzdrwn1n, .bhwtkk23, .ij7519bl {
    padding: 0 7.5%;
    font-size: 13.1958px;
  }

  .ny8rllfr, .rczqdvwg, .ryrgu31l, .er73tear {
    font-size: 13.1958px;
  }

  .fciupbk5 {
    margin: 0 auto;
    font-size: 13.1958px;
  }

  .nfdvvgle {
    font-size: 13.1958px;
  }

  .msrpf773 {
    padding: 105.567px 42.6145px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .zmx1j2sw {
    letter-spacing: -1.6701px;
    margin: 0;
    font-size: 48px;
  }

  .bimn6f33 {
    letter-spacing: -.668039px;
    width: 80%;
    max-width: none;
    margin: 19.7938px 0 0;
    font-size: 16px;
  }

  .f545pxql {
    letter-spacing: -1.15051px;
    width: 64%;
    max-width: none;
    margin: 0;
    font-size: 32px;
  }

  .d7kbrn3m {
    letter-spacing: -.668039px;
    width: 80%;
    max-width: none;
    margin: 0;
    font-size: 16px;
  }

  .point {
    justify-content: flex-start;
    align-items: center;
    gap: 13.1958px;
    width: 100%;
    margin-top: 95px;
    font-size: 13.1958px;
  }

  .vt1i9jua {
    letter-spacing: -.668039px;
    font-size: 14.8453px;
  }

  .points {
    text-align: center;
    gap: 39.5875px;
    width: 100%;
    margin: 0 0 0;
    font-size: 13.1958px;
  }

  .l1ukhtd9 {
    font-size: 13.1958px;
    position: static;
    top: 105.567px;
  }

  .details-left {
    font-size: 13.1958px;
    display: flex;
  }

  .oji3m78s {
    letter-spacing: -1.15051px;
    font-size: 25.5669px;
  }

  .wvdztysq {
    gap: 16.4948px;
    font-size: 13.1958px;
  }

  .i3v94uiu {
    letter-spacing: -.519586px;
    font-size: 11.5464px;
  }

  .iyal1as2 {
    letter-spacing: -.816492px;
    font-size: 18.1443px;
  }

  .nr7v9f5v {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .mg8iyf38 {
    width: 6.59792px;
    height: 8.2474px;
    font-size: 13.1958px;
  }

  .ywgm714r {
    font-size: 13.1958px;
  }

  .j4p2s74e {
    border-radius: 9.89688px;
    row-gap: 6.59792px;
    padding: 19.7938px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .btns {
    gap: 16.4948px;
    font-size: 13.1958px;
  }

  .ly54vhzo {
    font-size: 13.1958px;
  }

  .gs8y5yu2 {
    text-align: center;
    letter-spacing: -.288659px;
    width: 100%;
    font-size: 11.5464px;
  }

  .yuczhjcp {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .jnu8z04c {
    width: 13.1958px;
    height: 13.1958px;
    font-size: 13.1958px;
  }

  .x39xlckp {
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .olkqli9t {
    border-radius: 50%;
    width: 4.1237px;
    height: 4.1237px;
    margin: 0 4.94844px 0 0;
    font-size: 13.1958px;
  }

  .ha9wl3hh {
    border-radius: 19.7938px;
    font-size: 13.1958px;
  }

  .j26cau1u {
    border-width: 1px;
    border-radius: 50%;
    width: 20.6185px;
    height: 20.6185px;
    margin: 0 -10.3092px 0 0;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .sizkrk9e {
    padding: 0 10.3092px 0 0;
    font-size: 13.1958px;
  }

  .fe8mikch {
    justify-content: center;
    align-items: center;
    font-size: 13.1958px;
    display: flex;
  }

  .njkanszj {
    margin: 0 0 0 auto;
    font-size: 13.1958px;
  }

  .m5yhqcc7 {
    border-radius: 9.89688px;
    row-gap: 6.59792px;
    padding: 19.7938px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .rte6row3 {
    letter-spacing: -.288659px;
    font-size: 11.5464px;
  }

  .e23mytfs {
    width: 13.1958px;
    height: 13.1958px;
    font-size: 13.1958px;
  }

  .cxbg5pwe {
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .oghti35k {
    gap: 16.4948px;
    width: 100%;
    font-size: 13.1958px;
  }

  .w7p5b36f {
    row-gap: 32.9896px;
    font-size: 13.1958px;
  }

  .details-right {
    gap: 26.3917px;
    padding: 79.175px 0 0;
    font-size: 13.1958px;
  }

  .info-wrapper {
    grid-template-columns: 1fr;
    gap: 16.4948px;
    font-size: 13.1958px;
  }

  .about-wrapper {
    margin: 0 auto;
    font-size: 13.1958px;
  }

  .about {
    padding: 5em 42.6145px 0;
    font-size: 13.1958px;
    display: none;
  }

  .about.mob {
    display: block;
  }

  .xs3j65zc {
    font-size: 13.1958px;
  }

  .nro1dzjs {
    width: 59.3813px;
    height: 22.268px;
    font-size: 13.1958px;
  }

  .mlcnkwic {
    margin: 0 0 0 auto;
    font-size: 13.1958px;
  }

  .oad42hy8 {
    z-index: 0;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin: 0;
    font-size: 13.1958px;
    position: absolute;
    inset: 0;
  }

  .arkn7op6 {
    letter-spacing: -.742266px;
    font-size: 16.4948px;
  }

  .qmt30e85 {
    column-gap: 8.2474px;
    font-size: 13.1958px;
  }

  .i437ecqb {
    font-size: 13.1958px;
  }

  .uaxfzot1 {
    row-gap: 9.89688px;
    margin: 0 0 auto;
    padding: 0;
    font-size: 13.1958px;
  }

  .kwgc8foa {
    border-radius: 9.89688px;
    row-gap: 6.59792px;
    padding: 19.7938px;
    font-size: 13.1958px;
  }

  .sfz2mikr {
    letter-spacing: -.288659px;
    font-size: 11.5464px;
  }

  .d3nteuwx {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .c9yamfh0 {
    width: 6.59792px;
    height: 8.2474px;
    font-size: 13.1958px;
  }

  .lpxeq7s4 {
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .opfnsk0j {
    row-gap: 9.89688px;
    margin: auto 0;
    padding: 0;
    font-size: 13.1958px;
  }

  .u3xqaj4f {
    letter-spacing: -.329896px;
    font-size: 13.1958px;
  }

  .wt5d8g4g {
    font-size: 13.1958px;
  }

  .spah2raa {
    gap: 13.1958px;
    font-size: 13.1958px;
  }

  .ytdhmvcv {
    letter-spacing: -.329896px;
    font-size: 13.1958px;
  }

  .auz5n5u2 {
    font-size: 13.1958px;
  }

  .i9le1ww2 {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .hrf3v0pp {
    column-gap: 16.4948px;
    font-size: 13.1958px;
  }

  .q8t4s01e {
    font-size: 13.1958px;
  }

  .ac15thu1 {
    border-radius: 9.89688px;
    row-gap: 6.59792px;
    padding: 19.7938px;
    font-size: 13.1958px;
  }

  .j1o5i6m3 {
    grid-template-columns: 1fr;
    gap: 16.4948px;
    font-size: 13.1958px;
    position: relative;
  }

  .footer-main {
    margin: 0 auto;
    font-size: 13.1958px;
    display: none;
  }

  .footer-main.mob {
    z-index: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .site-footer {
    height: auto;
    padding: 2px 0 0;
    font-size: 13.1958px;
    display: block;
    position: static;
  }

  .site-footer.mob {
    width: 100%;
    height: 10.6762%;
    padding: 16px 42.6145px 0;
  }

  .footer-wrapper, .xq6mv702 {
    font-size: 13.1958px;
  }

  .nle97rz7 {
    width: 46.6803px;
    height: 17.4515px;
    font-size: 13.1958px;
  }

  .xlros5ow {
    border-radius: 9.89688px;
    padding: 9.89688px 13.1958px 13.1958px;
    font-size: 13.1958px;
  }

  .axwor11k {
    letter-spacing: -.668039px;
    font-size: 14.8453px;
  }

  .z1ygd7sp {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .bmci5t4m {
    width: 6.59792px;
    height: 6.59792px;
    font-size: 13.1958px;
  }

  .bsbzf9zx {
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .iee9ukt9 {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .zsnfkfiz {
    width: 13.1958px;
    height: 13.1958px;
    font-size: 13.1958px;
  }

  .cj5jxtte {
    height: 41.237px;
    font-size: 13.1958px;
  }

  .mb3be44g {
    padding: 65.9792px 0 19.7938px;
    font-size: 13.1958px;
  }

  .wqsnatkk {
    border-radius: 9.89688px;
    height: 41.237px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .ot0idpvf {
    flex-grow: 1;
    flex-basis: 0%;
    width: 284.535px;
    height: 41.237px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
  }

  .uv2asc06 {
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .vsao4dnq {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .saeiwua7 {
    width: 13.1958px;
    height: 13.1958px;
    font-size: 13.1958px;
  }

  .y87pj4f6 {
    border-radius: 9.89688px;
    column-gap: 6.59792px;
    min-height: 41.237px;
    padding: 0 14.0206px;
    font-size: 13.1958px;
    display: inline-flex;
    overflow: hidden;
  }

  .p45jktuo {
    letter-spacing: -.288659px;
    font-size: 11.5464px;
  }

  .d4uz3bg1 {
    width: 6.59792px;
    height: 8.2474px;
    font-size: 13.1958px;
  }

  .tcm5htz2 {
    border-radius: 9.89688px;
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    min-height: 41.237px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
    display: inline-flex;
    overflow: hidden;
  }

  .tv39s1pp {
    flex-direction: row;
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    font-size: 13.1958px;
    display: none;
  }

  .coyw1iki {
    font-size: 13.1958px;
  }

  .lh34oos3 {
    margin: 0 auto;
    font-size: 13.1958px;
  }

  .lw44q8vn {
    padding: 19.7938px 42.6145px 0;
    font-size: 13.1958px;
  }

  .q9ir82r7 {
    border-radius: 9.89688px;
    width: 46.6803px;
    margin: 0;
    padding: 9.89688px 13.1958px 13.1958px;
    font-size: 13.1958px;
  }

  .mxtvydgd {
    letter-spacing: -.668039px;
    font-size: 14.8453px;
  }

  .au7rnt7v {
    width: 6.59792px;
    margin: 0;
    padding: 0;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .mkxshogw {
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .te3e48qc {
    width: 13.1958px;
    margin: 0;
    padding: 0;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .ykwqg70w {
    height: 41.237px;
    font-size: 13.1958px;
  }

  .nmwyifxf {
    border-radius: 9.89688px;
    height: 41.237px;
    margin: 0;
    padding: 65.9792px 19.7938px 19.7938px;
    font-size: 13.1958px;
  }

  .shq2jx3m {
    flex-grow: 1;
    flex-basis: 0%;
    width: 284.535px;
    height: 41.237px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
  }

  .p1bipxz1 {
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .kmb75xho {
    border-radius: 9.89688px;
    column-gap: 6.59792px;
    width: 13.1958px;
    min-height: 41.237px;
    margin: 0;
    padding: 0 14.0206px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .l6uf8m1k {
    letter-spacing: -.288659px;
    font-size: 11.5464px;
  }

  .uom5wuzk {
    width: 6.59792px;
    margin: 0;
    padding: 0;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .vgp9yhdz {
    border-radius: 9.89688px;
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    min-height: 41.237px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
    display: inline-flex;
  }

  .tu164irr {
    flex-direction: row;
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    font-size: 13.1958px;
    display: none;
  }

  .nfuu9e6l {
    margin: 0 auto;
    padding: 19.7938px 42.6145px 0;
    font-size: 13.1958px;
  }

  .s46l6i1w {
    font-size: 13.1958px;
  }

  .sitelogo {
    width: 100%;
    height: 100.08%;
    font-size: 13.1958px;
  }

  .main-page-link {
    border-radius: 9.89688px;
    padding: 9.89688px 13.1958px 13.1958px;
    font-size: 13.1958px;
  }

  .main-page-link.w--current {
    height: 48px;
    padding-top: 14px;
  }

  .gkiijvuw {
    letter-spacing: -.668039px;
    font-size: 18px;
  }

  .e0iskbs3 {
    font-size: 13.1958px;
    overflow: hidden;
  }

  .dmjdi0ku {
    width: 6.59792px;
    height: 6.59792px;
    font-size: 13.1958px;
  }

  .eohvqdj2 {
    column-gap: 6.59792px;
    padding-bottom: 6px;
    font-size: 13.1958px;
  }

  .e01j4d8w {
    width: 100%;
    font-size: 13.1958px;
    overflow: visible;
  }

  .es2cgzb1 {
    width: 13.1958px;
    height: 13.1958px;
    font-size: 13.1958px;
  }

  .j4d7zh6t {
    width: 100%;
    height: 48px;
    font-size: 13.1958px;
  }

  .bgi0pvfw {
    padding: 65.9792px 0 19.7938px;
    font-size: 13.1958px;
  }

  .e75qqrgn {
    border-radius: 9.89688px;
    width: 100%;
    height: 48px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .h8li8kv8 {
    flex-grow: 1;
    flex-basis: 0%;
    width: 284.535px;
    height: 56px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
  }

  .header-left {
    flex-grow: 1;
    flex-basis: 0%;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 6.59792px;
    font-size: 13.1958px;
  }

  .qn1n56vy {
    font-size: 13.1958px;
    overflow: visible;
  }

  .gkma6qtz {
    width: 13.1958px;
    height: 13.1958px;
    font-size: 13.1958px;
  }

  .wr4n0000 {
    border-radius: 9.89688px;
    column-gap: 6.59792px;
    min-height: 56px;
    padding: 0 14.0206px;
    font-size: 13.1958px;
    display: inline-flex;
    overflow: hidden;
  }

  .i3b13l8t {
    letter-spacing: -.288659px;
    font-size: 11.5464px;
  }

  .ov20fxzm {
    width: 6.59792px;
    height: 8.2474px;
    font-size: 13.1958px;
  }

  .gr8kfwnm {
    border-radius: 9.89688px;
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    min-height: 41.237px;
    padding: 0 19.7938px;
    font-size: 13.1958px;
    display: inline-flex;
    overflow: hidden;
  }

  .header-right {
    flex-direction: row;
    flex-grow: 1;
    flex-basis: 0%;
    column-gap: 6.59792px;
    font-size: 13.1958px;
    display: none;
  }

  .header-right.socials {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nwxx2qho {
    font-size: 13.1958px;
  }

  .wrapper {
    margin: 0 auto;
    font-size: 13.1958px;
  }

  .site-bar {
    padding: 19.7938px 42.6145px 0;
    font-size: 13.1958px;
  }

  .coverglow {
    border-radius: 19.7938px;
    font-size: 13.1958px;
  }

  .pic {
    font-size: 13.1958px;
  }

  .game-banner {
    border-radius: 19.7938px;
    margin: 0;
    padding: 61.31% 0 0;
    font-size: 13.1958px;
  }

  .sugwxkyk {
    letter-spacing: -.816492px;
    margin: 0;
    font-size: 18.1443px;
  }

  .game-headline {
    column-gap: 8.2474px;
    font-size: 13.1958px;
  }

  .b85kycpy {
    letter-spacing: -.816492px;
    font-size: 18.1443px;
  }

  .game-description {
    font-size: 16px;
    line-height: 21px;
  }

  .game-info {
    padding: 9.89688px 4em 0 0;
    font-size: 13.1958px;
  }

  .product-link {
    font-size: 13.1958px;
  }

  .product-pc {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    font-size: 13.1958px;
    display: flex;
  }

  .product-pc.mob {
    display: none;
  }

  .jyozh1qr, .on2ftjmi {
    font-size: 13.1958px;
  }

  .vea64opb {
    border-radius: 19.7938px;
    font-size: 13.1958px;
    overflow: hidden;
  }

  .products-list {
    gap: 79.175px 16.4948px;
    margin: 0 auto;
    padding: 58em 0 80px;
    font-size: 13.1958px;
  }

  .partner-logo {
    max-width: 162.474px;
    min-height: 65.9792px;
    font-size: 13.1958px;
  }

  .se0jxhvs {
    height: 65.9792px;
    font-size: 13.1958px;
  }

  .logo-1 {
    font-size: 13.1958px;
  }

  .qpz99c2m, .partner-link---main {
    height: 65.9792px;
    font-size: 13.1958px;
  }

  .logo-container, .logo-group, .logo-group-2, .zsik6l3h {
    font-size: 13.1958px;
  }

  .logos {
    column-gap: 16.4948px;
    height: 65.9792px;
    font-size: 13.1958px;
    bottom: 24px;
  }

  .intro-main-page {
    min-height: 32em;
    max-height: 56em;
  }

  .h1._1 {
    margin-bottom: 5px;
    margin-right: .64em;
    font-size: 88px;
    line-height: 56px;
  }

  .h1._2 {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: .6em;
    font-size: 88px;
    line-height: 56px;
  }

  .h1._3 {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 0;
    font-size: 88px;
    line-height: 56px;
  }

  .paragraph {
    font-size: 18px;
  }

  .intro---content {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .closer---img {
    width: 72%;
  }

  .xocus-logo {
    width: 38em;
    margin-bottom: 2em;
  }

  .glow {
    width: 72%;
  }

  .logo-group-3 {
    font-size: 13.1958px;
  }

  .title {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .social-footer {
    border-radius: 9.89688px;
    column-gap: 6.59792px;
    min-height: 41.237px;
    padding: 0 14.0206px;
    font-size: 13.1958px;
    display: inline-flex;
    overflow: hidden;
  }

  .logo-2, .logo-4, .logo-3, .logo-5, .logo-6 {
    font-size: 13.1958px;
  }

  .div-block-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
  }

  .game---bg-pic {
    object-fit: contain;
    width: 175%;
    max-width: none;
    height: auto;
    margin-left: -69%;
    position: fixed;
    inset: 0%;
    overflow: clip;
  }

  .game---bg-pic.exo {
    margin-left: -41%;
  }

  .div-block-3 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-3:hover {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .intro---stores {
    column-gap: 16.4948px;
    height: 65.9792px;
    font-size: 13.1958px;
    bottom: 24px;
  }

  .link-block-5 {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }

  .game-video {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .pc-video {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    font-size: 13.1958px;
    display: flex;
  }

  .pc-video.mob {
    display: none;
  }

  .page-game---description {
    letter-spacing: -.816492px;
    padding-top: 4em;
    padding-left: 3.25em;
    padding-right: 3.25em;
    font-size: 18.1443px;
    display: none;
  }

  .content {
    gap: 79.175px 16.4948px;
    margin: 0 auto;
    padding: 0 0 80px;
    font-size: 13.1958px;
  }

  .heading-3 {
    font-size: 32px;
    line-height: 40px;
  }

  .paragraph-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .game-description---description {
    padding-right: 0;
  }

  .paragraph-3 {
    font-size: 16px;
  }

  .game-last {
    padding-top: 6em;
  }

  .game-features {
    padding-left: 4em;
    padding-right: 4em;
    display: none;
  }

  .join-socials-pc {
    padding-left: 3em;
    padding-right: 3em;
  }

  .discord-exocars {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2em;
    padding-right: 2em;
  }

  .image-10 {
    min-width: 40%;
    max-width: 32%;
    padding-left: 0;
  }

  .game-intro {
    min-height: 32em;
    max-height: 48em;
  }

  .intro---game-logo {
    min-width: 72%;
    max-width: 80%;
  }

  .stores-footer {
    width: 88%;
  }

  .heading-4 {
    font-size: 26px;
    line-height: 26px;
  }

  .features---info {
    width: 48%;
  }

  .join-socials-mob {
    padding-left: 3em;
    padding-right: 3em;
    display: none;
  }

  .game-banner-video {
    border-radius: 19.7938px;
    margin: 0;
    padding: 61.31% 0 0;
    font-size: 13.1958px;
  }

  .game-description-copy {
    font-size: 18px;
    line-height: 23px;
  }

  .game-video---description {
    padding: 9.89688px 4em 0 0;
    font-size: 13.1958px;
  }

  .div-block-3-copy {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-3-copy:hover {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-btn {
    width: 36%;
  }

  .image-18 {
    margin-bottom: .64em;
  }

  .game-closer {
    width: 38em;
    margin-bottom: 1em;
  }

  .dive-2 {
    padding: 16px 22px;
  }

  .middle-align-welcome {
    height: 364px;
  }

  .heading-5 {
    font-size: 21px;
  }

  .link-block-7 {
    width: 100%;
    text-decoration: none;
  }

  .image-19 {
    max-width: 28%;
    margin-top: 60%;
  }

  .p1-mid-aligned {
    font-size: 16px;
  }

  .share-content {
    padding-right: 6%;
  }

  .div-block-6 {
    margin-left: -8px;
    margin-right: 0;
    padding-left: 0;
  }

  .variable {
    padding-left: 22px;
    padding-right: 22px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .share {
    padding: 0 22px 48px;
  }

  .quick-stack-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: 400px;
  }

  .main-navbar-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-self: auto;
    display: flex;
  }

  .welcome-content {
    margin-bottom: 0%;
    padding: 60px 15px;
  }

  .brand-2 {
    padding-left: 0;
  }

  .action-btn {
    border-radius: 10px;
    margin-bottom: 9%;
  }

  .heading-6 {
    font-size: 56px;
    line-height: 62px;
  }

  .image-21 {
    width: 40%;
    margin-top: 42%;
    margin-left: -8%;
  }

  .image-22 {
    max-width: 42%;
    margin-bottom: 15%;
    margin-left: 29%;
    margin-right: 29%;
  }

  .p1 {
    max-width: 208px;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
  }

  .main-btn-2 {
    margin-bottom: 9%;
  }

  .heading-7 {
    font-size: 32px;
    line-height: 38.4px;
  }

  .div-block-5 {
    margin-bottom: 64px;
  }

  .right-align {
    background-position: 100% 65%;
    height: 300px;
  }

  .left-align {
    height: 300px;
    padding-left: 0%;
  }

  .welcome {
    padding: 14px 22px;
  }

  .dive-content {
    max-width: 225px;
    padding-left: 6%;
    padding-right: 0%;
  }

  .cell-4 {
    background-image: url('../images/13.png');
  }

  .main-navbar {
    opacity: 0;
  }

  .info-wrapper-main {
    grid-template-columns: 1fr;
    gap: 16.4948px;
    font-size: 13.1958px;
  }

  .xocus-logo-main {
    width: 38em;
    margin-bottom: 1em;
  }

  .stores-header {
    width: 88%;
  }

  .stores-header._36 {
    width: 44%;
  }

  .page-game---description-mob {
    letter-spacing: -.816492px;
    padding-top: 4em;
    padding-left: 3.25em;
    padding-right: 3.25em;
    font-size: 18.1443px;
    display: none;
  }

  .closer---img-main, .glow-main {
    width: 72%;
  }

  .discord-pod, .discord-z-race {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2em;
    padding-right: 2em;
  }

  .image-18-z-race {
    margin-bottom: .64em;
  }

  .main-text-wrapper {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media screen and (max-width: 479px) {
  .wyh0bfe8 {
    font-size: 16px;
  }

  .h43grlye {
    width: 72px;
    height: 27px;
    font-size: 16px;
  }

  .lxg5qdhx {
    margin: 0 0 0 auto;
    font-size: 16px;
  }

  .qdqbewx3 {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .xx313pq1 {
    font-size: 16px;
  }

  .x60ewasr {
    margin: -96px 0 -80px;
    font-size: 16px;
  }

  .qr85kp9a {
    letter-spacing: -.9px;
    font-size: 20px;
  }

  .runnvfmy {
    column-gap: 10px;
    font-size: 16px;
  }

  .q38f0895 {
    font-size: 16px;
  }

  .ryetmwc4 {
    row-gap: 12px;
    margin: 0 0 auto;
    padding: 0;
    font-size: 16px;
  }

  .v17n499u {
    border-radius: 12px;
    row-gap: 8px;
    padding: 24px;
    font-size: 16px;
  }

  .v168k42q {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .xiw4rbqd {
    font-size: 16px;
    overflow: hidden;
  }

  .gsw6aejj {
    width: 8px;
    height: 10px;
    font-size: 16px;
  }

  .psgcvq7u {
    column-gap: 8px;
    font-size: 16px;
  }

  .d9x3pmf7 {
    row-gap: 12px;
    margin: auto 0;
    padding: 0;
    font-size: 16px;
  }

  .eeoxhufi {
    letter-spacing: -.4px;
    font-size: 16px;
  }

  .l8hfnq18 {
    font-size: 16px;
  }

  .h5tugry0 {
    gap: 16px;
    font-size: 16px;
  }

  .g06jw206 {
    border-radius: 12px;
    row-gap: 8px;
    padding: 24px;
    font-size: 16px;
    overflow: hidden;
  }

  .q2z5dwog {
    gap: 16px;
    font-size: 16px;
  }

  .epe6bbvr {
    letter-spacing: -.4px;
    font-size: 16px;
  }

  .hl0qyfsl {
    font-size: 16px;
    overflow: hidden;
  }

  .dmvzy4q5 {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  .bvp6bqmf {
    font-size: 16px;
  }

  .gpngqjcz {
    font-size: 16px;
    overflow: hidden;
  }

  .y1t82n6d {
    column-gap: 20px;
    font-size: 16px;
  }

  .vsvpwnmn {
    font-size: 16px;
  }

  .naf3wxrs {
    border-radius: 12px;
    grid-column: span 1 / span 1;
    row-gap: 8px;
    padding: 24px;
    font-size: 16px;
  }

  .y47l9618 {
    grid-template-columns: 1fr;
    gap: 16px;
    font-size: 16px;
  }

  .ciyxm4zf {
    gap: 16px;
    font-size: 16px;
  }

  .v8wde3sq {
    margin: 0 auto;
    font-size: 16px;
  }

  .jah8b9ur {
    padding: 120px 26.5577px;
    font-size: 16px;
  }

  .pv5t5xgp {
    font-size: 16px;
  }

  .hmy7oa83 {
    letter-spacing: -.99px;
    margin: 0;
    font-size: 22px;
  }

  .t3mtjmoy {
    margin: 48px 0 0;
    font-size: 16px;
  }

  .tinuki0d {
    letter-spacing: -.99px;
    font-size: 22px;
  }

  .tcjrz0vj {
    font-size: 16px;
  }

  .ojve3rsz {
    font-size: 16px;
    overflow: hidden;
  }

  .l56l0p1g {
    width: 8px;
    height: 8px;
    font-size: 16px;
  }

  .aipf7v4q {
    width: 100%;
    padding: 0 0%;
    font-size: 16px;
  }

  .mbr0eh32 {
    font-size: 16px;
  }

  .f9qpyrj1, .gzdrwn1n, .bhwtkk23, .ij7519bl {
    width: 100%;
    padding: 0 0%;
    font-size: 16px;
  }

  .ny8rllfr, .rczqdvwg, .ryrgu31l, .er73tear {
    font-size: 16px;
  }

  .fciupbk5 {
    margin: 0 auto;
    font-size: 16px;
  }

  .nfdvvgle {
    font-size: 16px;
  }

  .msrpf773 {
    padding: 128px 26.5577px;
    font-size: 16px;
    overflow: hidden;
  }

  .zmx1j2sw {
    letter-spacing: -2.025px;
    width: 100%;
    max-width: 6em;
    margin: 0;
    font-size: 45px;
  }

  .bimn6f33 {
    letter-spacing: -.81px;
    width: 90%;
    max-width: 16em;
    margin: 24px 0 0;
    font-size: 18px;
  }

  .f545pxql {
    letter-spacing: -1.395px;
    width: 90%;
    margin: 0;
    font-size: 32px;
  }

  .d7kbrn3m {
    letter-spacing: -.81px;
    width: 90%;
    margin: 0;
    font-size: 18px;
  }

  .point {
    gap: 16px;
    width: 100%;
    font-size: 16px;
  }

  .vt1i9jua {
    letter-spacing: -.81px;
  }

  .points {
    gap: 48px;
    margin: 48px 0 0;
    font-size: 16px;
  }

  .l1ukhtd9 {
    font-size: 16px;
    top: 128px;
  }

  .details-left {
    font-size: 16px;
  }

  .oji3m78s {
    letter-spacing: -1.395px;
    font-size: 31px;
  }

  .wvdztysq {
    gap: 20px;
    font-size: 16px;
  }

  .i3v94uiu {
    letter-spacing: -.63px;
    font-size: 14px;
  }

  .iyal1as2 {
    letter-spacing: -.99px;
    font-size: 22px;
  }

  .nr7v9f5v {
    font-size: 16px;
    overflow: hidden;
  }

  .mg8iyf38 {
    width: 8px;
    height: 10px;
    font-size: 16px;
  }

  .ywgm714r {
    font-size: 16px;
  }

  .j4p2s74e {
    border-radius: 12px;
    row-gap: 8px;
    padding: 24px;
    font-size: 16px;
    overflow: hidden;
  }

  .btns {
    gap: 16px;
    font-size: 16px;
  }

  .ly54vhzo {
    font-size: 16px;
  }

  .gs8y5yu2 {
    letter-spacing: -.35px;
    width: 240px;
    font-size: 14px;
  }

  .yuczhjcp {
    font-size: 16px;
    overflow: hidden;
  }

  .jnu8z04c {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  .x39xlckp {
    column-gap: 8px;
    font-size: 16px;
  }

  .olkqli9t {
    border-radius: 50%;
    width: 5px;
    height: 5px;
    margin: 0 6px 0 0;
    font-size: 16px;
  }

  .ha9wl3hh {
    border-radius: 24px;
    font-size: 16px;
  }

  .j26cau1u {
    border-width: 1px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin: 0 -12.5px 0 0;
    font-size: 16px;
    overflow: hidden;
  }

  .sizkrk9e {
    padding: 0 12.5px 0 0;
    font-size: 16px;
  }

  .fe8mikch {
    font-size: 16px;
  }

  .njkanszj {
    margin: 0 0 0 auto;
    font-size: 16px;
  }

  .m5yhqcc7 {
    border-radius: 12px;
    row-gap: 8px;
    padding: 24px;
    font-size: 16px;
    overflow: hidden;
  }

  .rte6row3 {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .e23mytfs {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  .cxbg5pwe {
    column-gap: 8px;
    font-size: 16px;
  }

  .oghti35k {
    grid-template-columns: 1fr;
    gap: 16px;
    font-size: 16px;
  }

  .w7p5b36f {
    row-gap: 40px;
    font-size: 16px;
  }

  .details-right {
    gap: 32px;
    padding: 96px 0 0;
    font-size: 16px;
  }

  .info-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    gap: 16px;
    font-size: 16px;
  }

  .about-wrapper {
    margin: 0 auto;
    font-size: 16px;
  }

  .about {
    padding: 5em 26.5577px 0;
    font-size: 16px;
    display: none;
  }

  .about.mob {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .xs3j65zc {
    font-size: 16px;
  }

  .nro1dzjs {
    width: 72px;
    height: 27px;
    font-size: 16px;
  }

  .mlcnkwic {
    margin: 0 0 0 auto;
    font-size: 16px;
  }

  .oad42hy8 {
    margin: -96px 0 -80px;
    font-size: 16px;
  }

  .arkn7op6 {
    letter-spacing: -.9px;
    font-size: 20px;
  }

  .qmt30e85 {
    column-gap: 10px;
    font-size: 16px;
  }

  .i437ecqb {
    font-size: 16px;
  }

  .uaxfzot1 {
    row-gap: 12px;
    margin: 0 0 auto;
    padding: 0;
    font-size: 16px;
  }

  .kwgc8foa {
    border-radius: 12px;
    row-gap: 8px;
    padding: 24px;
    font-size: 16px;
  }

  .sfz2mikr {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .d3nteuwx {
    font-size: 16px;
    overflow: hidden;
  }

  .c9yamfh0 {
    width: 8px;
    height: 10px;
    font-size: 16px;
  }

  .lpxeq7s4 {
    column-gap: 8px;
    font-size: 16px;
  }

  .opfnsk0j {
    row-gap: 12px;
    margin: auto 0;
    padding: 0;
    font-size: 16px;
  }

  .u3xqaj4f {
    letter-spacing: -.4px;
    font-size: 16px;
  }

  .wt5d8g4g {
    font-size: 16px;
  }

  .spah2raa {
    gap: 16px;
    font-size: 16px;
  }

  .ytdhmvcv {
    letter-spacing: -.4px;
    font-size: 16px;
  }

  .auz5n5u2 {
    font-size: 16px;
  }

  .i9le1ww2 {
    font-size: 16px;
    overflow: hidden;
  }

  .hrf3v0pp {
    column-gap: 20px;
    font-size: 16px;
  }

  .q8t4s01e {
    font-size: 16px;
  }

  .ac15thu1 {
    border-radius: 12px;
    grid-column: span 1 / span 1;
    row-gap: 8px;
    padding: 24px;
    font-size: 16px;
  }

  .j1o5i6m3 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    gap: 16px;
    font-size: 16px;
  }

  .footer-main {
    margin: 0 auto;
    font-size: 16px;
  }

  .site-footer {
    padding: 1px 0 120px;
    font-size: 16px;
  }

  .site-footer.mob {
    padding: 16px 16px 32px;
  }

  .footer-wrapper {
    padding-bottom: 8px;
    font-size: 16px;
  }

  .xq6mv702 {
    font-size: 16px;
  }

  .nle97rz7 {
    width: 56.6px;
    height: 21.16px;
    font-size: 16px;
  }

  .xlros5ow {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-radius: 12px;
    padding: 12px 16px 16px;
    font-size: 16px;
  }

  .axwor11k {
    letter-spacing: -.81px;
    font-size: 18px;
  }

  .z1ygd7sp {
    font-size: 16px;
    overflow: hidden;
  }

  .bmci5t4m {
    width: 8px;
    height: 8px;
    font-size: 16px;
  }

  .bsbzf9zx {
    flex-direction: row;
    column-gap: 8px;
    font-size: 16px;
    display: none;
  }

  .iee9ukt9 {
    font-size: 16px;
    overflow: hidden;
  }

  .zsnfkfiz {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  .cj5jxtte {
    height: 50px;
    font-size: 16px;
  }

  .mb3be44g {
    padding: 80px 0 24px;
    font-size: 16px;
  }

  .wqsnatkk {
    z-index: auto;
    border-radius: 12px;
    width: calc(100% - 53.1154px);
    height: 50px;
    padding: 0 24px;
    font-size: 16px;
    position: fixed;
    top: 24px;
    left: 26.5577px;
    overflow: hidden;
  }

  .ot0idpvf {
    z-index: 0;
    flex: none;
    justify-content: flex-end;
    width: 100%;
    height: 50px;
    padding: 0 24px;
    font-size: 16px;
    position: absolute;
  }

  .uv2asc06 {
    column-gap: 8px;
    font-size: 16px;
  }

  .vsao4dnq {
    font-size: 16px;
    overflow: hidden;
  }

  .saeiwua7 {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  .y87pj4f6 {
    border-radius: 12px;
    column-gap: 8px;
    min-height: 50px;
    padding: 0 17px;
    font-size: 16px;
    overflow: hidden;
  }

  .p45jktuo {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .d4uz3bg1 {
    width: 8px;
    height: 10px;
    font-size: 16px;
  }

  .tcm5htz2 {
    border-radius: 12px;
    column-gap: 8px;
    min-height: 50px;
    padding: 0 24px;
    font-size: 16px;
    overflow: hidden;
  }

  .tv39s1pp {
    column-gap: 8px;
    font-size: 16px;
  }

  .coyw1iki {
    font-size: 16px;
  }

  .lh34oos3 {
    margin: 0 auto;
    font-size: 16px;
  }

  .lw44q8vn {
    padding: 24px 26.5577px 0;
    font-size: 16px;
  }

  .q9ir82r7 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-radius: 12px;
    width: 56.6px;
    margin: 0;
    padding: 12px 16px 16px;
    font-size: 16px;
  }

  .mxtvydgd {
    letter-spacing: -.81px;
    font-size: 18px;
  }

  .au7rnt7v {
    width: 8px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    overflow: hidden;
  }

  .mkxshogw {
    flex-direction: row;
    column-gap: 8px;
    font-size: 16px;
    display: none;
  }

  .te3e48qc {
    width: 16px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    overflow: hidden;
  }

  .ykwqg70w {
    height: 50px;
    font-size: 16px;
  }

  .nmwyifxf {
    z-index: auto;
    border-radius: 12px;
    width: calc(100% - 53.1154px);
    height: 50px;
    margin: 0;
    padding: 80px 24px 24px;
    font-size: 16px;
    position: fixed;
    top: 24px;
    left: 26.5577px;
  }

  .shq2jx3m {
    z-index: 0;
    flex: none;
    justify-content: flex-end;
    width: 100%;
    height: 50px;
    padding: 0 24px;
    font-size: 16px;
    position: absolute;
  }

  .p1bipxz1 {
    column-gap: 8px;
    font-size: 16px;
  }

  .kmb75xho {
    border-radius: 12px;
    column-gap: 8px;
    width: 16px;
    min-height: 50px;
    margin: 0;
    padding: 0 17px;
    font-size: 16px;
    overflow: hidden;
  }

  .l6uf8m1k {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .uom5wuzk {
    width: 8px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    overflow: hidden;
  }

  .vgp9yhdz {
    border-radius: 12px;
    column-gap: 8px;
    min-height: 50px;
    padding: 0 24px;
    font-size: 16px;
  }

  .tu164irr {
    column-gap: 8px;
    font-size: 16px;
  }

  .nfuu9e6l {
    margin: 0 auto;
    padding: 24px 26.5577px 0;
    font-size: 16px;
  }

  .s46l6i1w {
    height: 100%;
    font-size: 16px;
  }

  .sitelogo {
    justify-content: flex-start;
    align-items: center;
    width: 100.011%;
    height: 100.018%;
    margin-left: 12px;
    font-size: 16px;
  }

  .main-page-link {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-radius: 12px;
    padding: 12px 16px 16px;
    font-size: 16px;
  }

  .main-page-link.w--current {
    justify-content: flex-start;
    align-items: center;
    padding-top: 14px;
    padding-left: 16px;
  }

  .gkiijvuw {
    letter-spacing: -.81px;
    font-size: 18px;
  }

  .e0iskbs3 {
    font-size: 16px;
    overflow: hidden;
  }

  .dmjdi0ku {
    width: 8px;
    height: 8px;
    font-size: 16px;
  }

  .eohvqdj2 {
    flex-direction: row;
    column-gap: 8px;
    font-size: 16px;
    display: none;
  }

  .e01j4d8w {
    font-size: 16px;
    overflow: hidden;
  }

  .es2cgzb1 {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  .j4d7zh6t {
    height: 50px;
    font-size: 16px;
  }

  .bgi0pvfw {
    padding: 80px 0 24px;
    font-size: 16px;
  }

  .e75qqrgn {
    z-index: auto;
    border-radius: 12px;
    width: calc(100% - 53.1154px);
    height: 50px;
    padding: 0 24px;
    font-size: 16px;
    position: fixed;
    top: 24px;
    left: 26.5577px;
    overflow: hidden;
  }

  .h8li8kv8 {
    z-index: 0;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 32px;
    font-size: 16px;
    position: absolute;
  }

  .header-left {
    column-gap: 8px;
    font-size: 16px;
  }

  .qn1n56vy {
    font-size: 16px;
    overflow: visible;
  }

  .gkma6qtz {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  .wr4n0000 {
    border-radius: 12px;
    column-gap: 8px;
    height: auto;
    min-height: 56px;
    padding: 0 17px;
    font-size: 16px;
    overflow: hidden;
  }

  .i3b13l8t {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .ov20fxzm {
    width: 8px;
    height: 10px;
    font-size: 16px;
  }

  .gr8kfwnm {
    border-radius: 12px;
    column-gap: 8px;
    min-height: 50px;
    padding: 0 24px;
    font-size: 16px;
    overflow: hidden;
  }

  .header-right {
    column-gap: 8px;
    font-size: 16px;
  }

  .header-right.socials {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nwxx2qho {
    font-size: 16px;
  }

  .wrapper {
    margin: 0 auto;
    font-size: 16px;
  }

  .site-bar {
    padding: 24px 8px 0;
    font-size: 16px;
    overflow: hidden;
  }

  .coverglow {
    border-radius: 24px;
    font-size: 16px;
  }

  .pic {
    font-size: 16px;
  }

  .game-banner {
    border-radius: 24px;
    margin: 0;
    padding: 160% 0 0;
    font-size: 16px;
  }

  .sugwxkyk {
    letter-spacing: -.99px;
    margin: 0;
    font-size: 22px;
  }

  .game-headline {
    column-gap: 10px;
    font-size: 16px;
  }

  .b85kycpy {
    letter-spacing: -.99px;
    font-size: 22px;
  }

  .game-description {
    font-size: 24px;
    line-height: 28px;
  }

  .game-info {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    margin-top: 0;
    padding: 0 1em 0 0;
    font-size: 16px;
    display: flex;
  }

  .product-link {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    font-size: 16px;
  }

  .product-pc {
    font-size: 16px;
    display: none;
  }

  .product-pc:hover {
    transform: scale(1.025);
  }

  .product-pc.mob {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    transition-property: none;
    display: flex;
  }

  .product-pc.mob:hover {
    transform: none;
  }

  .jyozh1qr, .on2ftjmi {
    font-size: 16px;
  }

  .vea64opb {
    border-radius: 24px;
    font-size: 16px;
    overflow: hidden;
  }

  .products-list {
    gap: 96px 20px;
    max-width: 96%;
    margin: 0 auto;
    padding: 40em 0 80px;
    font-size: 16px;
  }

  .products {
    padding-left: .5em;
    padding-right: .5em;
    overflow: hidden;
  }

  .partner-logo {
    width: 96%;
    max-width: 197px;
    min-height: 80px;
    font-size: 16px;
  }

  .se0jxhvs {
    height: 80px;
    font-size: 16px;
  }

  .logo-1 {
    font-size: 16px;
  }

  .qpz99c2m {
    height: 80px;
    font-size: 16px;
  }

  .partner-link---main {
    height: 80px;
    padding-left: 8px;
    font-size: 16px;
  }

  .logo-container, .logo-group {
    font-size: 16px;
  }

  .logo-group-2 {
    font-size: 16px;
    display: none;
  }

  .zsik6l3h {
    font-size: 16px;
  }

  .logos {
    column-gap: 0;
    width: 100%;
    height: 80px;
    font-size: 16px;
    bottom: 32px;
    left: 0%;
  }

  .intro-main-page {
    min-height: 28em;
    max-height: 48em;
    overflow: hidden;
  }

  .body {
    overflow: visible;
  }

  .about-company {
    overflow: hidden;
  }

  .heading-4-2 {
    font-size: 16px;
  }

  .h1._1 {
    margin-right: .16em;
    font-size: 18vw;
    line-height: 14vw;
  }

  .h1._2 {
    margin-left: .1em;
    font-size: 18vw;
    line-height: 14vw;
  }

  .h1._3 {
    margin-top: 10px;
    margin-left: .32em;
    font-size: 18vw;
    line-height: 14vw;
  }

  .paragraph {
    font-size: 4.5vw;
  }

  .intro---content {
    justify-content: flex-start;
    align-items: center;
    margin-top: 12em;
    overflow: clip;
  }

  .closer---img {
    width: 96%;
  }

  .closer---img.fc {
    width: 125%;
    max-width: 125%;
  }

  .details-right2 {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    position: relative;
    top: 0;
  }

  .xocus-logo {
    width: 100%;
    height: 7em;
    margin-bottom: 2em;
  }

  .glow {
    width: 96%;
  }

  .logo-group-3 {
    font-size: 16px;
    display: none;
  }

  .title {
    width: 100%;
  }

  .social-footer {
    border-radius: 12px;
    column-gap: 8px;
    min-height: 50px;
    padding: 0 17px;
    font-size: 16px;
    overflow: hidden;
  }

  .logo-2, .logo-4, .logo-3, .logo-5, .logo-6 {
    font-size: 16px;
  }

  .link-block-3 {
    width: 64px;
    height: 32px;
  }

  .image-4 {
    width: 100%;
    height: 100%;
  }

  .link-block-4 {
    width: 48px;
    height: 32px;
  }

  .image-5 {
    width: 100%;
  }

  .div-block-2 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    display: flex;
  }

  .game---bg-pic {
    width: 325%;
    margin-top: 0;
    margin-left: -204%;
    overflow: hidden;
  }

  .game---bg-pic.fighting {
    margin-left: -115%;
  }

  .game---bg-pic.mob {
    margin-top: 10px;
    margin-left: -190%;
  }

  .game---bg-pic.exo {
    margin-left: -82.5%;
    padding-bottom: 0;
  }

  .div-block-3:hover {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .intro---stores {
    column-gap: 0;
    width: 100%;
    height: 80px;
    font-size: 16px;
    bottom: 32px;
    left: 0%;
  }

  .link-block-5 {
    width: 72%;
    padding-left: 1em;
  }

  .game-video {
    padding: 6em 1em;
  }

  .pc-video {
    margin-bottom: 0;
    font-size: 16px;
    display: block;
  }

  .pc-video:hover {
    transform: scale(1.025);
  }

  .pc-video.mob {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    transition-property: none;
    display: flex;
  }

  .pc-video.mob:hover {
    transform: none;
  }

  .page-game---description {
    letter-spacing: -.99px;
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 22px;
    display: none;
  }

  .video-2 {
    height: 64%;
  }

  .intro---info {
    padding-bottom: 0;
    position: static;
    bottom: 6em;
  }

  .content {
    gap: 96px 20px;
    max-width: 96%;
    margin: 0 auto;
    padding: 0 0 0;
    font-size: 16px;
  }

  .game-gallery.exo, .description-group.rock-and-roots {
    display: none;
  }

  .description-img {
    box-sizing: border-box;
    object-fit: cover;
    height: 16em;
  }

  .paragraph-2 {
    font-size: 21px;
    line-height: 24px;
  }

  .paragraph-3 {
    font-size: 18px;
    line-height: 24px;
  }

  .page-last {
    padding-bottom: 8px;
    display: none;
  }

  .game-features {
    flex-flow: column;
    padding-left: 1em;
    padding-right: 1em;
    display: none;
  }

  .game-features.figtingclans, .game-features.exo, .join-socials-pc {
    display: none;
  }

  .discord-exocars {
    background-image: url('../images/Join-socials-bg---mob.png');
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 400px;
    margin-bottom: 4em;
    margin-left: -1em;
    padding: 2em 0 0 1em;
  }

  .image-10 {
    min-width: 88%;
    padding-left: 1em;
  }

  .features---icon {
    width: 64%;
  }

  .game-intro {
    height: 90vh;
    min-height: 28em;
    max-height: 48em;
    overflow: hidden;
  }

  .intro---game-logo {
    min-width: 80%;
    max-width: 96%;
  }

  .intro---game-logo.rockandroots {
    filter: drop-shadow(0 2px 12px #000);
    min-width: 100%;
    max-width: 140%;
  }

  .intro---game-logo.figntingclans {
    min-width: 100%;
    max-width: 100%;
  }

  .intro---game-logo.evolution {
    min-width: 96%;
    max-width: 48%;
  }

  .store.rar, .store.rockandroots {
    display: none;
  }

  .stores-footer {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: row;
    width: 88%;
  }

  .heading-4 {
    font-size: 40px;
    line-height: 40px;
  }

  .features---info {
    width: 90%;
  }

  .link-block-5-copy {
    width: 16em;
    padding-right: 0;
  }

  .join-socials-mob {
    padding-bottom: 4em;
    padding-left: 1em;
    padding-right: 1em;
    display: none;
  }

  .join-socials-mob.z-race, .join-socials-mob.rock-and-roots, .join-socials-mob.fignting-clans, .join-socials-mob.op, .join-socials-mob.pod {
    display: none;
  }

  .game-banner-video {
    border-radius: 24px;
    margin: 0;
    padding: 20% 0 0;
    font-size: 16px;
  }

  .game-description-copy {
    font-size: 21px;
    line-height: 28px;
  }

  .game-video---description {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    margin-top: 10em;
    padding: 0 0 0;
    font-size: 16px;
    display: flex;
  }

  .intro---content-game {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: clip;
  }

  .div-block-3-copy:hover {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .main-btn {
    width: 56%;
  }

  .image-18 {
    width: 80%;
    padding-left: 1em;
  }

  .game-closer {
    width: 100%;
    height: 6em;
    margin-bottom: 2em;
  }

  .game-closer.rock-and-roots {
    margin-bottom: 0;
  }

  .game-closer.fc {
    width: 150%;
    height: 0;
  }

  .closer---glow {
    width: 125%;
    max-width: 125%;
  }

  .dive-2 {
    margin-bottom: 40px;
    padding: 0 8px 8px;
  }

  .middle-align-welcome {
    background-position: 50%;
    background-size: cover;
    border-width: .5px;
    height: 524px;
  }

  .heading-5 {
    padding-top: 3%;
    padding-bottom: 4%;
    font-size: 24px;
    font-weight: 500;
  }

  .middle-align {
    margin-bottom: 24px;
  }

  .link-block-7 {
    width: 100%;
    text-decoration: none;
  }

  .image-19 {
    max-width: 45%;
    margin-top: 158%;
    margin-right: 0%;
  }

  .image-20 {
    width: 24%;
    margin-bottom: -5%;
    margin-left: 46%;
  }

  .p1-mid-aligned {
    margin-bottom: 0;
    font-size: 16px;
  }

  .share-content {
    outline-offset: 0px;
    border-radius: 16px;
    outline: 3px #000;
    width: 100%;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 0;
  }

  .div-block-6 {
    width: 156px;
    max-width: 100px;
    height: 32px;
    margin-left: -13px;
  }

  .image-6 {
    width: 100%;
    height: 100%;
  }

  .variable {
    margin-bottom: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .share {
    margin-bottom: 40px;
    padding: 0 8px 8px;
  }

  .quick-stack-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: 680px;
  }

  .container-2 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .nav-menu-3 {
    display: none;
  }

  .contact {
    padding: 24px 8px;
  }

  .welcome-content {
    margin-bottom: 48%;
    padding: 0;
  }

  .brand-2 {
    padding-left: 0;
  }

  .action-btn {
    border-radius: 18px;
    width: 164px;
    height: 49px;
    margin-bottom: 22%;
  }

  .heading-6 {
    max-width: 288px;
    margin-bottom: 124px;
    font-size: 48px;
    line-height: 52px;
  }

  .image-21 {
    width: 56%;
    max-width: 56%;
    margin-top: -56%;
    margin-left: -12%;
  }

  .image-22 {
    max-width: 100%;
    margin-bottom: 116px;
    margin-left: -2%;
    margin-right: 0%;
    left: 1%;
  }

  .p1 {
    max-width: 264px;
    line-height: 24px;
  }

  .main-btn-2 {
    background-color: #288bff;
    margin-bottom: 24%;
    padding: 10px 48px;
    font-size: 16px;
  }

  .heading-2-mid {
    margin-top: 0;
    font-size: 36px;
    font-weight: 600;
  }

  .heading-7 {
    max-width: 100%;
    font-size: 32px;
    line-height: 38.4px;
  }

  .heading-7.heading-2-mid {
    font-size: 32px;
  }

  .div-block-5 {
    margin-bottom: 56px;
  }

  .right-align {
    outline-offset: 0px;
    background-image: url('../images/4-block-bg-mob.jpg');
    background-position: 50%;
    border-radius: 16px;
    outline: 3px #fff;
    justify-content: flex-end;
    align-items: flex-start;
    height: 500px;
    margin-left: 0;
    margin-right: 0;
    transform: translate(0);
  }

  .left-align {
    outline-offset: 0px;
    background-image: url('../images/2-block-bg-mob.png');
    background-position: 50%;
    border-radius: 16px;
    outline: 3px #fff;
    justify-content: flex-end;
    align-items: flex-start;
    height: 500px;
    margin-left: 0;
    margin-right: 0;
    transform: translate(0);
  }

  .welcome {
    padding: 12px 8px;
  }

  .dive-content {
    outline-offset: 0px;
    background-image: linear-gradient(#fff0, #000000ab);
    border-radius: 16px;
    outline: 3px #000;
    width: 100%;
    max-width: 100%;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 0;
  }

  .p2 {
    margin-top: 124px;
    font-size: 12px;
    font-weight: 300;
  }

  .cell-4 {
    background-image: url('../images/13.png');
  }

  .main-navbar {
    width: 50%;
  }

  .info-wrapper-main {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    gap: 16px;
    font-size: 16px;
  }

  .xocus-logo-main {
    width: 100%;
    margin-bottom: 2em;
  }

  .stores-header {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: row;
    width: 88%;
  }

  .stores-header._36 {
    width: 85%;
  }

  .page-game---description-mob {
    letter-spacing: -.99px;
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 22px;
    display: none;
  }

  .closer---img-main, .glow-main {
    width: 96%;
  }

  .discord-pod, .discord-z-race {
    background-image: url('../images/Join-socials-bg---mob_1.png');
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 400px;
    margin-bottom: 4em;
    margin-left: -1em;
    padding: 2em 0 0 1em;
  }

  .image-18-z-race {
    width: 80%;
    padding-left: 1em;
  }

  .section {
    padding-top: 6em;
  }

  .main-text-wrapper {
    width: 100%;
    margin-top: 2%;
    padding-left: 4%;
    padding-right: 8%;
  }

  .heading-8 {
    font-size: 32px;
    line-height: 38px;
  }

  .heading-1 {
    font-size: 32px;
  }

  .paragraph-4 {
    letter-spacing: normal;
    word-break: break-all;
    width: 100%;
  }

  .text-block {
    width: 100%;
  }

  .link-2 {
    white-space: normal;
    word-break: normal;
    width: 100%;
    display: inline;
    overflow: visible;
  }

  .link-2-copy {
    white-space: normal;
    word-break: break-all;
    width: 100%;
    display: inline;
    overflow: visible;
  }
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ace {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-27e55ace {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5aee646-0230-1af5-125b-0f267991b468-27e55acf {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .75fr 1.25fr;
}

#w-node-d5aee646-0230-1af5-125b-0f267991b469-27e55acf, #w-node-d5aee646-0230-1af5-125b-0f267991b472-27e55acf {
  grid-column: span 2 / span 2;
}

#w-node-_58006b27-1854-bfb6-85bc-cf26a3da9bc5-27e55acf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-27e55ad1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-27e55ad2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad3 {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-27e55ad3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-27e55ad4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-27e55ad5, #w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-27e55ad6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-8cf63c1f {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-8cf63c1f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-445b8049 {
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ad4a5be9-fed0-1755-6632-acafbefc6a61-445b8049 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ace {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-27e55ace {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-27e55ad1 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-27e55ad2 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-27e55ad3 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-27e55ad4 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-27e55ad5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-27e55ad5 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-8cf63c1f {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-8cf63c1f {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798b-445b8049 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_9b6ba3c3-bfc9-769c-3bdf-1c0f72c2798c-445b8049 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d5aee646-0230-1af5-125b-0f267991b468-27e55acf {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr .25fr 1.25fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d5aee646-0230-1af5-125b-0f267991b468-27e55acf {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: grid;
  }
}