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

@font-face {
  font-family: Noedisplay;
  src: url('../fonts/NoeDisplay-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Bolt;
  src: url('../fonts/Bolt-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Hdivision i;
  src: url('../fonts/HDivision-I.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Hnervwarning;
  src: url('../fonts/HNERVWarning-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Hmagisystm;
  src: url('../fonts/HMagiSystm.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Hmagisystm;
  src: url('../fonts/HMagiSystm-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Hbushidosystm;
  src: url('../fonts/HBushidoSYSTM-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pixel square 10";
  src: url('../fonts/Pixel-Square-10.otf') format("opentype"), url('../fonts/Pixel-Square-10.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black-2: black;
  --green-yellow: #cbf207;
  --light-sea-green: #00b6b6;
  --orange-red: #ff3d00;
  --blue-2: blue;
  --lime: #31f517;
  --black: #111;
  --medium-sea-green: #3cc47c;
  --dark-orange: #f58e1e;
  --medium-violet-red: #df00a8;
  --green-yellow-2: #c8fc47;
  --spring-green: #45fe7a;
  --gold: #ffde00;
  --cyan-2: #1af7ed;
  --cyan: cyan;
  --dark-green: #0e5808;
  --deep-pink: #f0b;
  --blue: #0101eb;
  --white: white;
  --lime-2: #30f317;
  --white-5: #ffffff0d;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--black-2);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--green-yellow);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
}

h2 {
  color: var(--light-sea-green);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

h4 {
  color: var(--orange-red);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

h5 {
  color: var(--blue-2);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

p {
  color: var(--lime);
  margin-bottom: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-weight: 400;
}

ul, ol {
  color: var(--lime);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

li {
  color: var(--lime);
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.icon-holder {
  background-image: linear-gradient(to bottom, transparent 49%, var(--black-2) 51%), url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0;
}

.icon-holder.new {
  background-image: url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0;
  background-size: 25px 25px;
}

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

.div-content.bg {
  background-color: var(--black-2);
  background-color: #000;
}

.div-block-3 {
  border-left: 1px none var(--lime);
  width: 25%;
  height: 100%;
  position: relative;
}

.div-block-3.first {
  border-left-style: none;
  display: flex;
}

.div-block-4 {
  border-right: 1px solid var(--lime);
  border-left: 1px solid var(--lime);
  width: 25%;
  height: 100%;
  position: relative;
}

.div-block-4.last {
  border-left-style: none;
  border-right-style: none;
  justify-content: flex-end;
  width: 300px;
  display: flex;
}

.icon-1 {
  background-color: var(--black);
  border: 5px solid #ffffff14;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 20vh;
  left: -12px;
}

.icon-2 {
  background-color: var(--black);
  opacity: .08;
  background-image: url('../images/db-cross-white-1_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20vh;
  right: -12px;
}

.icon-3 {
  background-color: var(--black);
  border: 5px solid #ffffff14;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -12px;
  left: -12px;
}

.icon-4 {
  background-image: url('../images/db-cross-white-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 60vh;
  left: -12px;
}

.sub-text-1 {
  color: #fffc;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Bolt, sans-serif;
  font-size: .8em;
  font-weight: 600;
  line-height: 1.1em;
}

.div-wrap-1 {
  background-color: var(--lime);
  border-radius: 3px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 86%;
  padding: 25px 15px 15px;
  display: flex;
}

.button-1 {
  border: 2px solid var(--black);
  background-color: var(--black);
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Open Sans, sans-serif;
  font-size: .8em;
  font-weight: 700;
  line-height: 1em;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.button-1:hover {
  background-color: #fff3;
  border-color: #fff;
}

.icon-5 {
  background-color: var(--black);
  border: 5px solid #ffffff14;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12vh;
  left: -12px;
}

.icon-6 {
  background-image: url('../images/db-triangle-white-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 31px;
  height: 26px;
  position: absolute;
  bottom: 10vh;
  left: -16px;
}

.icon-7 {
  background-color: var(--black);
  border: 5px solid #ffffff14;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 30vh;
  left: -12px;
}

.icon-8 {
  background-image: url('../images/db-cross-white-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 55vh;
  left: -12px;
}

.icon-9 {
  background-image: url('../images/db-triangle-white-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  justify-content: center;
  width: 31px;
  height: 26px;
  position: absolute;
  bottom: 44vh;
  right: -16px;
}

.section-content {
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-5 {
  border-left: 1px solid #000;
  width: 25%;
  height: 100%;
  position: relative;
}

.card-wrap-2 {
  z-index: 1;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  top: 130vh;
}

.shape-1 {
  background-image: url('../images/db-shape-colour-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 150px;
  height: 300px;
  position: absolute;
  top: 10vh;
  right: 0;
}

.moon-1 {
  background-image: linear-gradient(to right, var(--medium-sea-green) 50%, #0000 50%);
  border-radius: 100px;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 55vh;
  right: -100px;
}

.icon-11 {
  border: 5px solid var(--medium-sea-green);
  border-radius: 15px;
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  top: 14vh;
  left: 3vw;
}

.icon-10 {
  border: 5px solid var(--medium-sea-green);
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: relative;
  top: 62vh;
  left: 5vw;
}

.section-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200vh;
  display: none;
  position: relative;
}

.div-block-6 {
  background-color: #0000;
  width: 75%;
  height: 10%;
  position: relative;
}

.section-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200vh;
  display: none;
  position: relative;
}

.icon-12 {
  background-image: url('../images/db-cross-colour-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  top: 87vh;
  left: 15vw;
}

.wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.social-link-1 {
  z-index: 10;
  background-color: #3cc47c;
  padding: 10px;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 6% auto auto 10%;
}

.social-link-1:hover {
  opacity: 1;
}

.db-logo {
  width: 100px;
}

.text-wrap-1-2 {
  z-index: 2;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: auto;
}

.text-1 {
  color: var(--medium-sea-green);
  font-family: Noedisplay, sans-serif;
  font-size: 4em;
  font-weight: 700;
  line-height: 1em;
}

.text-2 {
  color: #fffc;
  font-family: Noedisplay, sans-serif;
  font-size: 4em;
  font-weight: 700;
  line-height: 1em;
}

.text-3 {
  color: #fffc;
  margin-bottom: 20px;
  font-family: Noedisplay, sans-serif;
  font-size: 4em;
  font-weight: 700;
  line-height: 1em;
}

.subtext {
  color: #ffffff4d;
  margin-left: 2px;
  font-family: Bolt, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1em;
}

.text-link-1 {
  color: #fffc;
  text-decoration: none;
  transition: color .2s;
}

.text-link-1:hover {
  color: #3cc47c;
}

.line-wrap-1 {
  z-index: 1;
  width: 10px;
  height: 100px;
  display: none;
  position: fixed;
  bottom: 10vh;
  left: 12vw;
}

.dot-1 {
  background-color: var(--lime);
  justify-content: center;
  align-items: flex-start;
  width: 11px;
  height: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.section-link-1 {
  background-color: var(--lime);
  width: 100%;
  height: 100%;
}

.line-1 {
  background-color: var(--lime);
  width: 1px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  right: 0;
}

.dblogo-1 {
  margin-bottom: 20px;
  position: relative;
}

.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;
}

.index {
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  height: 100%;
  display: flex;
}

.main-image {
  z-index: 1;
  border: 1px solid var(--lime);
  width: 1200px;
  max-width: none;
  height: 612px;
  position: static;
  top: 0;
}

.linewrapper {
  z-index: 9999;
  flex-direction: column;
  align-items: flex-start;
  width: 30px;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
}

.linewrapper.left {
  align-items: center;
}

.linewrapper.right {
  margin-right: 140px;
}

.percent {
  color: #ff1657;
  margin-right: 1.5px;
  font-size: 9px;
  font-weight: 500;
  line-height: 10px;
  transform: rotate(90deg);
}

.linetrack {
  flex: 1;
  width: 5px;
  margin: 5px 0 10px;
}

.line {
  background-color: var(--lime);
  border-radius: 0;
  width: 1px;
  height: 1%;
}

.share-post {
  color: #fff;
  background-color: #ff1657;
  border-radius: 2px;
  width: 260px;
  padding: 5px 5px 5px 10px;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: 25px;
}

.share-button {
  height: 21px;
  margin-left: 5px;
}

.logo-holder {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
}

.logo {
  width: 50%;
  max-width: none;
  height: 50%;
}

.modal-wrapper {
  z-index: 3;
  background-color: var(--lime);
  border: 4px solid #000;
  flex-direction: column;
  width: auto;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  box-shadow: 8px 8px #000;
}

.modal-wrapper.roadmap {
  box-shadow: none;
}

.modal-wrapper.neonz {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
}

.modal-wrapper.neonz.wild {
  padding-left: 40px;
}

.modal-wrapper.neonz.wild._2 {
  align-items: flex-start;
  padding-left: 0;
}

.modal-wrapper.neonz.wild._2.hide, .modal-wrapper.neonz.wild._2.mob {
  display: none;
}

.modal-wrapper.neonz.wild.center {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 40px;
  display: block;
  position: static;
}

.modal-wrapper.neonz.wild.center.no-padding, .modal-wrapper.neonz.wild.center.the-future.no-margin {
  padding-left: 0;
}

.modal-header {
  background-color: var(--lime);
  text-align: center;
  border-bottom: 4px solid #000;
  padding: 14px 20px 14px 0;
  font-weight: 600;
  position: relative;
}

.button-circles-wrap {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: -10px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
}

.button-circle {
  background-color: var(--lime);
  border: 2px solid #000;
  border-radius: 0;
  width: 25px;
  height: 20px;
  margin-right: 8px;
}

.flex-center {
  justify-content: flex-start;
  display: flex;
}

.modal-body {
  border: 1px none var(--lime);
  background-color: var(--black-2);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 32px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  display: flex;
}

.modal-body._2 {
  background-color: #0000;
  padding-top: 40px;
  padding-left: 10px;
}

.modal-body.neonz {
  padding-left: 0;
}

.modal-body.neonz.new {
  align-items: stretch;
  padding-top: 0;
}

.modal-body.wild {
  background-color: #0000;
}

.modal-body.wild.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.modal-body.wild.no-padding.right {
  margin-left: 0;
}

.modal-body.wild.future-video {
  align-items: center;
}

.modal-body.wild.no-margin {
  padding-left: 0;
}

.modal-body.nobg {
  background-color: #0000;
}

.modal-body.nobg.facez {
  padding-left: 75px;
}

.row-space-between {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.button {
  color: #000;
  background-color: #c4c4c4;
  border: 4px solid #000;
  padding: 16px 24px;
  font-size: 2rem;
  font-weight: 600;
}

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

.title-win {
  color: var(--black-2);
  font-family: Hbushidosystm, sans-serif;
  font-weight: 400;
}

.wind-txt {
  color: var(--dark-orange);
  text-align: left;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.wind-txt.title {
  margin-top: 0;
}

.wind-txt.title.neonz {
  color: var(--medium-violet-red);
  font-size: 35px;
}

.wind-txt.title.neonz.wild {
  font-size: 27px;
}

.wind-txt.title.neonz.wild._45left {
  margin-left: 45px;
}

.wind-txt.title.neonz.wild.art {
  font-size: 20px;
}

.wind-txt.title.neonz.wild.margin {
  margin-right: 20px;
}

.wind-txt.title.neonz.wild.margin.pc {
  display: none;
}

.wind-txt.title.neonz.wild.margin.step-3 {
  text-align: center;
}

.wind-txt.title.mint {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1;
}

.wind-txt.title.mint.greeen {
  color: var(--green-yellow-2);
  margin-top: 15px;
}

.wind-txt.title.mint.spring {
  color: var(--spring-green);
}

.wind-txt.title.mint.gold {
  color: var(--gold);
}

.wind-txt.title.mint.cayan {
  color: var(--cyan-2);
}

.wind-txt.green {
  color: var(--lime);
  text-align: right;
}

.wind-txt.green.left {
  text-align: left;
  margin-left: 45px;
}

.wind-txt.green.left.margin {
  margin-left: 68px;
}

.wind-txt.green.left.margin.neonz {
  margin-top: 10px;
}

.wind-txt.green.left._2 {
  margin-bottom: 0;
}

.wind-txt.green.left.top, .wind-txt.green.left.padding-top {
  margin-top: 10px;
}

.wind-txt.green.left.facez {
  color: var(--medium-violet-red);
  text-shadow: 1px 1px 5px #000;
  margin-left: 0;
}

.wind-txt.green.left.center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wind-txt.green.left.new {
  font-size: 17px;
}

.wind-txt.green.left.new.blue {
  color: var(--cyan);
  margin-top: 20px;
}

.wind-txt.green.left.no-margin {
  margin-left: 0;
}

.wind-txt.green.left.no-margin.center {
  text-align: center;
  flex-direction: row;
  align-items: center;
}

.wind-txt.green.left.no-margin.center.top-padding {
  padding-top: 10px;
}

.wind-txt.green.left.no-margin.center.top-padding.cayan {
  color: var(--cyan);
  display: block;
}

.wind-txt.green.left.no-margin.center.margin40 {
  margin-top: 40px;
  display: block;
}

.wind-txt.green.left.no-margin.center.margin40._20 {
  margin-top: 20px;
}

._1st-section-holder {
  border: 1px solid var(--lime);
  background-color: var(--black-2);
  background-image: linear-gradient(to bottom, #00000063 40%, black 41%, var(--black-2) 41%), url('../images/squares-nft-art-sutu.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  box-shadow: inset -1px 6px 0 12px #000;
}

._1st-section-holder.neonz {
  background-image: linear-gradient(to bottom, #00000063 40%, black 41%, var(--black-2) 41%);
  border-top-right-radius: 0;
  padding-bottom: 40px;
}

._1st-section-holder.neonz.new {
  border-color: var(--cyan);
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

._1st-section-holder.wild {
  background-image: linear-gradient(to bottom, #00000063 40%, black 41%, var(--black-2) 41%);
  border-top-right-radius: 0;
}

.column-holder {
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 7%;
  display: flex;
}

.line-left-holder {
  justify-content: center;
  width: auto;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.line-right-holder {
  justify-content: flex-end;
  width: 1200px;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% auto;
}

.content-holder {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 99.5vw;
  height: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.hero {
  z-index: 3;
  background-color: var(--black-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  inset: 0 auto auto;
}

.hero.facez {
  height: 100vh;
}

.hero.facez.nobg {
  background-color: #0000;
}

.grid {
  background-color: #0000;
  background-image: radial-gradient(circle farthest-corner at 100% 0%, transparent 28%, var(--black-2) 31%);
  grid-template-rows: auto;
  grid-template-columns: 70% 1fr;
  height: 400px;
  margin-top: 30px;
  margin-left: 30px;
  position: relative;
  overflow: visible;
}

.grid._1 {
  background-image: none;
  align-items: start;
  height: auto;
}

.grid._1.neonz {
  grid-column-gap: 0px;
  grid-template-columns: 70% 30%;
  margin-left: 0;
}

.grid._1.neonz.wild {
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 55% 45%;
}

.grid._1.neonz.wild._2 {
  opacity: 1;
  mix-blend-mode: normal;
  grid-template-rows: auto;
}

.grid._1.neonz.wild._2._50 {
  grid-template-columns: 50% 50%;
}

.grid._1.neonz.wild._2._50.margin {
  margin-top: 60px;
}

.grid._1.neonz.wild._2.art {
  grid-template-columns: 1fr 1fr;
}

.grid._1.neonz.wild._2.art.margin {
  margin-top: 60px;
  margin-bottom: 40px;
}

.grid._1.neonz.wild._2.art.wide {
  width: 100%;
  padding-left: 20px;
}

.grid._1.neonz.wild._2.art.wide._3 {
  grid-template-rows: auto auto;
}

.grid._1.neonz.wild._40btm {
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 40px;
}

.grid._1.neonz.facez {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.decoration-holder {
  padding-right: 20px;
}

.decoration-holder.gif {
  z-index: 99;
  background-color: #0000;
  background-image: url('../images/bg_dec_neonz-sutu-nft-art.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.decoration-holder.gif._2 {
  background-image: none;
  flex-direction: row;
  justify-content: center;
  padding-right: 0;
  top: 0;
}

.decoration-holder.gif.absolute {
  background-color: #0000;
  background-image: none;
  justify-content: center;
  width: 400px;
  height: 400px;
  padding-right: 0;
  position: relative;
  inset: 0% 0% auto 767px;
  overflow: visible;
}

.decoration-holder.wild {
  margin-top: 40px;
  margin-bottom: 40px;
}

.decoration-holder.wild.center {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0;
  display: flex;
  position: relative;
}

.decoration-holder.centered {
  justify-content: center;
}

.modal-body-holder {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--lime);
  background-color: var(--black-2);
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 10px 32px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  display: flex;
}

.modal-body-holder.upstroke {
  border-top-style: solid;
}

.modal-body-holder.neonz {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.modal-body-holder.neonz.wild {
  background-color: #0000;
}

.modal-body-holder.neonz.wild._2 {
  padding-left: 0;
}

.dark-green {
  color: var(--dark-green);
}

.line-win {
  background-color: var(--black-2);
  width: 100%;
  height: 1px;
  margin-left: 10px;
  margin-right: 20px;
}

.line-holder {
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  padding-right: 30px;
  display: flex;
}

.line-holder.first {
  width: 10%;
  padding-right: 20px;
}

.button-2 {
  color: #131313;
  letter-spacing: .5px;
  background-color: #fd3846;
  background-image: url('../images/grunge.png');
  background-position: 100% 0;
  background-size: 540%;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  font-size: 9px;
  line-height: 1;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  box-shadow: 0 8px 6px -6px #000;
}

.button-2:hover {
  color: #131313;
  transform: translate(0, -1px);
  box-shadow: 0 12px 16px -6px #000;
}

.button-2.button--white {
  background-color: #fff;
}

.button-2.button--white.button--outline {
  color: #fff;
  background-color: #0000;
  border: 1px solid #ffffff40;
  padding: 15px 19px;
  transition: border .2s, transform .2s, box-shadow .2s;
}

.button-2.button--white.button--outline:hover {
  border-color: #4254ff;
}

.button__icon {
  height: 11px;
  margin-right: 8px;
  transform: translate(0, -1px);
}

.menu {
  display: none;
  position: fixed;
  inset: 0%;
}

.items {
  justify-content: center;
  align-items: center;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.logo-link {
  background-color: #0000;
  border-radius: 0%;
  flex: none;
  width: 48px;
  height: 48px;
  padding: 4px;
  display: block;
  overflow: hidden;
}

.link {
  color: var(--deep-pink);
  text-decoration: underline;
}

.item {
  z-index: 3;
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
}

.item.opens--menu {
  display: flex;
}

.item.item--divided {
  border-left: 1px solid #ffffff40;
  padding-left: 16px;
}

.item.first {
  margin-left: 40px;
}

.item.first.footer.last.mob {
  display: block;
}

.item.first.footer.mob {
  display: none;
}

.item.first.footer {
  margin-left: 0;
  margin-right: 0;
}

.item.first.footer.last {
  margin-left: 20px;
}

.menu__iframe {
  border-top: 1px solid #ececec;
  flex: 1;
  margin-top: 16px;
  margin-left: -24px;
  margin-right: -24px;
  overflow: scroll;
}

.menu__title {
  color: #131313;
}

.style--mono {
  text-transform: none;
  line-height: 1;
}

.style--mono.xxs {
  font-size: .5em;
  line-height: 2;
}

.style--mono.s {
  font-size: 14px;
}

.style--mono.xs {
  font-size: .7em;
  line-height: 2;
}

.menu__close {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 24px;
}

.menu__scrim {
  background-color: #13131380;
  position: fixed;
  inset: 0%;
}

.navbar {
  z-index: 9999;
  cursor: auto;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  padding: 24px 32px;
  display: flex;
  position: absolute;
  inset: auto;
}

.twitter {
  margin-top: 8px;
  margin-bottom: 0;
  position: fixed;
  bottom: 32px;
  left: 32px;
}

.menu__body {
  z-index: 9999;
  transform-origin: 0%;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  width: 448px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: fixed;
  top: 24px;
  bottom: 24px;
  left: 24px;
  overflow: hidden;
}

.menu-link {
  color: var(--lime);
  font-family: Hbushidosystm, sans-serif;
  text-decoration: none;
}

.menu-link:hover {
  color: var(--orange-red);
}

.analytics-link {
  color: #ffffff80;
  text-align: right;
  position: fixed;
  bottom: 32px;
  right: 32px;
}

.menu-icon {
  margin-left: 8px;
  margin-right: 0;
  position: static;
}

.top {
  z-index: 3;
  position: absolute;
}

.menu-line {
  background-color: var(--lime);
  width: 1px;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.scanlines {
  z-index: 1;
  opacity: .15;
  position: fixed;
  inset: 0%;
}

.grid__horizontal {
  z-index: 0;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  display: flex;
}

.vertical-line {
  background-color: #63b852;
  width: 2px;
  height: 100%;
  box-shadow: 0 0 10px #3ae94c;
}

.page-wrapper {
  perspective: 2000px;
  width: 99vw;
  height: 100vh;
  overflow: hidden;
}

.scanlines__video {
  filter: saturate(0%);
  width: 100%;
  height: 100%;
}

.grid__vertical {
  z-index: 0;
  justify-content: space-around;
  width: 100%;
  height: 200vh;
  display: flex;
  position: absolute;
  top: 0%;
}

.horizontal-line {
  background-color: #63b852;
  width: 100%;
  height: 2px;
  box-shadow: 0 0 10px #3ae94c;
}

.grid__horizontal-wrapper {
  z-index: 1;
  width: 100%;
  height: 400vh;
  position: absolute;
  top: 0%;
}

.grid-2 {
  width: 100vw;
  height: 200vh;
  transform-style: preserve-3d;
  position: relative;
  overflow: hidden;
  transform: translate(0, -50vh)rotateX(69deg)rotateY(0)rotateZ(0);
}

.grid__mask {
  z-index: 2;
  width: 100%;
  height: 200vh;
  transform-style: preserve-3d;
  background-image: radial-gradient(circle, #0000, #000 69%);
  position: absolute;
  transform: translate3d(0, 0, 2000px);
}

.grid-wrapper {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.grid-3 {
  border: 1px solid var(--blue);
  grid-template: "Area Area-2 Area-3 Area-4"
                 "Area-5 Area-5 Area-5 Area-5"
                 / 1fr 1fr 1fr 1fr;
  justify-items: start;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
}

.slogan-holder {
  width: 430px;
  position: relative;
  top: auto;
  bottom: 36px;
}

.handwritten {
  color: var(--lime);
  text-align: center;
  margin-top: 20px;
  font-family: Thunderstorm, sans-serif;
  font-size: 43px;
}

.slogan2-txt-bg {
  border: 1px solid var(--blue);
  background-color: var(--black-2);
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}

.sloagn {
  color: var(--medium-violet-red);
  font-family: Hbushidosystm, sans-serif;
}

.btn-buy {
  background-color: var(--orange-red);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 20px;
  display: flex;
  position: static;
}

.btn-buy.enter {
  margin-left: 10px;
}

.btn-buy.enter.pink {
  background-color: var(--medium-violet-red);
  margin-left: 0;
}

.btn-buy.enter.pink.hide {
  display: none;
}

.btn-buy.absol {
  opacity: 1;
  display: none;
  position: absolute;
  inset: auto 27% -11% auto;
}

.btn-buy.pink {
  background-color: var(--medium-violet-red);
}

.btn-buy.pink._40top {
  margin-top: 40px;
}

.btn-buy.pink._40top._45left {
  margin-left: 45px;
}

.btn-buy.pink._40top._45left.btn-neonz-faces-sync {
  margin-top: 10px;
}

.btn-buy.pink._20left {
  margin-right: 20px;
}

.link-btn {
  color: #000;
  text-transform: uppercase;
  margin: 8px 20px 6px;
  font-family: Exo, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

.link-btn:hover {
  filter: brightness(130%);
  text-decoration: none;
}

.link-btn.gallery {
  margin-top: 9px;
  margin-bottom: 5px;
}

.text-btn1 {
  z-index: 10;
  color: var(--green-yellow);
  direction: ltr;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.text-btn1.mixed {
  text-transform: none;
}

.text-btn1.new {
  color: #30f317;
}

.text-btn3 {
  z-index: 1;
  filter: blur(12px);
  color: #ffed26;
  font-family: "Pixel square 10 (1)";
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-btn3.mixed {
  text-transform: none;
}

.text-btn2 {
  z-index: 3;
  filter: brightness(200%) blur(3px);
  color: #f3e80c;
  font-family: "Pixel square 10 (1)";
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-btn2.mixed {
  text-transform: none;
}

.btn-view {
  background-color: var(--lime);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 16px;
  display: flex;
}

.btn-view._45left {
  margin-left: 45px;
}

.btn-view._45left._40down {
  margin-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-view.pink {
  background-color: var(--medium-violet-red);
}

.txt-view {
  z-index: 10;
  color: var(--black-2);
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.txt-view.green {
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-weight: 400;
}

.txt-view-2 {
  z-index: 3;
  filter: brightness(200%) blur(3px);
  color: var(--black);
  font-family: "Pixel square 10 (1)";
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.txt-view-3 {
  z-index: 1;
  filter: blur(12px);
  color: var(--black-2);
  font-family: "Pixel square 10 (1)";
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.animated-svg {
  padding-right: 0;
}

.animated-svg.abs {
  position: absolute;
  inset: 19% 0% 0% 22%;
}

.grid-5 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 80px;
  display: flex;
  position: relative;
}

.btn-holder {
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 15px;
  display: flex;
  position: relative;
  top: -26px;
  left: 359px;
}

.grid-holder-blue {
  flex-direction: row;
  width: 460px;
  height: 20px;
  margin-right: 40px;
  display: flex;
}

.shape {
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: var(--blue-2);
  width: 20px;
  height: 20px;
}

.shape.last {
  border-right-style: solid;
}

.shape-btn {
  background-color: var(--blue-2);
  width: 34px;
  height: 7px;
  margin-bottom: 16px;
  margin-left: 16px;
}

.green-stroke {
  z-index: 99;
  border-bottom: 5px solid var(--lime);
  background-color: var(--lime);
  width: 1100px;
  height: 1px;
  margin-top: 0;
  position: static;
  inset: auto 0% 0%;
}

.green-stroke._4th {
  width: 1140px;
  margin-top: 20px;
}

.green-stroke._4th._2 {
  margin-top: 10px;
}

.green-stroke._4th.cayan {
  border-bottom-width: 1px;
  border-bottom-color: var(--cyan-2);
  background-color: var(--cyan-2);
  height: 1px;
  margin-top: 0;
}

.green-stroke._4th.cayan.margin-top {
  margin-top: 20px;
}

._2nd-section-holder {
  border: 1px solid var(--lime);
  background-color: var(--black-2);
  background-image: linear-gradient(to bottom, #00000063 25%, var(--black-2) 25%, black 25%), url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  box-shadow: inset -1px 6px 0 12px #000;
}

._2nd-section-holder.index {
  padding-bottom: 20px;
}

.sutuverse-holder._4th {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sutuverse-holder._4th.neonz {
  height: 850px;
}

.sutuverse-holder._4th.neonz.mint, .sutuverse-holder._4th.neonz.auto {
  height: auto;
}

.sutuverse-holder._4th.neonz.auto.margin-top {
  margin-top: 40px;
}

.grid-6 {
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area Area"
                       "Area-2 Area-3 Area-4";
  margin-left: 30px;
  margin-right: 30px;
}

.sutuverse-title-holder {
  justify-content: center;
  padding-top: 40px;
  display: flex;
}

.sutuverse-title-holder._4thsec {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0;
}

.sutuverse-title-holder._4thsec._100 {
  flex-direction: row;
  width: 100%;
}

.sutuverse-title-holder.news {
  justify-content: flex-start;
}

.card-holder {
  position: relative;
}

.card-img-holder {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.card-img-holder.video {
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}

.card-img-holder.news {
  border: 1px solid var(--lime);
  background-image: url('../images/Ted_Main_Stage.png');
  background-position: 0 0;
  background-size: auto;
  width: 354px;
  height: 236px;
  overflow: visible;
}

.card-img-holder.news._2 {
  background-image: url('../images/choose_your_player.jpg');
}

.card-img-holder.new {
  border: 1px solid var(--cyan);
  border: 1px solid #0ff;
}

.card-txt-holder {
  justify-content: center;
  height: auto;
  margin-top: 10px;
  display: flex;
}

.card-title-holder {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% -7%;
}

.card-img {
  border: 1px solid var(--lime);
}

.title-bg {
  border: 1px solid var(--lime);
  background-color: var(--black-2);
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 7px;
  display: flex;
  position: relative;
}

.title-bg.main {
  padding-right: 7px;
}

.title-wrapper {
  align-items: flex-end;
  width: 80%;
  height: 50px;
  padding-bottom: 14px;
  display: flex;
}

.title-wrapper.art {
  width: auto;
}

.title-wrapper.art.neonz-blockborn {
  height: 50px;
  padding-bottom: 0;
}

.card-title-txt {
  color: var(--medium-violet-red);
  white-space: nowrap;
  margin-left: 7px;
  font-family: Hmagisystm, sans-serif;
  font-size: 22px;
  line-height: 1;
}

.title-badge-holder {
  margin-left: 7px;
  position: relative;
  top: 16px;
}

.title-badge-bg {
  background-color: var(--lime);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.title-badge-bg.game {
  background-color: var(--lime);
  background-image: none;
  justify-content: center;
  width: 65px;
  height: 50px;
}

.badge-txt {
  color: var(--black-2);
  font-family: Hmagisystm, sans-serif;
  font-size: 20px;
  line-height: 1;
}

.card-txt-wrapper {
  border: 1px solid var(--lime);
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 354px;
  height: 200px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
  display: flex;
}

.card-txt-wrapper.news {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.card-txt {
  color: var(--lime);
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 60px;
  font-family: "Pixel square 10 (1)";
  font-size: 17px;
  line-height: 1;
}

.card-txt.news {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

.qr-code-holder {
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  display: flex;
}

.qr-code-holder.wild {
  margin-bottom: 40px;
}

.qr-code-holder.wild.facez {
  align-items: flex-start;
  margin-top: 0;
}

.qr-code-holder.timer {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}

.qr-code-holder.right {
  justify-content: flex-end;
  margin-right: 0;
  padding-right: 40px;
}

.qr-code {
  padding-left: 120px;
}

.qr-code.big {
  padding-left: 0;
}

.scan-icon {
  height: 90px;
}

.scan-icon.plus {
  margin-right: 20px;
}

.card-btn-holder {
  justify-content: flex-end;
  padding-top: 10px;
  padding-right: 40px;
  display: flex;
}

.sutuverse-img-holder {
  justify-content: center;
  margin: 40px auto 10px;
  display: flex;
}

.sutuverse-img-holder._2nd {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -124px;
}

.sutuverse-img-holder.index {
  height: auto;
}

.sutuverse-img-main {
  border: 1px none var(--lime);
}

._3rd-section-holder {
  border: 1px none var(--lime);
  background-color: #0000;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
}

.green {
  color: var(--lime);
}

._4th-section-holder {
  border: 1px solid var(--lime);
  background-color: var(--black-2);
  background-image: linear-gradient(to bottom, #00000063 72%, black 73%, var(--black-2) 73%), url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  box-shadow: inset -1px 6px 0 28px #000;
}

._4th-section-holder.neonz {
  background-image: none;
  border-top-right-radius: 0;
}

._4th-section-holder.neonz.new {
  border-color: var(--cyan);
}

._4th-section-holder.blackbg {
  background-image: none;
  padding-bottom: 40px;
}

.pixelsquare {
  background-color: var(--black-2);
  color: var(--medium-violet-red);
  margin-top: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.left-title {
  align-items: flex-start;
  display: flex;
}

.left-title.wild {
  padding-left: 45px;
}

.left-title.facez {
  align-items: center;
  margin-top: 20px;
}

.left-title.margin {
  margin-bottom: 10px;
}

.left-title.center {
  align-items: center;
}

.left-title.center.right {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 20px;
}

.left-title.center.right.no-padding {
  padding-top: 0;
}

.left-title.middle {
  align-items: center;
}

.left-title.step-3 {
  justify-content: center;
  width: 100%;
}

.h74 {
  color: var(--lime);
  margin-top: 0;
  font-family: Hbushidosystm, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
}

.h74.wild {
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 34px;
}

.h74.news {
  font-family: "Pixel square 10 (1)";
}

.h74.center {
  justify-content: center;
  display: flex;
}

.h74.center.cayan {
  color: var(--cyan-2);
  font-size: 41px;
}

.h74.center.cayan.small {
  text-align: center;
  font-size: 24px;
}

.h74.center._41, .h74._41 {
  font-size: 41px;
}

.arrow {
  width: 50px;
  margin-right: 20px;
}

.arrow.neonz {
  width: 25px;
}

.arrow.neonz.rotate {
  transform: rotate(180deg);
}

.arrow.neonz.facez {
  width: 40px;
}

.arrow.neonz.art {
  margin-bottom: 7px;
}

.arrow.neonz.step-3 {
  display: none;
}

.arrow.right {
  width: 25px;
}

.pink {
  color: var(--medium-violet-red);
  text-align: left;
  text-decoration: none;
}

.pink._12 {
  display: none;
}

.video {
  width: 99.5vw;
  height: 100vh;
}

.card-link {
  border: 1px solid var(--lime);
  color: #1f1f1f;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.card-link:hover {
  text-decoration: underline;
}

.card-link.index {
  width: 60%;
  height: 60%;
}

.card-link.slider {
  border-color: var(--light-sea-green);
  flex-direction: column;
  align-items: center;
  width: 99%;
  height: auto;
  margin-top: auto;
  display: block;
}

.card-link.slider.soon {
  border-top-color: var(--light-sea-green);
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.card-link.slider.no-stroke {
  border-style: none;
}

.card-wrapper {
  border-radius: .25rem;
  width: 100%;
  height: auto;
  max-height: 80rem;
  position: relative;
  overflow: hidden;
}

.card-wrapper._208 {
  border: 5px solid #31f517;
  width: 208px;
  height: 208px;
}

.card-wrapper._208.small {
  width: 104px;
  height: 104px;
}

.card-wrapper._277 {
  border: 5px solid #31f517;
  width: 277px;
  height: 277px;
}

.card-wrapper._277.small {
  width: 130px;
  height: 130px;
}

.card-wrapper._308 {
  border: 5px solid #31f517;
  width: 308px;
  height: 308px;
}

.card-wrapper._308.small {
  width: 150px;
  height: 150px;
}

.card-wrapper.coming-soon {
  background-image: linear-gradient(#00000080, #00000080);
}

.full-image {
  object-fit: cover;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: relative;
}

.full-video {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.modal-body-holder-small {
  border: 1px solid var(--lime);
  background-color: var(--black-2);
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 10px 32px;
  display: flex;
}

.txt-wrapper {
  justify-content: center;
  align-items: center;
  margin: 40px 45px 10px;
  display: flex;
  position: relative;
}

.grid-7 {
  grid-template: "Area Area-2"
                 "Area-3 Area-3"
                 / 30% 1fr;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

._5th-section-holder {
  border: 1px none var(--lime);
  background-color: #0000;
  background-image: radial-gradient(circle farthest-corner at 100% 0%, transparent 31%, var(--black-2) 33%);
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  position: relative;
  overflow: visible;
}

._5th-section-holder.neonz {
  background-color: var(--black-2);
}

._5th-section-holder.blackb {
  background-color: var(--black-2);
  margin-top: 0;
  padding-top: 20px;
}

.bg-decor-bottom {
  z-index: 99;
  background-color: #0000;
  background-image: radial-gradient(circle farthest-corner at 0% 0%, transparent 49%, var(--black-2) 54%);
  position: absolute;
}

.card-video {
  z-index: 1;
  border: 1px solid var(--lime);
  width: 354px;
  height: 236px;
}

.grid-8 {
  z-index: 100;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.btm-gif-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.btm-gif-wrapper.bottom {
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}

.btm-gif-wrapper.flex {
  justify-content: space-between;
}

.gif-1 {
  position: relative;
  top: -16px;
  left: 43px;
}

.gif-2 {
  position: relative;
  top: -22px;
  left: 39px;
}

.gif-3 {
  position: relative;
  left: 36px;
}

.gif {
  position: relative;
  top: auto;
  left: auto;
}

.gif._1 {
  position: relative;
  top: -100px;
  right: 103px;
}

.gif._2 {
  top: 58px;
  left: -26px;
}

.gif._3 {
  top: 87px;
  left: -65px;
}

.gif._4 {
  top: -47px;
  left: 123px;
}

.gif._5 {
  top: 72px;
  left: 241px;
}

.gif._6 {
  top: -47px;
  left: 115px;
}

.gif._7 {
  top: 77px;
  left: 235px;
}

.gif._9 {
  top: 100px;
  left: -41px;
}

.gif._10 {
  top: 38px;
  left: -69px;
}

.gif._11 {
  top: -8px;
  left: -39px;
}

.gif._12 {
  top: -50px;
  left: -25px;
}

.gif._8 {
  top: 74px;
  left: -58px;
}

.gif._14 {
  top: 56px;
  left: -109px;
}

.gif._15 {
  top: 80px;
  left: -85px;
}

.gif._16 {
  top: 99px;
  left: -82px;
}

.gif._17 {
  top: -68px;
  left: 61px;
}

.gif._18 {
  top: 93px;
  left: -93px;
}

.gif._19 {
  left: -134px;
}

.gif._20 {
  top: 54px;
  left: -163px;
}

.gif._21 {
  top: -56px;
  left: -75px;
}

.gif._22 {
  top: -14px;
  left: 31px;
}

.gif._23 {
  top: -33px;
  left: 52px;
}

.gif._24 {
  top: -42px;
  left: 71px;
}

.gif._25 {
  top: -49px;
  left: 207px;
}

.gif._26 {
  top: -74px;
  left: 192px;
}

.game {
  background-color: var(--black-2);
  background-image: url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 25px 25px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 100%;
  display: flex;
}

.navbar--game {
  z-index: 9999;
  cursor: auto;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  padding: 24px 32px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.navbar--game.full {
  width: auto;
}

.navbar--game.bg {
  background-color: var(--black-2);
  position: relative;
}

.menu-holder {
  width: 1200px;
  position: absolute;
}

.bg-black {
  z-index: 2;
  background-color: var(--black-2);
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 99vw;
  height: 1000px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.hero-video {
  z-index: 2;
  border: 1px none var(--lime);
  color: #1f1f1f;
  width: 99vw;
  height: 100vh;
  text-decoration: none;
  position: relative;
}

.hero-video:hover {
  text-decoration: underline;
}

.full-video-hero {
  z-index: 2;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.card-wrapper-hero {
  z-index: 2;
  border-radius: .25rem;
  width: 100%;
  height: auto;
  max-height: 80rem;
  position: relative;
  overflow: hidden;
}

.gamemain {
  background-color: var(--black-2);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: auto;
  display: block;
}

.hero-title {
  color: var(--lime);
  text-shadow: 2px 2px #000;
  margin-bottom: 20px;
  font-family: Hdivision i, sans-serif;
  font-size: 43px;
  font-weight: 400;
}

.hero-subtitle {
  color: var(--lime);
  text-shadow: 2px 2px #000;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 34px;
}

.hero-subtitle.margin {
  margin-top: 10px;
}

.bg-black-holder {
  z-index: 2;
  background-color: #0000;
  background-image: linear-gradient(#00000080, #00000080);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 99vw;
  height: 100vh;
  display: none;
  position: relative;
  inset: auto 0% 0%;
}

.desktop {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-desktop {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 99.5vw;
  height: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.div-block-1-index {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0;
}

.txt-holder.sync, .txt-holder.margin-top {
  margin-top: 20px;
}

.btn-holder-neonz {
  margin-top: 40px;
  margin-left: 45px;
  display: flex;
}

.btn-holder-neonz.new {
  align-items: center;
  max-width: 65%;
  margin-top: 10px;
  margin-left: 0;
}

.neonz-heder-holder-grid {
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area Area"
                       "Area-2 Area-3 Area-4";
  margin-left: 30px;
  margin-right: 30px;
}

.header-holder {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 30px;
  display: block;
}

.header-holder.mob {
  display: none;
}

.header-holder.padding-top {
  padding-top: 20px;
}

.header-holder.padding-top.mint-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-holder.padding-top.mint-grid._40padding {
  grid-template-columns: .25fr .5fr .25fr;
  margin-bottom: 40px;
}

.slidergrid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-content: center;
  width: 90%;
}

.slidergrid._2 {
  width: 80%;
}

.slidergrid._4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: auto;
}

.slider {
  background-color: #0000;
  height: 700px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.slide-nav {
  color: var(--dark-green);
}

.slide-title-holder {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--light-sea-green) var(--lime) var(--lime);
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-top: 10px;
  padding-left: 10px;
  display: flex;
}

.slide-title-holder.center {
  border-top-style: none;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
}

.slide-title {
  color: var(--lime);
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.arrow-down-holder {
  z-index: 5;
  justify-content: center;
  height: 80px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.arrow-down {
  padding-bottom: 20px;
}

.instruction-header-holdder {
  border: 1px solid var(--lime);
  background-color: #0000009e;
  border-radius: 0;
  width: 50%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

.header-instructions {
  color: var(--lime);
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 16px;
}

.div-block-1-copy {
  background-image: url('../images/squares-nft-art-sutu-blue.png');
  background-size: 25px 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0;
}

.proc-holder {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.proc {
  margin-right: 40px;
}

.proc.last {
  margin-right: 0;
}

.card-img-holder-copy {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.card-img-holder-copy.video {
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}

.card-img-holder-copy.facez {
  align-items: stretch;
}

.card-title-holder-copy {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% -7%;
}

.wild-img2 {
  position: relative;
  top: -117px;
  left: -162px;
}

.card-link-copy.wild {
  border-color: var(--dark-green);
  width: 34%;
  position: relative;
  top: -23px;
}

.card-link-copy.wild.video {
  width: 25%;
  height: auto;
  top: -80px;
  left: -26px;
}

.card-link-copy.wild._277 {
  width: 277px;
  height: 277px;
}

.card-link-copy.wild._277.small {
  border-style: none;
  width: 130px;
  height: 130px;
  top: 98px;
  left: 258px;
}

.card-link-copy.wild-red {
  z-index: 3;
  border-color: var(--dark-green);
  width: 34%;
  margin-left: 20px;
}

.card-link-copy.wild-red.snow {
  width: 25%;
  top: -28px;
  left: 49px;
}

.card-link-copy.wild-red._308 {
  z-index: 5;
  border-style: none;
  border-width: 2px;
  width: 308px;
  height: 308px;
  left: -49px;
}

.card-link-copy.wild-red._308.small {
  width: 150px;
  height: 150px;
  top: 60px;
  left: 54px;
}

.card-link-copy.wild-red.facez {
  left: 90px;
}

.card-link-copy.wild-blue {
  border-color: var(--dark-green);
  width: 34%;
}

.card-link-copy.wild-blue.sea {
  width: 25%;
  top: -34px;
  left: -98px;
}

.card-link-copy.wild-blue._208 {
  z-index: 6;
  width: 208px;
  height: 208px;
  top: 172px;
  left: 75px;
}

.card-link-copy.wild-blue._208.small {
  width: 104px;
  height: 104px;
  left: 142px;
}

.card-title-holder-wild {
  z-index: 4;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 151px 0% 0%;
}

.card-title-holder-wild.wild {
  top: 200px;
}

.card-holder-copy {
  position: relative;
  left: -74px;
}

.grid-6-copy {
  grid-row-gap: 0px;
  grid-template-columns: 3fr 3fr 3fr;
  grid-template-areas: "Area Area Area Area Area"
                       "Area-2 Area-3 Area-4 . .";
  grid-auto-columns: .25fr;
  margin-left: 30px;
  margin-right: 30px;
}

.card-link-copy-2 {
  color: #1f1f1f;
  border: 1px solid #31f517;
  width: auto;
  text-decoration: none;
  position: relative;
}

.card-link-copy-2:hover {
  text-decoration: underline;
}

.sutuverse-img-main-2 {
  border: 1px #31f517;
}

.card-title-holder-facez {
  z-index: 4;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 66px 0% 0% -119%;
}

.card-title-holder-facez.wild {
  top: 200px;
}

.plus {
  width: 50px;
  height: 50px;
}

.arrow-lottie-holder.hide {
  display: none;
}

.arrow-right {
  color: #000;
  background-color: #0000;
  width: 35px;
  height: 35px;
  transform: rotate(-90deg);
}

.arrow-right.enter {
  margin-right: 20px;
}

._w-accordion-item-a {
  padding: 20px 20px 30px;
}

.c-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

._w-accordion-content-divider {
  padding-left: 20px;
  padding-right: 20px;
}

.faq {
  margin-bottom: 20px;
}

.accordion-item-q-icon-stripe-2 {
  background-color: var(--lime);
  width: 2px;
  height: 100%;
  position: absolute;
}

.faq-question {
  color: var(--lime);
  font-family: "Pixel square 10 (1)";
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4em;
}

.c-accordion-item-q-text {
  flex: 1;
  align-items: center;
  padding: 10px 20px 0;
  display: flex;
}

.accordion-content-divider {
  border-bottom: 1px dashed #3333;
  width: 100%;
  height: 0;
}

.c-accordion-item-a {
  overflow: hidden;
}

._w-accordion-item {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--light-sea-green) var(--lime) var(--lime);
  background-color: var(--black-2);
  cursor: pointer;
  border-radius: 0;
  transition: all .25s;
}

._w-accordion-item:hover {
  border-color: #31f5173d;
  box-shadow: 1px 1px 15px #31f517bf;
}

._w-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  position: relative;
}

.accordion-item-q-icon-stripe-1 {
  background-color: var(--lime);
  width: 100%;
  height: 2px;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  position: relative;
}

.c-accordion-item {
  background-color: var(--light-sea-green);
  margin-bottom: 10px;
}

.c-accordion-item.last {
  border-bottom: 1px solid var(--light-sea-green);
  background-color: var(--light-sea-green);
}

.faq-answer {
  color: var(--lime);
  margin-bottom: 0;
  font-family: "Pixel square 10 (1)";
  font-size: 16px;
  line-height: 1;
}

._w-accordion-item-q {
  display: flex;
}

.faq-title-holder {
  background-color: var(--black-2);
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.faq-title-holder.last {
  margin-bottom: 10px;
  padding-top: 20px;
}

.neonzlogo {
  width: 54px;
}

.nav-link-details {
  color: #28333899;
  white-space: normal;
  font-size: 14px;
}

.dropdown-title {
  margin-bottom: 2px;
  font-size: 15px;
}

.navigation-mob {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.icon-wrap {
  background-color: #8c54ff0d;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 11px;
  display: flex;
}

.dropdown-link-mobile {
  color: #283338;
  width: 100%;
  padding: 20px 22px 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-mobile:hover {
  background-color: #f8faff;
}

.navigation-container-mob {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 12px;
  display: flex;
}

.content-holder-index-mob {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 99.5vw;
  height: auto;
  display: none;
  position: static;
  inset: 0%;
}

.hero-mob {
  z-index: 3;
  background-color: var(--black-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
  position: relative;
  inset: 0 auto auto;
}

.hero-mob.facez {
  height: 100vh;
}

.hero-mob.facez.nobg {
  background-color: #0000;
}

.wrapper-mob {
  flex-direction: column;
  align-items: center;
  display: none;
}

.content-mob {
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 100vh;
  display: none;
  position: relative;
  overflow: visible;
}

.enter-holder {
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  display: flex;
}

.enter-holder.wild {
  margin-bottom: 40px;
}

.enter-holder.wild.facez {
  align-items: flex-start;
  margin-top: 0;
}

.modal-body-holder-copy {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--lime);
  background-color: var(--black-2);
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 10px 32px;
  display: flex;
}

.modal-body-holder-copy.upstroke {
  border-top-style: solid;
}

.modal-body-holder-copy.neonz {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.modal-body-holder-copy.neonz.wild {
  background-color: #0000;
}

.modal-body-holder-copy.neonz.wild._2 {
  padding-left: 0;
}

.body-test {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-mob-video {
  z-index: 3;
  background-color: var(--black-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
  position: relative;
  inset: 0 auto auto;
}

.hero-mob-video.facez {
  height: 100vh;
}

.hero-mob-video.facez.nobg {
  background-color: #0000;
}

.body-copy {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-title {
  color: #ffd2dd;
  margin-bottom: 22px;
  font-size: 17px;
}

.footer-wrapper {
  align-items: center;
  display: flex;
}

.footer-arrow {
  background-color: #ffd2dd;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
}

.footer-grid-02 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

.footer-column-right {
  flex-direction: column;
  align-items: flex-end;
  padding-right: 40px;
  display: flex;
}

.footer-column-right.horizontal {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 0;
}

.footer-10 {
  background-color: var(--black-2);
  width: 1200px;
  padding: 60px 3%;
}

.footer-10.no-bg {
  border-top: 1px #000;
  border-right: 1px none var(--lime);
  border-left: 1px none var(--lime);
  background-color: #0000;
}

.footer-10.index99 {
  z-index: 99;
  position: relative;
}

.logo-footer {
  margin-bottom: 0;
}

.footer-link-green {
  color: var(--lime);
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  display: block;
}

.footer-link-green:hover {
  color: var(--medium-violet-red);
}

.container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.text-rights {
  color: #1e283380;
  margin-right: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.footer-column {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.footer-column.horizontal {
  flex-direction: row;
  align-items: flex-start;
}

.secondary-link-dark {
  color: #1e2833;
  margin-right: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.paragraph {
  max-width: 360px;
  color: var(--lime);
  font-family: "Pixel square 10 (1)";
  font-size: 15px;
}

.paragraph.footer {
  margin-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.footer-bottom {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  margin-top: 92px;
  display: flex;
}

.slogan-footer-wrapper {
  margin-left: 20px;
}

.orange {
  color: var(--dark-orange);
}

.green-small {
  text-align: left;
  font-size: 12px;
}

.div-block-7 {
  background-color: #fff;
  border: 10px solid #cdff05;
  border-radius: 1px;
}

.countdown-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.countdown-block {
  color: #fff;
  background-color: #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60px;
  margin: 5px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
}

.countdown-time {
  color: var(--medium-violet-red);
  text-align: center;
  font-family: "Pixel square 10 (1)";
  font-size: 15px;
  line-height: 25px;
}

.countdown-detail {
  color: var(--lime);
  text-align: center;
  font-family: "Pixel square 10 (1)";
  font-size: 10px;
}

.launching {
  color: var(--medium-violet-red);
  text-align: center;
  font-family: "Pixel square 10 (1)";
}

.time-grid {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.big-number {
  color: var(--medium-violet-red);
  text-align: center;
  font-family: "Pixel square 10 (1)";
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

.text-block {
  color: var(--lime);
  text-align: center;
  font-family: "Pixel square 10 (1)";
  font-size: 10px;
  line-height: 20px;
}

.main-content {
  padding-top: 100px;
  padding-bottom: 100px;
}

.rich-text-block, .heading {
  color: var(--lime);
  font-family: "Pixel square 10 (1)";
}

.div-block-8 {
  object-fit: fill;
}

.paragraph-2, .paragraph-3 {
  color: var(--lime);
  font-family: "Pixel square 10 (1)";
}

.btn-discord-holder {
  color: #0f0;
  align-self: center;
  display: flex;
}

.btn-discord {
  background-color: #0f0;
  border-radius: 11px;
  display: flex;
}

.img-wrapper {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 7px;
  padding-top: 0;
}

.icon-3-2 {
  background-color: #111;
  border: 5px solid #ffffff14;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -12px;
  left: -12px;
}

.slogan2-txt-bg-2 {
  background-color: #000;
  border: 1px solid #0101eb;
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}

.countdown-time-2 {
  color: #df00a8;
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.icon-1-2 {
  background-color: #111;
  border: 5px solid #ffffff14;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 20vh;
  left: -12px;
}

.launching-2 {
  color: #df00a8;
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
  display: none;
}

.modal-body-holder-2 {
  background-color: #000;
  border: 1px solid #31f517;
  border-top-style: none;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 10px 18px 10px 32px;
  display: flex;
}

.link-10 {
  color: #df00a8;
  font-weight: 400;
  text-decoration: none;
}

.c-accordion-item-2 {
  background-color: #00b6b6;
  margin-bottom: 10px;
}

.c-accordion-item-2.last {
  background-color: #00b6b6;
  border-bottom: 1px solid #00b6b6;
}

.btn-discord-2 {
  background-color: #0f0;
  border-radius: 6px;
  justify-content: center;
  margin: 8px auto 16px;
  display: flex;
}

.btn-discord-2.gallery {
  align-items: flex-end;
  width: auto;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: auto;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

.btn-discord-2.gallery:hover {
  text-decoration: none;
}

.text-l11-2 {
  z-index: 10;
  color: var(--green-yellow);
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

.title-bg-2 {
  background-color: #000;
  border: 1px solid #31f517;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 7px;
  display: flex;
  position: relative;
}

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

.faq-question-2 {
  color: #31f517;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4em;
}

.shape-2 {
  border: 1px solid #00f;
  border-right-style: none;
  width: 20px;
  height: 20px;
}

.shape-2.last {
  border-right-style: solid;
}

.btn-view-2 {
  background-color: #31f517;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 16px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
  transform: translate(0);
}

.btn-view-2.pink {
  background-color: #df00a8;
  padding-left: 10px;
  padding-right: 10px;
}

.green-stroke-2 {
  z-index: 99;
  background-color: #31f517;
  border-bottom: 5px solid #31f517;
  width: 1100px;
  height: 1px;
  margin-top: 0;
  position: static;
  inset: auto 0% 0%;
}

.green-stroke-2._4th {
  width: 1140px;
  margin-top: 20px;
}

.green-2 {
  color: #31f517;
}

.big-number-2 {
  color: #df00a8;
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.grid-10 {
  background-color: #0000;
  background-image: radial-gradient(circle at 100% 0, #0000 28%, #000 31%);
  grid-template-rows: auto;
  grid-template-columns: 70% 1fr;
  height: 400px;
  margin-top: 30px;
  margin-left: 30px;
  position: relative;
  overflow: visible;
}

.grid-10._1 {
  background-image: none;
  align-items: start;
  height: auto;
}

.grid-10._1.neonz {
  grid-column-gap: 0px;
  grid-template-columns: 70% 30%;
  margin-left: 0;
}

.grid-10._1.neonz.wild {
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 55% 45%;
}

.grid-10._1.neonz.wild._2 {
  opacity: 1;
  mix-blend-mode: normal;
  grid-template-rows: auto;
}

.grid-10._1.neonz.wild._2._50 {
  grid-template-columns: 50% 50%;
}

.grid-10._1.neonz.wild._40btm {
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 40px;
}

.grid-10._1.neonz.facez {
  width: 1200px;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.card-txt-wrapper-2 {
  border: 1px solid #31f517;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 354px;
  height: 200px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
  display: flex;
}

.card-txt-wrapper-2.news {
  justify-content: flex-start;
  align-items: flex-start;
  height: 220px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-2 {
  color: #31f517;
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 10px;
  line-height: 20px;
}

.sloagn-2 {
  color: #df00a8;
  font-family: Hbushidosystm, sans-serif;
}

.arrow-right-2 {
  width: 35px;
  height: 35px;
  transform: rotate(-90deg);
}

.arrow-right-2.enter {
  margin-right: 20px;
  display: block;
}

.footer-link-green-2 {
  color: #31f517;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  display: block;
}

.footer-link-green-2:hover {
  color: #df00a8;
}

.footer-link-green-2.octa {
  color: #000;
}

.div-block-3-2 {
  border-left: 1px #31f517;
  width: 25%;
  height: 100%;
  position: relative;
}

.div-block-3-2.first {
  border-left-style: none;
  display: flex;
}

._1st-section-holder-2 {
  background-color: #000;
  background-image: linear-gradient(#00000063 40%, #000 41% 41%), url('../images/squares-nft-art-sutu.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  border: 1px solid #31f517;
  border-top-right-radius: 0;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  box-shadow: inset -1px 6px 0 12px #000;
}

._1st-section-holder-2.wild {
  background-image: linear-gradient(#00000063 40%, #000 41% 41%);
  border-top-right-radius: 0;
}

.main-image-2 {
  z-index: 1;
  border: 1px solid #31f517;
  width: 1200px;
  max-width: none;
  height: 612px;
  position: static;
  top: 0;
}

.btn-buy-2 {
  background-color: #ff3d00;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 20px;
  display: flex;
  position: static;
}

.btn-buy-2.pink {
  background-color: #df00a8;
}

.btn-buy-2.pink._20left {
  margin-right: 20px;
  text-decoration: none;
}

.btn-buy-2.pink.mobile {
  display: none;
}

.btn-buy-2.pink._40top {
  margin-top: 40px;
}

.btn-buy-2.pink._40top._45left {
  margin-left: 45px;
}

.btn-buy-2.pink._40top._45left.btn-neonz-faces-sync {
  opacity: 1;
  margin-top: 10px;
}

.btn-buy-2.pink._40top._45left.btn-neonz-faces-sync.bottom-padding {
  margin-bottom: 20px;
}

.btn-buy-2.enter {
  margin-left: 10px;
}

.btn-buy-2.enter.pink.hide {
  display: none;
}

.btn-buy-2.enter.pink._45 {
  margin-top: 10px;
  margin-left: 45px;
}

.btn-buy-2.enter.pink {
  background-color: #df00a8;
  margin-left: 0;
}

.icon-2-2 {
  opacity: .08;
  background-color: #111;
  background-image: url('../images/db-cross-white-1_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20vh;
  right: -12px;
}

.paragraph-4 {
  color: #31f517;
  max-width: 360px;
  font-size: 15px;
}

.paragraph-4.footer {
  margin-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.handwritten-2 {
  color: #31f517;
  text-align: center;
  margin-top: 20px;
  font-family: Thunderstorm, sans-serif;
  font-size: 43px;
}

.badge-txt-2 {
  color: #000;
  font-family: Hmagisystm, sans-serif;
  font-size: 20px;
  line-height: 1;
}

.sutuverse-title-holder-2 {
  justify-content: center;
  padding-top: 40px;
  display: flex;
}

.sutuverse-title-holder-2.news {
  justify-content: flex-start;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.faq-title-holder-2 {
  background-color: #000;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.faq-title-holder-2.last {
  margin-bottom: 10px;
  padding-top: 20px;
}

.pink-2 {
  color: #df00a8;
  text-align: left;
}

.pink-2.news {
  line-height: 40px;
}

.accordion-item-q-icon-stripe-1-2 {
  width: 100%;
  height: 2px;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-color: #31f517;
  position: relative;
}

.modal-header-2 {
  text-align: center;
  background-color: #31f517;
  border-bottom: 4px solid #000;
  padding: 14px 20px 14px 0;
  font-weight: 600;
  position: relative;
}

.grid-11 {
  border: 1px solid #0101eb;
  grid-template: "Area Area-2 Area-3 Area-4"
                 "Area-5 Area-5 Area-5 Area-5"
                 / 1fr 1fr 1fr 1fr;
  justify-items: start;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
}

.dark-green-2 {
  color: #0e5808;
}

.link-l11-2 {
  color: #e7a311;
  text-transform: uppercase;
  margin: 8px 20px 6px;
  font-family: Exo, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

.link-l11-2:hover {
  filter: brightness(130%);
  text-decoration: none;
}

.link-l11-2.gallery {
  margin-top: 9px;
  margin-bottom: 5px;
  text-decoration: none;
  display: block;
}

.h74-2 {
  color: #31f517;
  margin-top: 0;
  font-family: Hbushidosystm, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
}

.h74-2.wild {
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 34px;
}

.title-win-2 {
  color: #000;
  font-family: Hbushidosystm, sans-serif;
  font-weight: 400;
}

.text-bg1-l11-2 {
  z-index: 1;
  filter: blur(12px);
  color: #ffed26;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-bg1-l11-2.mixed {
  text-transform: none;
}

.shape-btn-2 {
  background-color: #00f;
  width: 34px;
  height: 7px;
  margin-bottom: 16px;
  margin-left: 16px;
}

.accordion-item-q-icon-stripe-2-2 {
  background-color: #31f517;
  width: 2px;
  height: 100%;
  position: absolute;
}

.modal-wrapper-2 {
  z-index: 3;
  background-color: #31f517;
  border: 4px solid #000;
  flex-direction: column;
  width: auto;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  box-shadow: 8px 8px #000;
}

.modal-wrapper-2.roadmap {
  box-shadow: none;
}

.line-win-2 {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-left: 10px;
  margin-right: 20px;
}

.div-block-4-2 {
  border-left: 1px solid #31f517;
  border-right: 1px solid #31f517;
  width: 25%;
  height: 100%;
  position: relative;
}

.div-block-4-2.last {
  border-left-style: none;
  border-right-style: none;
  justify-content: flex-end;
  width: 300px;
  display: flex;
}

.text-bg2-l11-2 {
  z-index: 3;
  filter: brightness(200%) blur(3px);
  color: #f3e80c;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-bg2-l11-2:hover {
  text-decoration: none;
}

.text-bg2-l11-2.mixed {
  text-transform: none;
}

.title-badge-bg-2 {
  background-color: #31f517;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.title-badge-bg-2.game {
  background-color: #31f517;
  background-image: none;
  justify-content: center;
  width: 65px;
  height: 50px;
}

.hero-2 {
  z-index: 3;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  inset: 0 auto auto;
}

.button-circle-2 {
  background-color: #31f517;
  border: 2px solid #000;
  border-radius: 0;
  width: 25px;
  height: 20px;
  margin-right: 8px;
}

.card-title-txt-2 {
  color: #df00a8;
  white-space: nowrap;
  margin-left: 7px;
  font-family: Hmagisystm, sans-serif;
  font-size: 22px;
  line-height: 1;
}

.image {
  font-size: 12px;
  line-height: 12px;
}

.faq-answer-2 {
  color: #31f517;
  margin-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 16px;
  line-height: 1;
}

.text-block-3 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-left: 8px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

._w-accordion-item-2 {
  cursor: pointer;
  background-color: #000;
  border: 1px #31f517;
  border-top: 1px solid #00b6b6;
  border-radius: 0;
  transition: all .25s;
}

._w-accordion-item-2:hover {
  border-color: #31f5173d;
  box-shadow: 1px 1px 15px #31f517bf;
}

.link-2 {
  color: #df00a8;
  white-space: normal;
}

._5th-section-holder-2 {
  background-color: #0000;
  background-image: radial-gradient(circle at 100% 0, #0000 31%, #000 33%);
  border: 1px #31f517;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  position: relative;
  overflow: visible;
}

._5th-section-holder-2.blackb {
  background-color: #000;
  margin-top: 0;
  padding-top: 20px;
}

._5th-section-holder-2.blackb.neonz {
  margin-top: 75px;
}

._5th-section-holder-2.blackb.neonz.game {
  align-items: stretch;
  margin-top: 38px;
}

._5th-section-holder-2.neonz {
  background-color: #000;
}

.modal-body-2 {
  background-color: #000;
  border: 1px #31f517;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 10px 20px;
  display: flex;
}

.txt-view-2 {
  z-index: 10;
  filter: brightness(200%);
  color: #000;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  display: block;
  position: relative;
}

.txt-view-2.green {
  filter: none;
  color: #0f0;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.div-block-9 {
  margin: 1px 6px;
}

.wind-txt-2 {
  color: #f58e1e;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.wind-txt-2.green {
  color: #31f517;
  text-align: right;
}

.card-video-2 {
  z-index: 1;
  border: 1px solid #31f517;
  width: 354px;
  height: 236px;
}

.card-video-2.no-stroke._2 {
  z-index: 4;
  border-style: none;
  width: 300px;
  height: 300px;
}

.footer-11 {
  background-color: #0000;
  width: 1200px;
  padding: 60px 3%;
}

.footer-11.no-bg {
  background-color: #0000;
  border-top: 1px #000;
  border-left: 1px #31f517;
  border-right: 1px #31f517;
}

.footer-11.no-bg.full-100 {
  width: auto;
}

._2nd-section-holder-2 {
  background-color: #000;
  background-image: linear-gradient(#00000063 25%, #000 25% 25%), url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  border: 1px solid #31f517;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  box-shadow: inset -1px 6px 0 12px #000;
}

._2nd-section-holder-2.index {
  border-top-right-radius: 0;
  padding-bottom: 20px;
}

._2nd-section-holder-2.index.margin {
  background-image: linear-gradient(#00000063 25%, #000 25% 25%);
  border-style: none;
  margin-top: 37px;
}

._2nd-section-holder-2.index.game {
  display: none;
}

._2nd-section-holder-2.index.game.decktop {
  border-top-right-radius: 0;
  display: block;
}

._2nd-section-holder-2.index.mob {
  display: none;
}

.icon-7-2 {
  background-color: #111;
  border: 5px solid #ffffff14;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 30vh;
  left: -12px;
}

.countdown-detail-2 {
  color: #31f517;
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 10px;
}

.card-title-holder-2 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% -7%;
}

.icon-5-2 {
  background-color: #111;
  border: 5px solid #ffffff14;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12vh;
  left: -12px;
}

.card-txt-holder-2 {
  justify-content: center;
  height: auto;
  margin-top: 10px;
  display: flex;
}

.card-txt-2 {
  color: #31f517;
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 60px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  line-height: 1;
  position: static;
}

.card-txt-2.news {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  font-family: Pixel square;
  position: static;
}

._4th-section-holder-2 {
  background-color: #000;
  background-image: linear-gradient(#00000063 72%, #000 73% 73%), url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  border: 1px solid #31f517;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  box-shadow: inset -1px 6px 0 28px #000;
}

._4th-section-holder-2.blackbg {
  background-image: none;
  border-top-right-radius: 0;
  padding-bottom: 40px;
}

._4th-section-holder-2.neonz {
  background-image: none;
  border-top-right-radius: 0;
}

._4th-section-holder-2.neonz.new {
  border-color: #0ff;
}

._3rd-section-holder-2 {
  background-color: #0000;
  border: 1px #31f517;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
}

.neonzlogo-2 {
  width: 54px;
}

.hero-mob-2 {
  z-index: 3;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
  position: relative;
  inset: 0 auto auto;
}

.div-wrap-1-2 {
  background-color: #31f517;
  border-radius: 3px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 86%;
  padding: 25px 15px 15px;
  display: flex;
}

.button-1-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #111;
  border: 2px solid #111;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-family: Open Sans, sans-serif;
  font-size: .8em;
  font-weight: 700;
  line-height: 1em;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.button-1-2:hover {
  background-color: #fff3;
  border-color: #fff;
}

.modal-body-holder-copy-2 {
  background-color: #000;
  border: 1px solid #31f517;
  border-top-style: none;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 10px 32px;
  display: flex;
}

.enter-holder-2 {
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  display: flex;
}

.wind-txt-3 {
  color: #f58e1e;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.wind-txt-3.green {
  color: #31f517;
  text-align: right;
}

.card-txt-3 {
  color: #31f517;
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 60px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  line-height: 1;
}

.card-txt-3.news {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

.navbar-2 {
  z-index: 9999;
  cursor: auto;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 32px;
  display: flex;
  position: fixed;
  inset: auto;
}

.menu-link-2 {
  color: var(--lime);
  font-family: Hbushidosystm, sans-serif;
  text-decoration: none;
}

.menu-link-2:hover {
  color: #ff3d00;
  text-decoration: none;
}

.menu-line-2 {
  background-color: #31f517;
  width: 1px;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.container-2 {
  padding: 10px;
}

.text-block-4 {
  color: #ccfd07;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 38px;
  font-style: normal;
  line-height: 44px;
}

.text-block-5 {
  color: #00b5df;
  margin-bottom: 28px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.section-4 {
  margin-top: 4px;
  margin-bottom: 9px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.index-number {
  color: #fd65ff;
  width: 42px;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.txt-ctxt {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: #fd65ff;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: flex-start;
  width: 874.948px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  display: flex;
}

.left-title-2 {
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.left-title-2.wild {
  padding-left: 45px;
}

.left-title-2.facez {
  align-items: center;
  margin-top: 20px;
}

.container-3 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.title-bg-3 {
  background-color: #000;
  border: 1px solid #31f517;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 7px;
  display: flex;
  position: relative;
}

.title-bg-3.main {
  padding-right: 7px;
}

.title-bg-3.main.cayan {
  border-color: var(--cyan-2);
}

.arrow-down-holder-2 {
  z-index: 5;
  justify-content: center;
  height: 80px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.section-content-2 {
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 100vh;
  display: block;
  position: relative;
  overflow: visible;
}

.card-title-holder-facez-2 {
  z-index: 4;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 66px 0% 0% -119%;
}

.desktop-lottie {
  display: none;
}

.footer-link-green-3 {
  color: #31f517;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  display: block;
}

.footer-link-green-3:hover {
  color: #df00a8;
  text-decoration: none;
}

.card-link-copy-3 {
  color: #1f1f1f;
  border: 1px solid #31f517;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.card-link-copy-3:hover {
  text-decoration: underline;
}

.card-link-copy-3.wild {
  border-color: #0e5808;
  width: 34%;
  position: relative;
  top: -23px;
}

.card-link-copy-3.wild._277 {
  width: 277px;
  height: 277px;
}

.card-link-copy-3.wild._277.small {
  border-style: none;
  width: 130px;
  height: 130px;
  top: 98px;
  left: 258px;
}

.card-link-copy-3.wild-red {
  z-index: 3;
  border-color: #0e5808;
  width: 34%;
  margin-left: 20px;
}

.card-link-copy-3.wild-red._308 {
  z-index: 5;
  border-style: none;
  border-width: 2px;
  width: 308px;
  height: 308px;
  left: -49px;
}

.card-link-copy-3.wild-red._308.small {
  width: 150px;
  height: 150px;
  top: 60px;
  left: 54px;
}

.card-link-copy-3.wild-blue {
  border-color: #0e5808;
  width: 34%;
}

.card-link-copy-3.wild-blue._208 {
  z-index: 6;
  width: 208px;
  height: 208px;
  top: 172px;
  left: 75px;
}

.card-link-copy-3.wild-blue._208.small {
  width: 104px;
  height: 104px;
  left: 142px;
}

.btn-sync-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 0;
  display: flex;
}

.hero-3 {
  z-index: 3;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: static;
  inset: -44px auto auto;
}

.hero-3.facez {
  height: 100vh;
}

.hero-3.facez.nobg {
  background-color: #0000;
}

.modal-body-3 {
  background-color: #000;
  border: 1px #31f517;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 32px;
  display: flex;
}

.modal-body-3.nobg {
  background-color: #0000;
}

.modal-body-3.nobg.facez {
  padding-left: 75px;
}

.modal-body-3.wild {
  background-color: #0000;
}

.wrapper-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-1-copy-2 {
  background-image: url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0;
  background-size: 25px 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0;
}

.txt-view-3 {
  z-index: 10;
  filter: none;
  color: var(--black-2);
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.green-small-2 {
  text-align: left;
  font-size: 12px;
  display: block;
}

.green-small-2.mob {
  display: none;
}

.desktop-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sync-btn-wrapper {
  margin: 0 auto 165px;
}

.modal-wrapper-3 {
  z-index: 3;
  background-color: #31f517;
  border: 4px solid #000;
  flex-direction: column;
  width: auto;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  box-shadow: 8px 8px #000;
}

.modal-wrapper-3.neonz {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
}

.modal-wrapper-3.neonz.wild {
  padding-left: 40px;
}

.modal-wrapper-3.neonz.wild._2 {
  align-items: flex-start;
  padding-left: 0;
}

.wind-txt-4 {
  color: #f58e1e;
  font-size: 16px;
  font-weight: 400;
}

.wind-txt-4.green {
  color: #31f517;
  text-align: right;
}

.wind-txt-4.green.left {
  text-align: left;
  margin-left: 45px;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.wind-txt-4.green.left.center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wind-txt-4.green.left.facez {
  color: #df00a8;
  text-shadow: 1px 1px 5px #000;
  max-width: 60%;
  margin-left: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.wind-txt-4.green.left.hide {
  display: none;
}

.wind-txt-4.green.left.list {
  margin-left: 0;
}

.wind-txt-4.title {
  margin-top: 0;
}

.wind-txt-4.title.neonz {
  color: #df00a8;
  font-size: 35px;
}

.wind-txt-4.title.neonz.wild {
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 27px;
}

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

.footer-grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

.modal-body-holder-3 {
  background-color: #000;
  border: 1px solid #31f517;
  border-top-style: none;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 10px 32px;
  display: flex;
}

.modal-body-holder-3.neonz {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.modal-body-holder-3.neonz.wild {
  background-color: #0000;
}

.modal-body-holder-3.neonz.wild._2 {
  padding-left: 0;
}

.decoration-holder-2 {
  padding-right: 20px;
}

.btn-view-3 {
  background-color: #31f517;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 16px;
  display: flex;
}

.btn-view-3._45left {
  margin-left: 45px;
}

.btn-view-3._45left._40down {
  margin-top: 40px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.title-wrapper-2 {
  align-items: flex-end;
  width: 80%;
  height: 50px;
  padding-bottom: 14px;
  display: flex;
}

.content-holder-2 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 99.5vw;
  height: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.text-l11-3 {
  z-index: 10;
  color: #cbf207;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.text-l11-3.mixed {
  text-transform: none;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.proc-holder-2 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.card-title-txt-3 {
  color: #df00a8;
  white-space: nowrap;
  margin-left: 7px;
  font-family: Hmagisystm, sans-serif;
  font-size: 22px;
  line-height: 1;
}

.step01_wrapper {
  margin-left: 104px;
}

.navigation-container-mob-2 {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.columns-3 {
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-6 {
  color: #df00a8;
  text-align: center;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.hero-section {
  background-color: #000;
}

.image-4 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.columns {
  margin-left: auto;
  margin-right: auto;
}

.div-block-11 {
  padding-bottom: 20px;
}

.div-block-10 {
  padding: 0;
}

.section-7 {
  background-color: #000;
  padding-bottom: 20px;
}

.div-block-12 {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.div-block-12.margin {
  margin-top: 40px;
}

.paragraph-6 {
  color: #31f517;
  margin: 20px;
}

.div-block-14 {
  background-color: #000;
  justify-content: space-between;
  width: 100%;
  padding-left: 20px;
  padding-right: 25px;
  display: flex;
}

.heading-3-copy-news-1 {
  color: #df00a8;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 25px;
}

.column {
  padding-left: 20px;
  padding-right: 20px;
}

.arrow-image-3-news-1copy {
  float: none;
  clear: none;
  position: relative;
  top: auto;
  right: -10px;
}

.column-3 {
  padding-top: 0;
  top: auto;
}

.image-7 {
  color: #df00a8;
}

.paragraph-7 {
  color: #31f517;
  display: block;
}

.div-block-15 {
  background-image: url('../images/Screen-Shot-2022-06-16-at-10.47.33-PM.png');
  background-position: 0%;
  background-repeat: repeat-x;
  background-size: 362px;
  width: 40%;
}

.image-4-news-3 {
  float: none;
  clear: none;
  margin-top: 0;
  position: static;
}

.paragraph-5 {
  color: #31f517;
  position: static;
  top: 57px;
}

.section-5 {
  object-fit: fill;
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  overflow: visible;
}

.section-8 {
  background-color: #000;
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  padding-top: 0%;
}

.news-page-3-grid {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area";
  padding: 40px 20px;
}

.background_wrapper {
  color: #31f517;
  background-image: url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0;
  background-size: 26px;
  width: 1200px;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
}

.background_wrapper.no-bg {
  background-image: none;
}

.paragraph-8 {
  color: #31f517;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.paragraph-9 {
  color: #0f0;
  text-align: left;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 10px;
  font-weight: 300;
}

.image-5 {
  display: none;
  overflow: visible;
}

.paragraph-10 {
  color: #31f517;
  background-color: #000;
}

.hero-section-copy {
  background-color: #000;
}

.grid-11-copy {
  grid-template: "Area"
  / 1fr 1fr;
  padding: 40px 20px;
}

.image-4-copy {
  margin-top: 10px;
}

.paragraph-2-copy {
  color: #31f517;
  text-align: left;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.text-span-3 {
  color: #df00a8;
  font-weight: 400;
  text-decoration: none;
}

.text-span-4 {
  color: #df00a8;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 22px;
}

.arrow-image-3 {
  float: none;
  clear: none;
  position: relative;
  top: 19px;
  right: 6px;
}

.arrow-image-3._2 {
  top: 0;
  right: 0;
}

.div-block-16 {
  padding-left: 20px;
  padding-right: 40px;
}

.image-copy {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.paragraph-3-copy {
  color: #31f517;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.heading-7 {
  color: #df00a8;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.proc-5-copy, .proc-copy {
  margin-right: 40px;
}

.bold-text-2 {
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.proc-copy-2 {
  margin-right: 40px;
}

.div-block-19 {
  background-image: url('../images/tierraGrata.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 100%;
  height: 700px;
  margin-top: 20px;
  margin-right: 4px;
}

.header-news-3 {
  color: #df00a8;
  margin-top: auto;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 22px;
}

._3arrow-image-3-copy {
  float: none;
  clear: none;
  position: relative;
  top: 3px;
  right: -10px;
}

.bold-text {
  color: #0f0;
  font-size: 11px;
}

.bold-text-3 {
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 12px;
}

.column-2 {
  border: 1px solid #31f517;
  border-radius: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.image-6 {
  max-height: 300px;
  margin-left: -10px;
}

.div-block-18 {
  justify-content: center;
  height: 300px;
  display: flex;
}

.paragraph-11 {
  color: #31f517;
  font-size: 11px;
}

.proc-5-copy-2 {
  margin-right: 40px;
}

.text-block-7 {
  color: #df00a8;
  text-align: left;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 12px;
  font-style: normal;
  text-decoration: none;
}

.image-8 {
  width: 100%;
}

.paragraph-12 {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.news-page-3-paragraph-4 {
  color: #31f517;
}

.proc-holder-news-3mobile {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  position: relative;
}

.proc-holder-news-3mobile.padding {
  padding-top: 20px;
  padding-bottom: 40px;
}

.columns-4 {
  margin-left: 0;
  margin-right: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.column-4 {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.columns-5 {
  display: flex;
}

.paragraph-13 {
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.columns-6 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.paragraph-14 {
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.bold-text-4 {
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 12px;
}

.image-9 {
  max-height: 300px;
}

.image-10 {
  color: #0f0;
  width: 100%;
}

.news-page-3-paragraph-5 {
  color: #0f0;
}

.column-5 {
  padding-left: 30px;
}

.bold-text-5, .bold-text-6 {
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-weight: 400;
}

.paragraph-15 {
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.container-4 {
  margin-top: 40px;
  padding: 10px 80px 0;
}

.text-wrapper {
  max-width: 1100px;
  margin: auto;
}

.avatar-2 {
  background-color: #0000;
  border-radius: 0%;
  flex: none;
  width: 48px;
  height: 48px;
  padding: 4px;
  display: block;
  overflow: hidden;
}

.footer-link-green-4 {
  color: #31f517;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  display: block;
}

.footer-link-green-4:hover {
  color: #df00a8;
  text-decoration: none;
}

.body, .body.privacy {
  background-color: var(--black-2);
}

.div-block-20 {
  justify-content: center;
  display: flex;
}

.container-5.news {
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.container-6.news {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.container-7.news {
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  display: flex;
}

.container-7.privacy {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.columns-7 {
  align-items: center;
  display: flex;
}

.columns-7.margin {
  align-items: center;
  margin-bottom: 20px;
}

.news-title {
  align-items: center;
  display: flex;
}

.news-title-holder {
  margin-bottom: 20px;
}

.news_title {
  color: var(--medium-violet-red);
  font-family: Hbushidosystm, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.list-2 {
  color: var(--green-yellow);
}

.list-3 {
  margin-top: 10px;
}

.gallery {
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.news-header {
  margin-bottom: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.summer {
  color: var(--lime);
  text-align: center;
  font-family: Thunderstorm, sans-serif;
  font-size: 60px;
  position: absolute;
  inset: 12% 0% auto;
}

.summer.missing {
  position: static;
}

.dropz-holder {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
}

.image-11 {
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.link-11, .link-12 {
  color: var(--medium-violet-red);
}

.mask {
  width: auto;
  height: auto;
}

.slider-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.slider-wrapper.margin {
  margin-bottom: 60px;
}

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

.slide-card-holder.margin {
  padding: 10px;
}

.coming-soon {
  z-index: 3;
  font-size: 15px;
  position: relative;
  inset: 0%;
}

.slider-wrapper-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.slidergrid-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-content: center;
  width: 90%;
}

.slidergrid-copy._2 {
  width: 80%;
}

.card-link-copy {
  border: 1px solid var(--lime);
  color: #1f1f1f;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.card-link-copy:hover {
  text-decoration: underline;
}

.card-link-copy.index {
  width: 60%;
  height: 60%;
}

.card-link-copy.slider {
  border-color: var(--light-sea-green);
  flex-direction: column;
  align-items: center;
  width: 99%;
  height: auto;
  margin-top: auto;
  display: block;
}

.card-link-copy.slider.soon {
  border-top-color: var(--light-sea-green);
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.card-link-copy.slider-copy {
  border-color: var(--light-sea-green);
  flex-direction: column;
  align-items: center;
  width: 99%;
  height: auto;
  margin-top: auto;
  display: block;
}

.card-link-copy.slider-copy.soon, .card-link-copy.slider-copy.soon-copy {
  border-top-color: var(--light-sea-green);
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.card-wrapper-copy {
  border-radius: .25rem;
  width: 100%;
  height: auto;
  max-height: 80rem;
  position: relative;
  overflow: hidden;
}

.card-wrapper-copy._208 {
  border: 5px solid #31f517;
  width: 208px;
  height: 208px;
}

.card-wrapper-copy._208.small {
  width: 104px;
  height: 104px;
}

.card-wrapper-copy._277 {
  border: 5px solid #31f517;
  width: 277px;
  height: 277px;
}

.card-wrapper-copy._277.small {
  width: 130px;
  height: 130px;
}

.card-wrapper-copy._308 {
  border: 5px solid #31f517;
  width: 308px;
  height: 308px;
}

.card-wrapper-copy._308.small {
  width: 150px;
  height: 150px;
}

.card-wrapper-copy.coming-soon, .card-wrapper-copy.coming-soon-copy {
  background-image: linear-gradient(#00000080, #00000080);
}

.slide-title-holder-copy {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--light-sea-green) var(--lime) var(--lime);
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-top: 10px;
  padding-left: 10px;
  display: flex;
}

.full-image-copy {
  object-fit: cover;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: relative;
}

.full-video-copy {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-title-copy {
  color: var(--lime);
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.card-link-copy-copy {
  border: 1px solid var(--lime);
  color: #1f1f1f;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.card-link-copy-copy:hover {
  text-decoration: underline;
}

.card-link-copy-copy.index {
  width: 60%;
  height: 60%;
}

.card-link-copy-copy.slider {
  border-color: var(--light-sea-green);
  flex-direction: column;
  align-items: center;
  width: 99%;
  height: auto;
  margin-top: auto;
  display: block;
}

.card-link-copy-copy.slider.soon {
  border-top-color: var(--light-sea-green);
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.card-link-copy-copy.slider-copy {
  border-color: var(--light-sea-green);
  flex-direction: column;
  align-items: center;
  width: 99%;
  height: auto;
  margin-top: auto;
  display: block;
}

.card-link-copy-copy.slider-copy.soon, .card-link-copy-copy.slider-copy.soon-copy {
  border-top-color: var(--light-sea-green);
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.card-link-copy-copy.slider-copy-copy {
  border-color: var(--light-sea-green);
  flex-direction: column;
  align-items: center;
  width: 99%;
  height: auto;
  margin-top: auto;
  display: block;
}

.card-link-copy-copy.slider-copy-copy.soon, .card-link-copy-copy.slider-copy-copy.soon-copy, .card-link-copy-copy.slider-copy-copy.soon-copy-copy {
  border-top-color: var(--light-sea-green);
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.card-wrapper-copy-copy {
  border-radius: .25rem;
  width: 100%;
  height: auto;
  max-height: 80rem;
  position: relative;
  overflow: hidden;
}

.card-wrapper-copy-copy._208 {
  border: 5px solid #31f517;
  width: 208px;
  height: 208px;
}

.card-wrapper-copy-copy._208.small {
  width: 104px;
  height: 104px;
}

.card-wrapper-copy-copy._277 {
  border: 5px solid #31f517;
  width: 277px;
  height: 277px;
}

.card-wrapper-copy-copy._277.small {
  width: 130px;
  height: 130px;
}

.card-wrapper-copy-copy._308 {
  border: 5px solid #31f517;
  width: 308px;
  height: 308px;
}

.card-wrapper-copy-copy._308.small {
  width: 150px;
  height: 150px;
}

.card-wrapper-copy-copy.coming-soon, .card-wrapper-copy-copy.coming-soon-copy, .card-wrapper-copy-copy.coming-soon-copy-copy {
  background-image: linear-gradient(#00000080, #00000080);
}

.full-image-copy-copy {
  object-fit: cover;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: relative;
}

.full-video-copy-copy {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-title-holder-copy-copy {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--light-sea-green) var(--lime) var(--lime);
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-top: 10px;
  padding-left: 10px;
  display: flex;
}

.slide-title-copy-copy {
  color: var(--lime);
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.bold-text-7 {
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
}

.text-block-8 {
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.div-block-21 {
  align-items: flex-start;
  padding-bottom: 10px;
  display: flex;
}

.column-8 {
  align-items: flex-end;
  display: flex;
}

.link-block {
  text-decoration: none;
}

.column-9 {
  justify-content: center;
  display: flex;
}

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

.social_wrapper {
  cursor: pointer;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.67em;
  height: 3.67em;
  margin-right: 1.47em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.social_wrapper._2 {
  background-color: #31f517;
  background-image: url('../images/twitter-000.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  width: 30px;
  height: 30px;
  margin-right: 0;
  transition: border-color .3s, background-color .3s;
}

.social_wrapper._2:hover {
  background-color: #df00a8;
  background-image: url('../images/twitter-000.svg');
  border: 3px #000;
}

.social_wrapper._3 {
  background-color: #31f517;
  background-image: url('../images/discord-000.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  width: 30px;
  height: 30px;
  margin-right: 0;
  transition: border-color .3s, background-color .3s;
}

.social_wrapper._3:hover {
  background-color: #df00a8;
  background-image: url('../images/discord-000.svg');
  border: 3px #df00a8;
}

.title-wrapper-neonz {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.presents {
  max-width: 40%;
  margin-bottom: 20px;
}

.zip {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title {
  color: var(--deep-pink);
}

.title-new {
  color: var(--deep-pink);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hdivision i, sans-serif;
  font-size: 33px;
  line-height: 1;
}

.title-new._25 {
  font-size: 25px;
  font-style: normal;
}

.title-new._25.charger {
  color: var(--spring-green);
  font-size: 19px;
  font-weight: 400;
}

.title-new._25.high {
  color: var(--gold);
  font-size: 19px;
}

.title-new._25.cayan {
  color: var(--cyan-2);
  font-size: 19px;
}

.title-new.h74 {
  font-family: Hbushidosystm, sans-serif;
}

.lightning {
  width: auto;
  height: 45px;
}

.lightning.arrow.new {
  height: 60px;
  margin-bottom: 5px;
  margin-right: 40px;
  transform: rotate(-90deg);
}

.lightning.arrow.new.right {
  margin-left: 30px;
  margin-right: 0;
  transform: rotate(90deg);
}

.subtitle {
  color: var(--deep-pink);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 33px;
  line-height: 40px;
}

.subtitle.new {
  color: var(--cyan);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 29px;
  line-height: 1;
}

.subtitle.cayan.nomargin {
  margin-top: 0;
}

.new-btn-holder {
  justify-content: center;
  display: flex;
}

.glitch-c1 {
  display: none;
  position: absolute;
  inset: 0%;
}

.glitch-c1._2, .glitch-c1._5 {
  max-width: none;
  display: none;
}

.glitch-c1._6 {
  display: none;
}

.glitch-c1._1, .glitch-c1._4, .glitch-c1._3 {
  max-width: none;
  display: none;
}

.glitch-c1._7, .glitch-c1._8 {
  display: none;
}

.text-card-c1 {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Changa One, Impact, sans-serif;
  font-size: 34px;
  font-style: italic;
  line-height: 34px;
  display: flex;
  position: static;
  inset: auto 0% 12%;
}

.card-c1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 15px 10px;
  text-decoration: none;
  position: relative;
}

.card-c1:hover, .card-c1:active, .card-c1:focus, .card-c1:focus-visible, .card-c1[data-wf-focus-visible], .card-c1:visited {
  text-decoration: none;
}

.card-1 {
  border: 1px solid var(--white);
  perspective: 1000px;
  background-color: #000;
  border-radius: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card {
  background-color: #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100%;
  max-width: none;
  margin: 20px;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.mint {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.mint.about {
  flex-direction: row;
  justify-content: space-around;
  margin-top: 20px;
}

.players {
  background-color: #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100%;
  max-width: none;
  margin: 20px 20px 0;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.player-cards {
  border: 1px solid var(--black-2);
  backface-visibility: visible;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #000;
  border-radius: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.player-desc {
  color: #fff;
  text-transform: uppercase;
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding: 20px;
  font-family: Changa One, Impact, sans-serif;
  font-size: 34px;
  font-style: italic;
  line-height: 34px;
  display: flex;
  position: static;
  inset: auto 0% 12%;
}

.player-desc.charger {
  border: 1px solid var(--spring-green);
  flex-direction: column;
  position: relative;
}

.player-desc.gold {
  border: 1px solid var(--gold);
  position: relative;
}

.player-desc.cayan {
  border: 1px solid var(--cyan-2);
  position: relative;
}

.btn-mint-holder {
  justify-content: center;
  margin-top: 15px;
  display: flex;
}

.btn-mint-holder.hide {
  display: none;
}

.arrow-right-new {
  width: 50px;
}

.arrow-right-new.padding {
  margin-right: 20px;
}

.badge {
  width: 80px;
  position: absolute;
  inset: -16% auto auto 0%;
}

.cayan {
  color: var(--cyan-2);
}

.link-13, .link-13:hover, .link-13:active, .link-13:focus, .link-13:focus-visible, .link-13[data-wf-focus-visible], .link-13:visited {
  text-decoration: none;
}

.text-btn3-2 {
  z-index: 1;
  filter: blur(12px);
  color: #ffed26;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.modal-body-4 {
  background-color: #000;
  border: 1px #31f517;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 32px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  display: flex;
}

.modal-body-4.neonz {
  padding-left: 0;
}

.modal-body-4.neonz.new {
  align-items: stretch;
  padding-top: 0;
}

.grid-13 {
  background-color: #0000;
  background-image: radial-gradient(circle at 100% 0, #0000 28%, #000 31%);
  grid-template-rows: auto;
  grid-template-columns: 70% 1fr;
  height: 400px;
  margin-top: 30px;
  margin-left: 30px;
  position: relative;
  overflow: visible;
}

.grid-13._1 {
  background-image: none;
  align-items: start;
  height: auto;
}

.grid-13._1.neonz {
  grid-column-gap: 0px;
  grid-template-columns: 70% 30%;
  margin-left: 0;
}

.link-14 {
  color: #f0b;
  text-decoration: underline;
}

.hero-title-2 {
  color: #31f517;
  text-shadow: 2px 2px #000;
  margin-bottom: 20px;
  font-family: Hdivision i, sans-serif;
  font-size: 43px;
  font-weight: 400;
}

.hero-title-2.art {
  letter-spacing: 2px;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Hmagisystm, sans-serif;
  font-size: 34px;
  font-weight: 400;
}

.text-l11-4 {
  z-index: 10;
  color: #cbf207;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

.card-link-2 {
  color: #1f1f1f;
  border: 1px solid #31f517;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.card-link-2:hover {
  text-decoration: underline;
}

.card-link-2.slider {
  border-color: #00b6b6;
  flex-direction: column;
  align-items: center;
  width: 99%;
  height: auto;
  margin-top: auto;
  display: block;
}

.card-link-2.slider.soon {
  border-top-color: #00b6b6;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.slide-title-holder-2 {
  border: 1px #31f517;
  border-top: 1px solid #00b6b6;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-top: 10px;
  padding-left: 10px;
  display: flex;
}

.footer-link-green-5 {
  color: #31f517;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  display: block;
}

.footer-link-green-5:hover {
  color: #df00a8;
}

.modal-body-holder-4 {
  background-color: #000;
  border: 1px solid #31f517;
  border-top-style: none;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 10px 32px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  display: flex;
}

.modal-body-holder-4.neonz {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.menu-link-3 {
  color: #31f517;
  font-family: Hbushidosystm, sans-serif;
  text-decoration: none;
}

.menu-link-3:hover {
  color: #ff3d00;
}

.icon-holder-2 {
  background-image: linear-gradient(#0000 49%, #000 51%), url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0;
}

.icon-holder-2.new {
  background-image: url('../images/squares-nft-art-sutu-blue.png');
  background-position: 0 0;
  background-size: 25px 25px;
}

.hero-4 {
  z-index: 3;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  inset: 0 auto auto;
}

.slide-title-2 {
  color: #31f517;
  font-family: "Pixel square 10", Verdana, sans-serif;
}

.wind-txt-5 {
  color: #f58e1e;
  text-align: left;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.wind-txt-5.green {
  color: #31f517;
  text-align: right;
}

.wind-txt-5.green.left {
  text-align: left;
  margin-left: 45px;
}

.wind-txt-5.green.left.margin {
  margin-left: 68px;
}

.wind-txt-5.green.left.margin.neonz {
  margin-top: 10px;
}

.wind-txt-5.green.left.new {
  font-size: 17px;
}

.wind-txt-5.green.left.new.blue {
  color: #0ff;
  margin-top: 20px;
}

.wind-txt-5.green.left.new.blue.center {
  text-align: center;
}

.wind-txt-5.green.left.new.art {
  margin-left: 30px;
}

.wind-txt-5.green.left.new.art.no-margin {
  margin-left: 0;
}

.wind-txt-5.green.left.new.art.no-margin.margin-top {
  margin-top: 20px;
}

.wind-txt-5.green.left.new.art.no-margin.margin-top.cayan {
  color: var(--cyan-2);
}

.text-btn1-2 {
  z-index: 10;
  color: #cbf207;
  direction: ltr;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.text-btn1-2.new {
  color: #30f317;
}

.footer-12 {
  background-color: #000;
  width: 1200px;
  padding: 60px 3%;
}

.footer-12.index99 {
  z-index: 99;
  position: relative;
}

.text-btn2-2 {
  z-index: 3;
  filter: brightness(200%) blur(3px);
  color: #f3e80c;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pixelsquare-2 {
  color: #df00a8;
  background-color: #000;
  margin-top: 10px;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.title-new-2 {
  color: #f0b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hdivision i, sans-serif;
  font-size: 33px;
  line-height: 1;
}

._1st-section-holder-3 {
  background-color: #000;
  background-image: linear-gradient(#00000063 40%, #000 41% 41%), url('../images/squares-nft-art-sutu.png');
  background-position: 0 0, 0 0;
  background-size: auto, 25px 25px;
  border: 1px solid #31f517;
  border-top-right-radius: 25px;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding-bottom: 10px;
  box-shadow: inset -1px 6px 0 12px #000;
}

._1st-section-holder-3.neonz {
  background-image: linear-gradient(#00000063 40%, #000 41% 41%);
  border-top-right-radius: 0;
  padding-bottom: 40px;
}

._1st-section-holder-3.neonz.new {
  border-color: #0ff;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.slide-nav-2 {
  color: #0e5808;
}

.subtitle-2 {
  color: #f0b;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 33px;
  line-height: 40px;
}

.subtitle-2.new {
  color: #0ff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 29px;
  line-height: 1;
}

.bg-decor-bottom-2 {
  z-index: 99;
  background-color: #0000;
  background-image: radial-gradient(circle at 0 0, #0000 49%, #000 54%);
  position: absolute;
}

.hero-subtitle-2 {
  color: #31f517;
  text-shadow: 2px 2px #000;
  font-family: "Pixel square 10", Verdana, sans-serif;
  font-size: 34px;
}

.hero-subtitle-2.art {
  font-size: 25px;
}

.art-neonz-off {
  background-color: #000;
  border: 1px solid #31f517;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 7px;
  display: flex;
  position: relative;
}

.art-neonz-off.main {
  padding-right: 7px;
}

.art-neonz-off.main.cayan {
  border-color: var(--cyan-2);
  height: 50px;
  box-shadow: 1px 1px 3px 0 var(--cyan-2);
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.art-neonz-on {
  background-color: #000;
  border: 1px solid #31f517;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 7px;
  display: flex;
  position: relative;
}

.art-neonz-on.main {
  padding-right: 7px;
}

.art-neonz-on.main.cayan {
  border-color: var(--cyan-2);
  box-shadow: 1px 1px 11px 1px var(--cyan-2);
  display: none;
}

.art-neonz-on2 {
  background-color: #000;
  border: 1px solid #31f517;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 7px;
  display: flex;
  position: relative;
}

.art-neonz-on2.main {
  padding-right: 7px;
}

.art-neonz-on2.main.cayan {
  border-color: var(--cyan-2);
  box-shadow: 1px 1px 7px 0 var(--cyan-2);
  display: block;
}

.centered {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.art-title {
  color: #f0b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hmagisystm, sans-serif;
  font-size: 33px;
  line-height: 1;
}

.art-title.green {
  color: var(--lime-2);
}

.download {
  z-index: 2;
  height: 92px;
  position: absolute;
  inset: auto 0%;
}

.art-draw-img, .art-draw-img.big {
  padding-left: 0;
}

.art-hero-img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.white {
  color: var(--white);
}

.form-embed {
  width: 70%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
}

.form-embed.step-3 {
  display: none;
}

.form-title-holder {
  width: 70%;
}

.form-title-holder.margin {
  margin-top: 40px;
}

.form-title-holder.margin._100 {
  width: 85%;
  margin-bottom: 0;
}

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

.background-video, .the-future-video {
  width: 300px;
  height: 300px;
}

.grid-3-blocks {
  grid-template-columns: 1fr 1.5fr;
  grid-template-areas: "Area Area"
                       "Area-2 Area-3";
}

.title-holder-center {
  justify-content: center;
  display: flex;
}

.title-holder-center.margin {
  margin-top: 40px;
}

.tattoos-videos {
  z-index: 99;
  width: 236px;
  height: 236px;
}

.link-15, .link-15:hover, .link-15:active, .link-15:focus, .link-15:focus-visible, .link-15[data-wf-focus-visible], .link-15:visited {
  text-decoration: none;
}

.hide {
  display: none;
}

@media screen and (max-width: 991px) {
  .div-content, .section-content, .wrapper {
    width: 100%;
  }

  .index {
    display: block;
  }

  .linewrapper {
    flex-direction: column;
    justify-content: center;
    width: 20px;
  }

  .linetrack {
    height: 96%;
  }

  .modal-wrapper {
    margin-top: 20px;
  }

  .modal-wrapper.neonz.wild {
    padding-left: 0;
  }

  .modal-wrapper.neonz.wild._2 {
    margin-top: 100px;
    padding-left: 56px;
  }

  .modal-wrapper.neonz.wild._2.desktop, .modal-wrapper.neonz.wild.center.the-future {
    padding-left: 0;
  }

  .modal-body {
    align-items: flex-start;
    padding: 36px;
  }

  .modal-body.wild.no-padding.right {
    margin-left: 40px;
  }

  .modal-body.nobg.facez, .modal-body.center {
    align-items: center;
  }

  .button {
    padding: 12px 20px;
  }

  .wind-txt.title.neonz.wild.margin.pc {
    margin-left: 45px;
    display: block;
  }

  .wind-txt.green.left.margin.neonz {
    margin-left: 0;
  }

  ._1st-section-holder.neonz {
    border-style: none;
    border-top-right-radius: 0;
  }

  ._1st-section-holder.wild {
    border-style: none;
    margin-top: 0;
  }

  .content-holder {
    width: 100%;
    display: flex;
  }

  .hero {
    display: flex;
  }

  .grid {
    display: none;
  }

  .grid._1.neonz {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid._1.neonz.wild {
    align-items: center;
    padding-right: 10px;
  }

  .grid._1.neonz.wild._2._50 {
    place-content: center stretch;
    align-items: center;
  }

  .grid._1.neonz.wild._2.art.margin {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid._1.neonz.wild._2.art.wide {
    padding-left: 0;
  }

  .decoration-holder {
    padding-right: 0;
  }

  .decoration-holder.gif.mob {
    background-position: 50%;
    background-attachment: fixed;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .decoration-holder.wild {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .modal-body-holder {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder.neonz {
    align-items: center;
    padding-left: 100px;
  }

  .modal-body-holder.neonz.wild {
    padding-left: 20px;
  }

  .item.first.footer.last.mob {
    display: block;
  }

  .item.first.footer.mob, .navbar {
    display: none;
  }

  .btn-buy.pink {
    margin-left: 0;
  }

  .btn-buy.pink._40top._45left {
    width: auto;
    margin: 0 auto 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-btn1, .text-btn3, .text-btn2 {
    white-space: nowrap;
    font-size: 15px;
  }

  .btn-view._45left._40down {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .btn-view.pink {
    margin-left: 0;
  }

  .txt-view {
    white-space: nowrap;
    font-size: 15px;
  }

  .grid-5 {
    align-items: center;
    width: auto;
    height: auto;
    position: static;
  }

  .btn-holder {
    justify-content: space-between;
    margin-top: 20px;
    position: static;
  }

  .green-stroke._20top {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  ._2nd-section-holder.index {
    border-style: none;
  }

  .sutuverse-holder._4th.neonz.mint {
    height: auto;
  }

  .sutuverse-title-holder {
    flex-direction: column;
    margin: 40px 100px 100px;
    padding-top: 20px;
  }

  .sutuverse-title-holder.news {
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .card-holder.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .card-img-holder.new {
    border-style: none;
  }

  .title-wrapper.art.neonz-blockborn {
    height: 40px;
  }

  .card-txt.news._0top {
    margin-top: 0;
  }

  .qr-code-holder.wild {
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .qr-code-holder.timer {
    margin-top: 10px;
  }

  .qr-code {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .scan-icon {
    width: 90px;
    height: 90px;
  }

  .sutuverse-img-holder._2nd {
    display: none;
  }

  ._4th-section-holder.neonz {
    border-style: none;
    border-top-right-radius: 0;
  }

  .left-title.center.right {
    display: none;
  }

  .h74 {
    font-size: 30px;
  }

  .h74.center._41 {
    text-align: center;
    line-height: 45px;
  }

  .pink._12 {
    justify-content: center;
    font-size: 12px;
    display: flex;
  }

  .card-link {
    height: 100%;
  }

  .card-wrapper {
    width: auto;
    height: auto;
    max-height: none;
  }

  .full-image {
    height: auto;
  }

  .full-image.light {
    height: 200px;
  }

  .full-video {
    overflow: visible;
  }

  .modal-body-holder-small {
    padding: 36px;
  }

  .grid-8 {
    display: none;
  }

  .card-wrapper-copy {
    height: auto;
  }

  .navbar--game.full, .navbar--game.bg, .menu-holder {
    display: none;
  }

  .hero-video {
    height: 100%;
  }

  .card-wrapper-hero {
    height: auto;
  }

  .desktop {
    display: flex;
  }

  .content-desktop {
    display: none;
  }

  .header-holder {
    margin-top: 40px;
    padding-left: 0;
  }

  .header-holder.last {
    padding-bottom: 40px;
    padding-left: 0;
  }

  .header-holder.mob {
    display: block;
  }

  .header-holder.padding-top.mint-grid._40padding {
    grid-template-columns: 1fr;
  }

  .slidergrid._4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .slider {
    height: auto;
    padding-bottom: 60px;
  }

  .arrow-down {
    width: 35px;
    height: 35px;
    padding-bottom: 0;
  }

  .instruction-header-holdder {
    width: 50%;
  }

  .proc-holder.top {
    margin-top: 100px;
  }

  .proc.last.hide, .proc.hide {
    display: none;
  }

  .card-img-holder-copy {
    width: 100%;
  }

  .wild-img2 {
    left: -122px;
  }

  .card-link-copy.wild {
    width: 150px;
    height: 150px;
  }

  .card-link-copy.wild.video {
    left: -14px;
  }

  .card-link-copy.wild-red {
    width: auto;
    height: auto;
  }

  .card-link-copy.wild-red.snow {
    margin-left: 0;
    left: auto;
  }

  .card-link-copy.wild-blue {
    width: auto;
    height: auto;
  }

  .card-link-copy.wild-blue.sea {
    left: auto;
  }

  .card-title-holder-wild {
    height: auto;
  }

  .card-holder-copy {
    left: auto;
  }

  .card-link-copy-2 {
    height: 100%;
  }

  .faq {
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-item-q-icon-stripe-2 {
    width: 2px;
  }

  .accordion-item-q-icon-stripe-1 {
    height: 2px;
  }

  .neonzlogo {
    width: 28px;
  }

  .mobile-nav-link {
    width: 100%;
    color: var(--lime);
    font-family: "Pixel square 10", Verdana, sans-serif;
  }

  .navigation-mob {
    border-bottom: 1px solid #4455671c;
    flex-direction: row;
    justify-content: center;
    height: 85px;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    position: absolute;
  }

  .dropdown-list {
    background-color: #fff;
  }

  .mobile-toggle {
    width: 100%;
  }

  .dropdown-link-mobile {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .menu-mob {
    color: #000;
    background-color: #0000;
    border-radius: 0;
    font-size: 22px;
  }

  .menu-mob.w--open {
    background-color: #0000;
  }

  .mobile-nav {
    background-color: var(--black-2);
    padding-top: 15px;
    box-shadow: 42px 42px 55px #20355a17;
  }

  .navigation-container-mob {
    justify-content: space-between;
  }

  .hero-mob {
    background-image: url('../images/Sutu_neonz_nft-art-sm-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 100vh;
    display: flex;
  }

  .wrapper-mob {
    display: block;
  }

  .content-mob {
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
  }

  .icon-13 {
    color: var(--lime);
  }

  .mob-btn-holder {
    display: flex;
  }

  .mob-btn-holder.first {
    justify-content: flex-end;
    margin-right: 20px;
    display: flex;
  }

  .sutuverse-title-txt-holder {
    border: 1px solid var(--lime);
    background-color: var(--black-2);
    margin-top: 10px;
    padding: 20px;
  }

  .grid-mob-3 {
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .modal-txt-holder {
    display: flex;
  }

  .modal-body-holder-copy {
    padding: 36px;
  }

  .hero-mob-video {
    background-image: url('../images/Sutu_neonz_nft-art-sm-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 100vh;
    display: none;
  }

  .hero-mob-video.facez.nobg {
    background-image: url('../images/squares-nft-art-sutu-blue.png');
    background-repeat: repeat;
    background-size: 25px 25px;
  }

  .grid-mob-9 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .img-padding {
    border: 1px solid var(--lime);
  }

  .body-copy {
    display: none;
  }

  .footer-grid-02 {
    grid-template-columns: 2fr 1fr;
  }

  .footer-column-right {
    padding-right: 20px;
  }

  .footer-10.no-bg, .footer-10.index99 {
    width: auto;
  }

  .footer-link-green {
    margin-right: 0;
  }

  .footer-column {
    padding-right: 20px;
  }

  .footer-column.padding {
    align-items: flex-end;
    padding-right: 0;
  }

  .footer-bottom {
    flex-direction: column;
  }

  .modal-body-holder-2 {
    flex-direction: column;
    padding: 20px;
  }

  .btn-discord-2.gallery {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-content-2 {
    width: auto;
  }

  .btn-view-2.pink {
    margin-left: 0;
  }

  .grid-10._1.neonz.wild._2, .grid-10._1.neonz.wild._2._50, .grid-10._1.neonz.wild._40btm._2 {
    display: none;
  }

  .grid-10._1.neonz.facez {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .card-txt-wrapper-2 {
    height: auto;
  }

  .arrow-right-2.margin {
    margin-right: 20px;
  }

  ._1st-section-holder-2.wild {
    border-top-right-radius: 0;
    width: 100%;
  }

  .btn-buy-2.pink {
    margin-left: 0;
  }

  .btn-buy-2.pink.mobile {
    opacity: .48;
    display: block;
  }

  .btn-buy-2.pink._40top._45left {
    width: 50%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .btn-buy-2.pink._40top._45left.btn-neonz-faces-sync.bottom-padding {
    display: none;
  }

  .sutuverse-title-holder-2 {
    flex-direction: column;
    margin: 40px 100px 20px;
    padding-top: 20px;
  }

  .sutuverse-title-holder-2.news {
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .accordion-item-q-icon-stripe-1-2 {
    height: 2px;
  }

  .dark-green-2, .dark-green-2.hide {
    display: none;
  }

  .h74-2 {
    font-size: 30px;
  }

  .accordion-item-q-icon-stripe-2-2 {
    width: 2px;
  }

  .modal-wrapper-2 {
    margin-top: 20px;
  }

  .hero-2 {
    display: none;
  }

  ._5th-section-holder-2.blackb.neonz {
    margin-top: 0;
  }

  ._5th-section-holder-2.blackb.neonz.game {
    border-top-right-radius: 0;
  }

  .modal-body-2 {
    align-items: flex-start;
    padding: 36px;
  }

  .footer-11, .footer-11.no-bg {
    width: auto;
  }

  ._2nd-section-holder-2.index {
    background-image: linear-gradient(#00000063 25%, #000 25% 25%);
    border-style: none;
  }

  ._2nd-section-holder-2.index.margin {
    display: none;
  }

  ._2nd-section-holder-2.index.game {
    background-image: linear-gradient(#00000063 25%, #000 25% 25%);
    margin-top: 0;
    display: block;
  }

  ._2nd-section-holder-2.index.game.decktop, ._2nd-section-holder-2.index.desktop {
    display: none;
  }

  ._2nd-section-holder-2.index.mob {
    display: block;
  }

  ._4th-section-holder-2.neonz {
    border-style: none;
    border-top-right-radius: 0;
  }

  .neonzlogo-2 {
    width: 28px;
  }

  .mobile-nav-2 {
    background-color: #000;
    padding-top: 15px;
    box-shadow: 42px 42px 55px #20355a17;
  }

  .mobile-nav-link-2 {
    color: #31f517;
    width: 100%;
    font-family: "Pixel square 10", Verdana, sans-serif;
  }

  .menu-mob-2 {
    color: #000;
    background-color: #0000;
    border-radius: 0;
    font-size: 22px;
  }

  .menu-mob-2.w--open {
    background-color: #0000;
  }

  .icon-14 {
    color: #31f517;
  }

  .hero-mob-2 {
    background-image: url('../images/Sutu_neonz_nft-art-sm-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 100vh;
    display: flex;
  }

  .grid-mob-4 {
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .modal-body-holder-copy-2 {
    padding: 36px;
  }

  .enter-holder-2.hide {
    align-items: center;
    display: flex;
  }

  .wind-txt-3.green, .wind-txt-3.green.hide {
    display: none;
  }

  .sutuverse-title-txt-holder-2 {
    background-color: #000;
    border: 1px solid #31f517;
    margin-top: 10px;
    padding: 20px;
  }

  .card-txt-3.news._0top {
    margin-top: 0;
  }

  .navbar-2 {
    display: none;
  }

  .container-2 {
    margin-top: 60px;
  }

  .left-title-2 {
    width: auto;
    margin-left: 45px;
  }

  .section-content-2 {
    width: 100%;
  }

  .card-title-holder-facez-2 {
    top: 90px;
    left: -62%;
  }

  .desktop-lottie {
    width: 250px;
    height: 250px;
    display: block;
  }

  .footer-link-green-3 {
    margin-right: 0;
  }

  .card-link-copy-3 {
    height: 100%;
  }

  .card-link-copy-3.wild, .card-link-copy-3.wild-red {
    width: auto;
    height: auto;
  }

  .card-link-copy-3.wild-red._308 {
    left: 1px;
  }

  .card-link-copy-3.wild-blue {
    width: auto;
    height: auto;
  }

  .card-link-copy-3.wild-blue._208 {
    top: 43px;
  }

  .btn-sync-wrapper {
    width: auto;
    margin-top: 20px;
  }

  .hero-3 {
    display: none;
  }

  .hero-3.facez.nobg {
    width: 100%;
    display: flex;
  }

  .modal-body-3 {
    align-items: flex-start;
    padding: 36px;
  }

  .modal-body-3.nobg.facez {
    align-items: center;
    width: auto;
    margin-bottom: 40px;
    padding-top: 0;
  }

  .wrapper-2 {
    width: 100%;
  }

  .green-small-2.mob {
    text-align: center;
    display: block;
  }

  .desktop-2 {
    display: flex;
  }

  .sync-btn-wrapper {
    width: auto;
    margin-bottom: 60px;
  }

  .modal-wrapper-3 {
    margin-top: 20px;
  }

  .modal-wrapper-3.neonz.wild {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
  }

  .modal-wrapper-3.neonz.wild._2 {
    margin-top: 100px;
    padding-left: 56px;
  }

  .wind-txt-4.green.left.center {
    display: none;
  }

  .wind-txt-4.green.left.center.mob {
    margin-left: 40px;
    margin-right: 40px;
    display: block;
  }

  .wind-txt-4.green.left.facez {
    max-width: none;
  }

  .div-content-3 {
    width: 100%;
  }

  .footer-grid-3 {
    grid-template-columns: 2fr 1fr;
  }

  .modal-body-holder-3 {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder-3.neonz {
    align-items: center;
    padding-left: 100px;
  }

  .modal-body-holder-3.neonz.wild {
    width: 100%;
    padding-left: 20px;
  }

  .decoration-holder-2 {
    justify-content: center;
    width: 100%;
    padding-right: 0;
    display: flex;
  }

  .btn-view-3._45left._40down {
    margin-left: 0;
  }

  .content-holder-2 {
    width: 100%;
    height: auto;
    display: flex;
  }

  .proc-holder-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .proc-holder-2.hide {
    display: none;
  }

  .step01_wrapper {
    width: auto;
    margin-left: 0;
  }

  .navigation-container-mob-2 {
    justify-content: space-between;
    max-width: none;
  }

  .div-block-10 {
    padding-bottom: 60px;
  }

  .div-block-12 {
    display: none;
  }

  .background_wrapper {
    width: auto;
  }

  .proc-copy {
    display: none;
  }

  .div-block-18 {
    justify-content: center;
    display: flex;
  }

  .proc-5-copy-2 {
    display: none;
  }

  .container-4 {
    margin-top: 100px;
  }

  .footer-link-green-4 {
    margin-right: 0;
  }

  .container-5, .container-6, .container-7 {
    margin-top: 100px;
  }

  .container-7.privacy {
    display: none;
  }

  .column-7 {
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .gallery {
    justify-content: center;
    display: flex;
  }

  .summer {
    top: 9%;
  }

  .summer.missing {
    font-size: 40px;
  }

  .card-link-copy {
    height: 100%;
  }

  .card-wrapper-copy {
    width: auto;
    height: auto;
    max-height: none;
  }

  .full-image-copy {
    height: auto;
  }

  .full-image-copy.light {
    height: 200px;
  }

  .full-video-copy {
    overflow: visible;
  }

  .card-link-copy-copy {
    height: 100%;
  }

  .card-wrapper-copy-copy {
    width: auto;
    height: auto;
    max-height: none;
  }

  .full-image-copy-copy {
    height: auto;
  }

  .full-image-copy-copy.light {
    height: 200px;
  }

  .full-video-copy-copy {
    overflow: visible;
  }

  .circuit-breaker-image {
    border: 1px solid var(--cyan);
  }

  .card-c1 {
    max-width: none;
    transition-property: none;
  }

  .card-1 {
    max-width: 750px;
  }

  .card, .players {
    width: auto;
    min-width: 400px;
  }

  .player-cards {
    max-width: 750px;
  }

  .text-btn3-2 {
    white-space: nowrap;
    font-size: 15px;
  }

  .modal-body-4 {
    align-items: flex-start;
    padding: 36px;
  }

  .grid-13 {
    display: none;
  }

  .grid-13._1.neonz {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card-link-2 {
    height: 100%;
  }

  .footer-link-green-5 {
    margin-right: 0;
  }

  .modal-body-holder-4 {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder-4.neonz {
    align-items: center;
    padding-left: 20px;
  }

  .hero-4 {
    display: flex;
  }

  .wind-txt-5.green.left.margin.neonz {
    margin-left: 0;
  }

  .circuit-breaker-image-2 {
    border: 1px #0ff;
  }

  .text-btn1-2 {
    white-space: nowrap;
    font-size: 15px;
  }

  .footer-12.index99 {
    width: auto;
  }

  .text-btn2-2 {
    white-space: nowrap;
    font-size: 15px;
  }

  ._1st-section-holder-3.neonz {
    border-style: none;
    border-top-right-radius: 0;
  }

  ._1st-section-holder-3.neonz.new {
    padding-left: 10px;
    padding-right: 10px;
  }

  .img-padding-2 {
    border: 1px solid #31f517;
  }

  .art-draw-img {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .art-hero-img {
    object-fit: cover;
    height: 100vh;
  }

  .form-embed {
    display: none;
  }

  .form-title-holder.margin._100 {
    width: 100%;
    margin-bottom: 40px;
  }

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

@media screen and (max-width: 767px) {
  .div-content {
    width: auto;
  }

  .section-content, .wrapper {
    width: 100%;
  }

  .text-wrap-1-2 {
    top: 30vh;
  }

  .index {
    display: block;
  }

  .logo {
    width: 100%;
    height: auto;
  }

  .modal-wrapper {
    margin-top: 20px;
  }

  .modal-wrapper.neonz.wild {
    padding-left: 0;
  }

  .modal-wrapper.neonz.wild._2 {
    margin-top: 60px;
    padding-left: 50px;
  }

  .modal-wrapper.neonz.wild._2.hide, .modal-wrapper.neonz.wild._2.desktop {
    display: none;
  }

  .modal-wrapper.neonz.wild._2.mob {
    display: block;
  }

  .modal-wrapper.neonz.wild.center.the-future {
    padding-left: 20px;
  }

  .modal-body {
    padding: 28px 20px;
  }

  .modal-body.wild.no-padding.right {
    margin-left: 30px;
  }

  .modal-body.wild.future-video {
    align-items: center;
  }

  .modal-body.nobg.facez {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .modal-body.center {
    align-items: center;
  }

  .button {
    padding: 12px 18px;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .wind-txt.title.neonz.wild._45left {
    margin-left: 0;
  }

  .wind-txt.title.neonz.wild.margin.pc {
    text-align: left;
  }

  .wind-txt.green.left {
    margin-left: 45px;
  }

  .wind-txt.green.left.margin.neonz {
    margin-left: 0;
  }

  ._1st-section-holder.neonz, ._1st-section-holder.wild {
    border-style: none;
    margin-top: 0;
  }

  .content-holder {
    width: 100%;
    display: flex;
  }

  .hero {
    display: flex;
    top: auto;
  }

  .grid._1.neonz {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid._1.neonz.wild {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid._1.neonz.wild._2 {
    grid-template-rows: auto auto;
  }

  .grid._1.neonz.wild._2._50, .grid._1.neonz.wild._2.art.margin {
    grid-template-columns: 1fr;
  }

  .grid._1.neonz.wild._2.art.wide {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .decoration-holder {
    padding-right: 0;
  }

  .decoration-holder.gif.mob {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .decoration-holder.wild {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }

  .modal-body-holder {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder.neonz {
    padding-left: 20px;
  }

  .modal-body-holder.neonz.wild {
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
  }

  .item.first.footer.last.mob {
    display: block;
  }

  .btn-buy.pink {
    margin-left: 0;
  }

  .btn-buy.pink._40top._45left {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-btn1, .text-btn3, .text-btn2 {
    font-size: 15px;
  }

  .btn-view._45left._40down {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .btn-view.pink {
    margin-left: 0;
  }

  .txt-view {
    white-space: nowrap;
  }

  .txt-view.green {
    font-size: 15px;
  }

  .grid-5 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .btn-holder {
    justify-content: space-between;
    align-items: flex-end;
    width: auto;
    margin-top: 20px;
    position: static;
  }

  .green-stroke {
    width: 100%;
  }

  .green-stroke._20top {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  ._2nd-section-holder.index {
    border-style: none;
  }

  .sutuverse-holder._4th.neonz {
    height: auto;
  }

  .sutuverse-title-holder {
    flex-direction: column;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
  }

  .sutuverse-title-holder._4thsec {
    width: auto;
    margin-right: 40px;
    padding-right: 20px;
  }

  .card-holder.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .title-wrapper.art.neonz-blockborn {
    height: 40px;
  }

  .card-txt.news._0top {
    margin-top: 0;
  }

  .qr-code-holder.wild {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .qr-code-holder.timer {
    margin-top: 10px;
  }

  .qr-code-holder.right {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .qr-code {
    padding-left: 0;
  }

  ._4th-section-holder.neonz {
    border-style: none;
    margin-top: 0;
  }

  .left-title {
    justify-content: flex-start;
  }

  .h74 {
    font-size: 34px;
    line-height: 40px;
  }

  .h74.center._41 {
    text-align: center;
    line-height: 45px;
  }

  .pink._12 {
    text-align: left;
    justify-content: center;
    font-size: 12px;
    display: flex;
  }

  .card-link {
    width: auto;
    height: auto;
  }

  .card-wrapper {
    max-height: none;
  }

  .card-wrapper._208 {
    width: 100px;
    height: 100px;
  }

  .card-wrapper._277 {
    width: 150px;
    height: 150px;
  }

  .card-wrapper._308 {
    width: 140px;
    height: 140px;
  }

  .full-image {
    height: auto;
    min-height: auto;
  }

  .full-video {
    display: none;
  }

  .modal-body-holder-small {
    padding: 28px;
  }

  ._5th-section-holder.neonz {
    margin-top: 0;
  }

  .menu-holder {
    display: none;
  }

  .hero-title {
    text-align: center;
    font-size: 34px;
  }

  .hero-subtitle {
    font-size: 25px;
  }

  .desktop {
    display: block;
  }

  .btn-holder-neonz {
    margin-top: 0;
    margin-left: 0;
  }

  .header-holder {
    padding-left: 0;
  }

  .header-holder.last {
    padding-bottom: 40px;
    padding-left: 0;
  }

  .header-holder.last.mob {
    margin-bottom: 0;
  }

  .slidergrid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: auto;
  }

  .slider {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 60px;
  }

  .arrow-down-holder {
    height: auto;
  }

  .arrow-down {
    height: 50px;
    padding-bottom: 0;
  }

  .instruction-header-holdder {
    margin-left: 20px;
    margin-right: 20px;
  }

  .proc-holder.top {
    margin-top: 60px;
  }

  .proc.last.hide, .proc.hide {
    display: none;
  }

  .card-img-holder-copy {
    justify-content: center;
    height: 100%;
    margin-bottom: 40px;
  }

  .card-title-holder-copy {
    right: -25%;
  }

  .wild-img {
    margin-right: 0;
  }

  .wild-img2 {
    left: -148px;
  }

  .card-link-copy.wild {
    width: 200px;
    height: 200px;
    top: -52px;
    left: auto;
  }

  .card-link-copy.wild.video {
    left: auto;
  }

  .card-link-copy.wild._277 {
    top: auto;
    left: 229px;
  }

  .card-link-copy.wild-red {
    width: 200px;
    height: 200px;
  }

  .card-link-copy.wild-red.snow {
    left: auto;
  }

  .card-link-copy.wild-red._308 {
    left: auto;
    right: 37px;
  }

  .card-link-copy.wild-blue {
    width: 200px;
    height: 200px;
  }

  .card-link-copy.wild-blue.sea {
    left: auto;
  }

  .card-link-copy.wild-blue._208 {
    top: 127px;
    left: 173px;
  }

  .arrow-lottie-holder.hide {
    display: block;
  }

  .arrow-right {
    width: 25px;
    height: 25px;
  }

  .faq {
    padding-left: 20px;
    padding-right: 20px;
  }

  .neonzlogo {
    width: 28px;
  }

  .mobile-nav-link {
    color: var(--lime);
    font-family: "Pixel square 10", Verdana, sans-serif;
  }

  .navigation-mob {
    position: absolute;
  }

  .menu-mob {
    background-color: #0000;
    border-radius: 0;
  }

  .menu-mob.w--open, .mobile-nav {
    background-color: var(--black-2);
  }

  .hero-mob {
    background-image: url('../images/Sutu_neonz_nft-art-sm-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 100vh;
    top: 0;
  }

  .content-mob {
    width: auto;
    display: block;
  }

  .icon-13 {
    color: var(--lime);
  }

  .mob-btn-holder {
    justify-content: flex-end;
    display: flex;
  }

  .mob-btn-holder.first {
    justify-content: flex-end;
    margin-right: 20px;
    display: flex;
  }

  .sutuverse-title-txt-holder {
    border: 1px solid var(--lime);
    background-color: var(--black-2);
    margin-top: 10px;
    padding: 20px;
  }

  .grid-mob-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .modal-txt-holder {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .modal-body-holder-copy {
    padding: 28px;
  }

  .hero-mob-video {
    background-image: url('../images/Sutu_neonz_nft-art-sm-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 100vh;
    display: none;
    top: 0;
  }

  .hero-mob-video.facez.nobg {
    background-image: url('../images/squares-nft-art-sutu-blue.png');
    background-repeat: repeat;
    background-size: 25px 25px;
  }

  .btn-wrapper {
    justify-content: flex-end;
    width: 100%;
    display: flex;
  }

  .grid-mob-9 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .img-padding {
    border: 1px solid var(--lime);
  }

  .body-copy {
    display: none;
  }

  .footer-grid-02 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-column-right {
    padding-right: 0;
  }

  .footer-10.no-bg {
    width: auto;
  }

  .footer-column {
    padding-right: 0;
  }

  .footer-column.horizontal {
    justify-content: flex-start;
    margin-bottom: 40px;
  }

  .footer-column.padding {
    align-items: flex-start;
  }

  .footer-bottom {
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .big-number {
    font-size: 50px;
  }

  .text-block {
    font-size: 14px;
  }

  .main-content {
    padding: 40px 20px;
  }

  .modal-body-holder-2 {
    flex-direction: column;
    padding: 20px;
  }

  .btn-discord-2.gallery {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-l11-2 {
    font-size: 15px;
  }

  .div-content-2 {
    width: auto;
  }

  .btn-view-2.pink {
    margin-left: 0;
  }

  .green-stroke-2 {
    width: 100%;
  }

  .big-number-2 {
    font-size: 17px;
  }

  .grid-10._1.neonz.wild._2, .grid-10._1.neonz.wild._2._50, .grid-10._1.neonz.wild._40btm._2 {
    display: none;
  }

  .grid-10._1.neonz.facez {
    grid-template-columns: 1fr;
    width: auto;
  }

  .card-txt-wrapper-2 {
    height: auto;
  }

  .text-block-2 {
    font-size: 12px;
  }

  .arrow-right-2 {
    width: 25px;
    height: 25px;
  }

  .arrow-right-2.margin {
    margin-right: 20px;
  }

  ._1st-section-holder-2.wild {
    border-top-right-radius: 0;
    width: 560px;
  }

  .btn-buy-2.pink {
    margin-left: 0;
  }

  .btn-buy-2.pink.mobile {
    opacity: .24;
    margin-bottom: 10px;
    display: block;
  }

  .btn-buy-2.pink._40top._45left {
    margin-left: 100px;
    margin-right: 100px;
  }

  .btn-buy-2.pink._40top._45left.btn-neonz-faces-sync.bottom-padding {
    display: none;
  }

  .btn-buy-2.enter.pink.hide {
    display: flex;
  }

  .sutuverse-title-holder-2 {
    flex-direction: column;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
  }

  .dark-green-2 {
    display: none;
  }

  .h74-2 {
    font-size: 34px;
    line-height: 40px;
  }

  .text-bg1-l11-2 {
    font-size: 15px;
  }

  .modal-wrapper-2 {
    margin-top: 20px;
  }

  .text-bg2-l11-2 {
    font-size: 15px;
  }

  .hero-2 {
    display: none;
    top: 30vh;
  }

  ._5th-section-holder-2.blackb.neonz.game {
    border-top-right-radius: 0;
    margin-top: 0;
  }

  ._5th-section-holder-2.neonz {
    margin-top: 0;
  }

  .modal-body-2 {
    padding: 28px 20px;
  }

  .txt-view-2.green {
    font-size: 15px;
  }

  .footer-11, .footer-11.no-bg {
    width: auto;
  }

  ._2nd-section-holder-2.index {
    border-style: none;
  }

  ._2nd-section-holder-2.index.margin {
    display: none;
  }

  ._2nd-section-holder-2.index.game {
    background-image: none;
    border-top-right-radius: 0;
    margin-top: 0;
  }

  ._4th-section-holder-2.neonz {
    border-style: none;
    margin-top: 0;
  }

  .neonzlogo-2 {
    width: 28px;
  }

  .mobile-nav-2 {
    background-color: #000;
  }

  .mobile-nav-link-2 {
    color: #31f517;
    font-family: "Pixel square 10", Verdana, sans-serif;
  }

  .menu-mob-2 {
    background-color: #0000;
    border-radius: 0;
  }

  .menu-mob-2.w--open {
    background-color: #000;
  }

  .icon-14 {
    color: #31f517;
  }

  .hero-mob-2 {
    background-image: url('../images/Sutu_neonz_nft-art-sm-min.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 100vh;
    top: 0;
  }

  .grid-mob-4 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .modal-body-holder-copy-2 {
    padding: 28px;
  }

  .enter-holder-2.hide {
    align-items: center;
  }

  .wind-txt-3.green {
    display: none;
  }

  .sutuverse-title-txt-holder-2 {
    background-color: #000;
    border: 1px solid #31f517;
    margin-top: 10px;
    padding: 20px;
  }

  .card-txt-3.news._0top {
    margin-top: 0;
  }

  .card-txt-3.padding {
    margin-bottom: 20px;
  }

  .left-title-2 {
    text-align: left;
    justify-content: flex-start;
  }

  .arrow-down-holder-2 {
    height: auto;
    display: none;
  }

  .section-content-2 {
    width: 100%;
  }

  .desktop-lottie {
    width: 150px;
    height: 150px;
    display: block;
  }

  .card-link-copy-3.wild {
    top: -52px;
    left: auto;
  }

  .card-link-copy-3.wild._277 {
    width: 150px;
    height: 150px;
    top: auto;
    left: 124px;
  }

  .card-link-copy-3.wild-red._308 {
    width: 140px;
    height: 140px;
    left: -133px;
    right: 37px;
  }

  .card-link-copy-3.wild-blue._208 {
    width: 100px;
    height: 100px;
    top: 127px;
    left: 173px;
  }

  .btn-sync-wrapper {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-3 {
    display: none;
    top: 30vh;
  }

  .hero-3.facez.nobg {
    margin-bottom: 140px;
    display: flex;
  }

  .modal-body-3 {
    padding: 28px 20px;
  }

  .modal-body-3.nobg.facez {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper-2 {
    width: 100%;
  }

  .green-small-2 {
    display: none;
  }

  .green-small-2.mob {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .desktop-2 {
    display: flex;
  }

  .sync-btn-wrapper {
    width: auto;
    margin-bottom: 60px;
  }

  .modal-wrapper-3 {
    margin-top: 20px;
  }

  .modal-wrapper-3.neonz.wild {
    padding-left: 0;
  }

  .modal-wrapper-3.neonz.wild._2 {
    margin-top: 60px;
    padding-left: 50px;
  }

  .wind-txt-4.green.left {
    margin-left: 0;
  }

  .div-content-3 {
    width: 100%;
  }

  .footer-grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .modal-body-holder-3 {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder-3.neonz {
    padding-left: 20px;
  }

  .modal-body-holder-3.neonz.wild {
    align-items: flex-start;
    padding-left: 60px;
    padding-right: 60px;
  }

  .decoration-holder-2 {
    justify-content: center;
    padding-right: 0;
  }

  .btn-view-3._45left._40down {
    margin-left: 0;
  }

  .content-holder-2 {
    width: 100%;
    display: flex;
  }

  .text-l11-3 {
    font-size: 15px;
  }

  .proc-holder-2 {
    overflow: hidden;
  }

  .proc-holder-2.hide {
    display: none;
  }

  .step01_wrapper {
    margin-left: 45px;
    margin-right: 0;
  }

  .background_wrapper {
    width: auto;
  }

  .div-block-18, .div-block-20 {
    justify-content: center;
    display: flex;
  }

  .container-5, .container-7 {
    margin-top: 100px;
  }

  .container-7.privacy {
    display: none;
  }

  .gallery {
    justify-content: center;
    display: flex;
  }

  .summer {
    top: 14%;
  }

  .card-link-copy {
    width: auto;
    height: auto;
  }

  .card-wrapper-copy {
    max-height: none;
  }

  .card-wrapper-copy._208 {
    width: 100px;
    height: 100px;
  }

  .card-wrapper-copy._277 {
    width: 150px;
    height: 150px;
  }

  .card-wrapper-copy._308 {
    width: 140px;
    height: 140px;
  }

  .full-image-copy {
    height: auto;
    min-height: auto;
  }

  .full-video-copy {
    display: none;
  }

  .card-link-copy-copy {
    width: auto;
    height: auto;
  }

  .card-wrapper-copy-copy {
    max-height: none;
  }

  .card-wrapper-copy-copy._208 {
    width: 100px;
    height: 100px;
  }

  .card-wrapper-copy-copy._277 {
    width: 150px;
    height: 150px;
  }

  .card-wrapper-copy-copy._308 {
    width: 140px;
    height: 140px;
  }

  .full-image-copy-copy {
    height: auto;
    min-height: auto;
  }

  .full-video-copy-copy {
    display: none;
  }

  .card-c1 {
    width: auto;
    max-width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .card-1, .player-cards {
    flex-direction: column;
    align-items: center;
  }

  .badge {
    width: 60px;
  }

  .text-btn3-2 {
    font-size: 15px;
  }

  .modal-body-4 {
    padding: 28px 20px;
  }

  .grid-13._1.neonz {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-title-2 {
    text-align: center;
    font-size: 34px;
  }

  .text-l11-4 {
    font-size: 15px;
  }

  .card-link-2 {
    width: auto;
    height: auto;
  }

  .modal-body-holder-4 {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder-4.neonz {
    padding-left: 20px;
  }

  .hero-4 {
    display: flex;
    top: auto;
  }

  .wind-txt-5.green.left {
    margin-left: 45px;
  }

  .wind-txt-5.green.left.margin.neonz {
    margin-left: 0;
  }

  .circuit-breaker-image-2 {
    border-style: none;
  }

  .text-btn1-2, .text-btn2-2 {
    font-size: 15px;
  }

  ._1st-section-holder-3.neonz {
    border-style: none;
    margin-top: 0;
  }

  .img-padding-2 {
    border: 1px solid #31f517;
  }

  .hero-subtitle-2 {
    font-size: 25px;
  }

  .art-draw-img {
    padding-left: 0;
  }

  .art-hero-img {
    object-fit: cover;
    height: 100vh;
  }

  .form-embed {
    display: none;
  }

  .form-title-holder.margin._100 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 479px) {
  .div-content, .section-content {
    width: 100%;
  }

  .div-block-5 {
    display: none;
  }

  .wrapper {
    width: 100%;
  }

  .social-link-1 {
    top: 4vh;
  }

  .text-wrap-1-2 {
    top: 25vh;
  }

  .index {
    display: block;
  }

  .main-image {
    width: auto;
    height: auto;
  }

  .logo-holder {
    width: 100%;
    height: 100%;
  }

  .logo {
    width: 100%;
    height: auto;
    position: relative;
  }

  .modal-wrapper {
    margin-top: 20px;
  }

  .modal-wrapper.neonz.wild {
    width: auto;
    margin-top: 40px;
    padding-left: 0;
  }

  .modal-wrapper.neonz.wild._2 {
    margin-top: 0;
  }

  .modal-wrapper.neonz.wild._2.hide {
    display: none;
  }

  .modal-wrapper.neonz.wild._2.mob {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .modal-wrapper.neonz.wild.center.the-future {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .button-circles-wrap {
    display: block;
  }

  .modal-body {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
  }

  .modal-body.neonz, .modal-body.wild {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-body.wild._2 {
    padding-left: 20px;
  }

  .modal-body.wild.no-padding.right {
    margin-left: 20px;
  }

  .modal-body.nobg.facez {
    align-items: center;
    padding-left: 0;
  }

  .modal-body.center {
    align-items: flex-start;
  }

  .row-space-between {
    flex-direction: column;
    align-items: flex-start;
  }

  .wind-txt.title.neonz {
    font-size: 25px;
  }

  .wind-txt.title.neonz.wild {
    font-size: 20px;
  }

  .wind-txt.title.neonz.wild._45left {
    margin-left: 45px;
  }

  .wind-txt.title.neonz.wild.margin.pc {
    text-align: left;
  }

  .wind-txt.title.mint {
    text-align: center;
  }

  .wind-txt.title.mint.spring.left {
    text-align: left;
  }

  .wind-txt.green.left {
    margin-left: 45px;
    font-size: 14px;
  }

  .wind-txt.green.left.margin.neonz {
    margin-left: 0;
  }

  .wind-txt.green.left.new {
    margin-left: 0;
    font-size: 15px;
  }

  ._1st-section-holder.neonz {
    border-style: none;
  }

  ._1st-section-holder.neonz.new {
    padding-left: 0;
    padding-right: 0;
  }

  ._1st-section-holder.wild {
    border-style: none;
    width: 100%;
    margin-top: 0;
  }

  .column-holder {
    display: none;
  }

  .content-holder {
    width: auto;
    display: flex;
  }

  .hero {
    width: auto;
    display: flex;
    top: auto;
  }

  .grid {
    display: none;
  }

  .grid._1.neonz {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid._1.neonz.wild {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: stretch;
    width: auto;
  }

  .grid._1.neonz.wild._2 {
    grid-template-rows: auto auto;
  }

  .grid._1.neonz.wild._2._50 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid._1.neonz.wild._2.art {
    grid-template-columns: 1fr;
  }

  .grid._1.neonz.wild._2.art.margin {
    padding-right: 0;
  }

  .decoration-holder {
    width: auto;
    margin-top: 0;
    padding-right: 0;
  }

  .decoration-holder.gif {
    background-position: 50% 0;
    background-size: cover;
  }

  .decoration-holder.gif.mob {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
  }

  .decoration-holder.wild {
    margin-bottom: auto;
    padding-bottom: 20px;
  }

  .modal-body-holder {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder.neonz {
    padding-left: 20px;
  }

  .modal-body-holder.neonz.wild {
    align-items: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-body-holder.neonz.wild._2 {
    padding-right: 0;
  }

  .code-holder {
    display: none;
  }

  .menu {
    width: 100%;
    display: flex;
  }

  .item.first.footer, .item.first.footer.last {
    display: none;
  }

  .item.first.footer.last.mob, .item.first.footer.mob, .item.first.footer, .item.first.footer.last.show {
    display: block;
  }

  .navbar {
    width: 100%;
    display: none;
  }

  .slogan-holder {
    width: 100%;
  }

  .slogan2-txt-bg {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .sloagn {
    white-space: nowrap;
    font-size: 12px;
  }

  .btn-buy.pink {
    margin-left: 0;
  }

  .btn-buy.pink._40top._45left {
    width: auto;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .link-btn {
    margin-left: 10px;
    margin-right: 10px;
  }

  .text-btn1 {
    white-space: nowrap;
    font-size: 13px;
  }

  .text-btn1.new {
    font-size: 20px;
  }

  .text-btn3 {
    white-space: nowrap;
    font-size: 20px;
    left: auto;
  }

  .text-btn2 {
    white-space: nowrap;
    font-size: 20px;
  }

  .btn-view {
    margin-left: 0;
  }

  .btn-view._45left._40down {
    margin-left: auto;
    margin-right: auto;
  }

  .btn-view.pink {
    margin-left: 0;
  }

  .txt-view {
    white-space: nowrap;
    font-size: 10px;
  }

  .txt-view.green {
    white-space: nowrap;
    font-size: 13px;
  }

  .grid-5 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: static;
  }

  .btn-holder {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .green-stroke, .green-stroke._4th {
    width: 100%;
  }

  .green-stroke._20top {
    margin-top: 20px;
  }

  ._2nd-section-holder.index {
    border-style: none;
  }

  ._2nd-section-holder.index.news {
    background-image: none;
  }

  .sutuverse-holder._4th.neonz {
    height: auto;
  }

  .sutuverse-title-holder {
    flex-direction: column;
    margin: 0 40px 40px;
    padding-top: 20px;
  }

  .sutuverse-title-holder._4thsec {
    width: auto;
    margin-right: 0;
    padding-right: 20px;
  }

  .card-holder {
    width: auto;
  }

  .card-img-holder.mob {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .card-img-holder.news {
    width: 100%;
  }

  .title-wrapper.art.neonz-blockborn {
    height: 30px;
  }

  .card-txt-wrapper {
    width: 100%;
  }

  .card-txt-wrapper.news {
    height: auto;
  }

  .card-txt.news._0top {
    margin-top: 0;
  }

  .qr-code-holder.wild {
    margin-left: auto;
    margin-right: auto;
  }

  .qr-code-holder.wild.facez {
    justify-content: flex-end;
  }

  .qr-code-holder.timer {
    display: block;
  }

  .qr-code-holder.right {
    display: none;
  }

  .qr-code {
    padding-left: 0;
  }

  .sutuverse-img-holder._2nd {
    display: none;
  }

  ._4th-section-holder.neonz {
    border-style: none;
  }

  .left-title.middle {
    margin-left: 20px;
  }

  .h74 {
    font-size: 25px;
    line-height: 35px;
  }

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

  .h74.center.cayan, .h74.center._41, .h74._41.cayan {
    font-size: 30px;
  }

  .arrow {
    width: 25px;
  }

  .pink._12 {
    font-size: 12px;
  }

  .card-link {
    width: auto;
    height: auto;
  }

  .card-link.slider {
    padding-bottom: 0;
  }

  .card-wrapper {
    max-height: none;
  }

  .card-wrapper._208 {
    width: 120px;
    height: 120px;
  }

  .card-wrapper._277 {
    width: 140px;
    height: 140px;
  }

  .card-wrapper._308 {
    width: 90px;
    height: 90px;
  }

  .full-image {
    height: auto;
    min-height: auto;
  }

  .full-image.light {
    width: 100px;
    height: 100px;
  }

  .full-video {
    display: none;
  }

  .modal-body-holder-small {
    padding: 20px;
  }

  .card-video {
    width: 100%;
  }

  .card-video.no-stroke {
    border-style: none;
  }

  .grid-8 {
    display: none;
  }

  .navbar--game {
    width: 100%;
  }

  .menu-holder {
    display: none;
  }

  .hero-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .hero-subtitle {
    text-align: center;
    font-size: 17px;
  }

  .desktop {
    display: block;
  }

  .content-desktop {
    width: auto;
    display: none;
  }

  .btn-holder-neonz {
    justify-content: flex-start;
    margin-top: 0;
    margin-left: 0;
  }

  .btn-holder-neonz.new {
    max-width: 100%;
  }

  .header-holder {
    padding-left: 0;
  }

  .header-holder.last {
    padding-bottom: 40px;
  }

  .header-holder.padding-top.mint-grid._40padding {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slidergrid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: auto;
  }

  .slidergrid._4 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .slider {
    z-index: 5;
    height: auto;
    padding-bottom: 60px;
  }

  .slide-title-holder {
    justify-content: center;
    align-items: flex-end;
    height: auto;
  }

  .slide-title-holder.center {
    align-items: center;
  }

  .slide-title {
    text-align: center;
  }

  .instruction-header-holdder {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .header-instructions {
    font-size: 14px;
  }

  .proc-holder {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .proc-holder.top {
    margin-top: 60px;
  }

  .proc-holder.hide, .proc.hide {
    display: none;
  }

  .card-img-holder-copy {
    justify-content: center;
  }

  .card-title-holder-copy {
    justify-content: center;
    width: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .wild-img2 {
    max-width: none;
    top: auto;
    left: auto;
  }

  .card-link-copy.wild {
    width: 100px;
    height: 100px;
    top: -118px;
  }

  .card-link-copy.wild.video {
    left: 7px;
  }

  .card-link-copy.wild._277 {
    width: 140px;
    height: 140px;
    top: -50px;
    left: 80px;
  }

  .card-link-copy.wild-red {
    width: 100px;
    height: 100px;
    top: -37px;
    right: auto;
  }

  .card-link-copy.wild-red.snow {
    height: auto;
    top: -34px;
    left: auto;
    right: auto;
  }

  .card-link-copy.wild-red._308 {
    width: 90px;
    height: 90px;
    left: 10px;
    right: auto;
  }

  .card-link-copy.wild-blue {
    width: 100px;
    height: 100px;
    top: -37px;
    left: auto;
  }

  .card-link-copy.wild-blue.sea {
    height: auto;
    left: auto;
  }

  .card-link-copy.wild-blue._208 {
    width: 120px;
    height: 120px;
    top: 38px;
    left: 54px;
  }

  .card-title-holder-wild {
    top: 64px;
  }

  .card-title-holder-wild.wild {
    top: 133px;
  }

  .card-holder-copy {
    left: auto;
  }

  .arrow-lottie-holder.hide {
    display: block;
  }

  .arrow-right {
    width: 25px;
    height: 25px;
  }

  .faq {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-question {
    font-size: 1.1em;
    line-height: 1.3em;
  }

  .neonzlogo {
    width: 28px;
  }

  .mobile-nav-link {
    color: var(--lime);
    font-family: "Pixel square 10", Verdana, sans-serif;
  }

  .navigation-mob {
    position: absolute;
  }

  .dropdown-link-mobile {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .menu-mob {
    background-color: #0000;
  }

  .menu-mob.w--open {
    background-color: var(--black-2);
    border-radius: 0;
  }

  .mobile-nav {
    background-color: var(--black-2);
  }

  .content-holder-index-mob {
    width: auto;
    display: block;
  }

  .hero-mob {
    background-image: linear-gradient(#00000029, #00000029), url('../images/Sutu_neonz_nft-art-2nd.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    width: auto;
    height: 100vh;
    display: flex;
    top: 0;
  }

  .wrapper-mob {
    display: block;
  }

  .content-mob {
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
  }

  .icon-13 {
    color: var(--lime);
  }

  .mob-grid4 {
    margin-top: 20px;
  }

  .mob-btn-holder {
    justify-content: center;
    margin-bottom: 0;
    display: flex;
  }

  .mob-btn-holder.first {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .sutuverse-title-txt-holder {
    border: 1px solid var(--lime);
    background-color: var(--black-2);
    margin-top: 10px;
    padding: 20px;
  }

  .grid-mob-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .enter-holder {
    justify-content: flex-start;
    margin-left: 40px;
    padding-left: 0;
  }

  .modal-txt-holder {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .modal-body-holder-copy {
    flex-direction: row;
    padding: 20px;
  }

  .hero-mob-video {
    background-image: none;
    width: auto;
    height: 100vh;
    display: none;
    top: 0;
  }

  .hero-mob-video.facez.nobg {
    background-image: url('../images/squares-nft-art-sutu-blue.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 25px 25px;
  }

  .btn-wrapper {
    justify-content: flex-end;
    width: 100%;
    display: flex;
  }

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

  .grid-mob-9 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .img-padding {
    border: 1px solid var(--lime);
    padding: 0;
  }

  .body-copy {
    display: block;
  }

  .footer-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .footer-grid-02 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-column-right.horizontal {
    justify-content: flex-start;
  }

  .footer-10.index99 {
    width: auto;
  }

  .text-rights {
    text-align: left;
    margin-right: 0;
  }

  .footer-column.padding {
    align-items: flex-start;
  }

  .secondary-link-dark {
    margin-right: 32px;
  }

  .footer-bottom {
    text-align: center;
    flex-direction: column;
  }

  .time-grid {
    grid-column-gap: 25px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .slogan2-txt-bg-2 {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .code-holder-2, .code-holder-2.width-425 {
    display: block;
  }

  .code-holder-2.width-375, .code-holder-2.width-320 {
    display: none;
  }

  .modal-body-holder-2 {
    flex-direction: column;
    padding: 20px;
  }

  .btn-discord-2.gallery {
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-l11-2 {
    white-space: nowrap;
    font-size: 13px;
  }

  .title-bg-2 {
    justify-content: space-between;
  }

  .div-content-2 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .faq-question-2 {
    font-size: 1.1em;
    line-height: 1.3em;
  }

  .btn-view-2, .btn-view-2.pink {
    margin-left: 0;
  }

  .green-stroke-2, .green-stroke-2._4th {
    width: 100%;
  }

  .big-number-2 {
    font-size: 15px;
  }

  .grid-10._1.neonz.wild._2, .grid-10._1.neonz.wild._2._50 {
    display: none;
  }

  .grid-10._1.neonz.wild._40btm._2 {
    grid-template-columns: 1fr;
    display: none;
  }

  .grid-10._1.neonz.facez {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: auto;
  }

  .card-txt-wrapper-2 {
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    display: block;
  }

  .card-txt-wrapper-2.news {
    height: auto;
  }

  .text-block-2 {
    font-size: 10px;
  }

  .sloagn-2 {
    white-space: nowrap;
    font-size: 12px;
  }

  .arrow-right-2 {
    width: 25px;
    height: 25px;
  }

  .arrow-right-2.enter {
    width: 30px;
    margin-bottom: 0;
    margin-right: 10px;
  }

  ._1st-section-holder-2.wild {
    border-top-right-radius: 0;
    width: 100%;
  }

  .main-image-2 {
    width: auto;
    height: auto;
  }

  .btn-buy-2.pink {
    margin-left: 0;
  }

  .btn-buy-2.pink.mobile {
    opacity: .38;
    margin-bottom: 10px;
    display: block;
  }

  .btn-buy-2.pink._40top._45left {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-buy-2.pink._40top._45left.btn-neonz-faces-sync.bottom-padding {
    display: none;
  }

  .btn-buy-2.enter.pink {
    width: 92px;
    height: 36px;
  }

  .btn-buy-2.enter.pink.hide {
    display: flex;
  }

  .btn-buy-2.enter.pink._45 {
    width: auto;
  }

  .sutuverse-title-holder-2 {
    flex-direction: column;
    margin: 0 20px 20px;
    padding-top: 20px;
  }

  .link-l11-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .link-l11-2.gallery {
    margin-left: 0;
    margin-right: 0;
  }

  .h74-2 {
    font-size: 25px;
    line-height: 35px;
  }

  .text-bg1-l11-2 {
    white-space: nowrap;
    font-size: 13px;
  }

  .modal-wrapper-2 {
    margin-top: 20px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .text-bg2-l11-2 {
    white-space: nowrap;
    font-size: 13px;
  }

  .hero-2 {
    width: auto;
    display: none;
    top: 25vh;
  }

  .card-title-txt-2 {
    font-size: 18px;
  }

  ._5th-section-holder-2.blackb.neonz {
    margin-top: 0;
  }

  ._5th-section-holder-2.blackb.neonz.game {
    margin-top: 20px;
  }

  .modal-body-2 {
    padding: 20px 0;
  }

  .txt-view-2 {
    white-space: nowrap;
    font-size: 10px;
  }

  .txt-view-2.green {
    white-space: nowrap;
    font-size: 13px;
  }

  .wind-txt-2.green {
    display: block;
  }

  .card-video-2 {
    width: 100%;
  }

  .card-video-2.no-stroke {
    border-style: none;
  }

  .footer-11, .footer-11.no-bg {
    width: auto;
  }

  ._2nd-section-holder-2.index {
    border-style: none;
    margin-left: 0;
    margin-right: 0;
  }

  ._2nd-section-holder-2.index.news {
    background-image: none;
  }

  ._2nd-section-holder-2.index.margin {
    display: none;
  }

  ._2nd-section-holder-2.index.game {
    background-image: linear-gradient(#00000063 25%, #000 25% 25%);
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .card-title-holder-2 {
    flex-direction: row;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .card-txt-holder-2 {
    flex-direction: column;
    justify-content: flex-start;
    display: block;
  }

  .card-txt-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .card-txt-2.news {
    margin-bottom: 20px;
  }

  ._4th-section-holder-2.neonz {
    border-style: none;
  }

  .neonzlogo-2 {
    width: 26px;
  }

  .mobile-nav-2 {
    background-color: #000;
    display: block;
  }

  .mobile-nav-link-2 {
    color: #31f517;
    font-family: "Pixel square 10", Verdana, sans-serif;
    display: block;
  }

  .menu-mob-2 {
    background-color: #0000;
  }

  .menu-mob-2.w--open {
    background-color: #000;
    border-radius: 0;
  }

  .icon-14 {
    color: #31f517;
  }

  .hero-mob-2 {
    background-image: linear-gradient(#00000029, #00000029), url('../images/Sutu_neonz_nft-art-2nd.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    width: auto;
    height: 70vh;
    display: flex;
    top: 0;
  }

  .image-2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-mob-4 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-mob-4.grid-mob-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal-body-holder-copy-2 {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
  }

  .enter-holder-2 {
    justify-content: flex-start;
    width: 180px;
    margin: 20px auto 32px;
    padding-left: 0;
    position: static;
  }

  .enter-holder-2.hide {
    justify-content: flex-end;
    margin-bottom: 0;
    display: flex;
  }

  .image-3 {
    font-size: 12px;
    line-height: 16px;
  }

  .wind-txt-3.green {
    display: none;
  }

  .sutuverse-title-txt-holder-2 {
    background-color: #000;
    border: 1px solid #31f517;
    margin-top: 10px;
    padding: 20px;
  }

  .mob-grid4-2 {
    grid-template-rows: auto auto auto;
    margin-top: 20px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .card-txt-3 {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .card-txt-3.news {
    margin-bottom: 20px;
  }

  .card-txt-3.news._0top {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 20px;
    padding-left: 20px;
  }

  .navbar-2 {
    width: 100%;
    display: none;
  }

  .container-2 {
    margin-top: 40px;
  }

  .left-title-2 {
    margin-left: 0;
  }

  .left-title-2.facez {
    justify-content: flex-start;
    margin-left: 0;
  }

  .container-3 {
    width: auto;
    max-width: none;
  }

  .arrow-down-holder-2 {
    display: none;
  }

  .section-content-2 {
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    overflow: hidden;
  }

  .desktop-lottie {
    width: 150px;
    height: 150px;
    display: block;
  }

  .footer-link-green-3 {
    font-family: "Pixel square 10", Verdana, sans-serif;
  }

  .card-link-copy-3.wild._277 {
    width: 140px;
    height: 140px;
    top: -50px;
    left: 80px;
  }

  .card-link-copy-3.wild-red {
    right: auto;
  }

  .card-link-copy-3.wild-red._308 {
    width: 90px;
    height: 90px;
    left: 10px;
    right: auto;
  }

  .card-link-copy-3.wild-blue {
    left: auto;
  }

  .card-link-copy-3.wild-blue._208 {
    width: 120px;
    height: 120px;
    top: 38px;
    left: 5px;
  }

  .btn-sync-wrapper {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-3 {
    width: auto;
    display: none;
    top: 25vh;
  }

  .hero-3.facez.nobg {
    margin-bottom: 0;
    display: flex;
  }

  .modal-body-3 {
    padding: 20px 0;
  }

  .modal-body-3.nobg.facez {
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 0;
  }

  .modal-body-3.wild._2 {
    padding-left: 0;
  }

  .wrapper-2 {
    width: 100%;
    overflow: hidden;
  }

  .div-block-1-copy-2 {
    height: auto;
  }

  .txt-view-3 {
    white-space: nowrap;
    font-size: 10px;
  }

  .green-small-2 {
    display: block;
  }

  .green-small-2.mob {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .desktop-2 {
    display: flex;
  }

  .sync-btn-wrapper {
    flex-direction: column;
    align-items: center;
    width: auto;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .modal-wrapper-3 {
    margin-top: 20px;
  }

  .modal-wrapper-3.neonz.wild {
    width: auto;
    margin-top: 0;
    padding-left: 0;
  }

  .modal-wrapper-3.neonz.wild._2 {
    margin-top: 0;
  }

  .wind-txt-4.green.left {
    margin-left: 45px;
    font-size: 14px;
  }

  .wind-txt-4.green.left.center {
    margin-left: 0;
    display: none;
  }

  .wind-txt-4.green.left.center.mob {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .wind-txt-4.title.neonz {
    font-size: 25px;
  }

  .div-content-3 {
    width: 100%;
    height: auto;
    margin-top: 60px;
  }

  .footer-grid-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .modal-body-holder-3 {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder-3.neonz {
    padding-left: 20px;
  }

  .modal-body-holder-3.neonz.wild {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-body-holder-3.neonz.wild._2 {
    padding-right: 0;
  }

  .decoration-holder-2 {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .btn-view-3, .btn-view-3._45left._40down {
    margin-left: 0;
  }

  .title-wrapper-2 {
    width: auto;
  }

  .content-holder-2 {
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .text-l11-3 {
    white-space: nowrap;
    font-size: 13px;
  }

  .proc-holder-2 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .proc-holder-2.hide {
    display: none;
  }

  .step01_wrapper {
    margin-left: 0;
  }

  .columns-3 {
    padding-left: 10px;
    padding-right: 0;
  }

  .div-block-11 {
    overflow: hidden;
  }

  .div-block-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .column {
    padding-left: 10px;
    padding-right: 0;
  }

  .image-4-news-3 {
    margin-top: 0;
  }

  .section-5 {
    margin-left: auto;
    margin-right: auto;
  }

  .section-8 {
    margin-left: 0%;
    margin-right: 0%;
  }

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

  .image-4-copy {
    margin-top: 0;
  }

  .proc-copy-2.hide {
    display: none;
  }

  .div-block-19 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .text-block-7 {
    text-align: left;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 300;
    display: flex;
    position: static;
    left: -16px;
  }

  .image-8 {
    margin-right: 4px;
  }

  .proc-holder-news-3mobile {
    margin-left: 0;
    margin-right: 0;
  }

  .proc-holder-news-3mobile.padding {
    padding-bottom: 20px;
  }

  .columns-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-10 {
    margin-right: 4px;
  }

  .column-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-4 {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-5 {
    overflow: hidden;
  }

  .container-7 {
    margin-top: 100px;
  }

  .container-7.privacy {
    display: none;
  }

  .column-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-7 {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .html-embed {
    display: none;
  }

  .gallery {
    justify-content: center;
    display: flex;
  }

  .card-link-copy {
    width: auto;
    height: auto;
  }

  .card-wrapper-copy {
    max-height: none;
  }

  .card-wrapper-copy._208 {
    width: 120px;
    height: 120px;
  }

  .card-wrapper-copy._277 {
    width: 140px;
    height: 140px;
  }

  .card-wrapper-copy._308 {
    width: 90px;
    height: 90px;
  }

  .full-image-copy {
    height: auto;
    min-height: auto;
  }

  .full-image-copy.light {
    width: 100px;
    height: 100px;
  }

  .full-video-copy {
    display: none;
  }

  .slide-title-copy {
    text-align: center;
  }

  .card-link-copy-copy {
    width: auto;
    height: auto;
  }

  .card-wrapper-copy-copy {
    max-height: none;
  }

  .card-wrapper-copy-copy._208 {
    width: 120px;
    height: 120px;
  }

  .card-wrapper-copy-copy._277 {
    width: 140px;
    height: 140px;
  }

  .card-wrapper-copy-copy._308 {
    width: 90px;
    height: 90px;
  }

  .full-image-copy-copy {
    height: auto;
    min-height: auto;
  }

  .full-image-copy-copy.light {
    width: 100px;
    height: 100px;
  }

  .full-video-copy-copy {
    display: none;
  }

  .slide-title-copy-copy {
    text-align: center;
  }

  .social_wrapper._2.hide {
    display: none;
  }

  .presents {
    max-width: 80%;
  }

  .title-new {
    font-size: 17px;
  }

  .title-new.h74.cayan {
    text-align: center;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 35px;
  }

  .lightning.arrow.new {
    margin-right: 20px;
  }

  .lightning.arrow.new.right {
    margin-left: 20px;
  }

  .subtitle {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 1;
  }

  .subtitle.new {
    max-width: 55%;
    font-size: 17px;
  }

  .new-btn-holder {
    justify-content: center;
  }

  .card-c1 {
    width: auto;
    margin: 15px 12px;
  }

  .card-1 {
    width: 280px;
  }

  .card, .players {
    min-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .player-cards {
    width: 280px;
  }

  .player-desc.gold {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .player-desc.cayan {
    padding-top: 40px;
  }

  .badge {
    top: -10%;
  }

  .text-btn3-2 {
    white-space: nowrap;
    font-size: 20px;
    left: auto;
  }

  .modal-body-4 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
  }

  .modal-body-4.neonz {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-13 {
    display: none;
  }

  .grid-13._1.neonz {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-title-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .text-l11-4 {
    white-space: nowrap;
    font-size: 13px;
  }

  .card-link-2 {
    width: auto;
    height: auto;
  }

  .card-link-2.slider {
    padding-bottom: 0;
  }

  .slide-title-holder-2 {
    justify-content: center;
    align-items: flex-end;
    height: auto;
  }

  .modal-body-holder-4 {
    flex-direction: column;
    padding: 20px;
  }

  .modal-body-holder-4.neonz {
    padding-left: 20px;
  }

  .hero-4 {
    width: auto;
    display: flex;
    top: auto;
  }

  .slide-title-2 {
    text-align: center;
  }

  .wind-txt-5.green.left {
    margin-left: 45px;
    font-size: 14px;
  }

  .wind-txt-5.green.left.margin.neonz {
    margin-left: 0;
  }

  .wind-txt-5.green.left.new {
    margin-left: 0;
    font-size: 15px;
  }

  .wind-txt-5.green.left.new.blue.center {
    text-align: center;
    font-size: 13px;
  }

  .wind-txt-5.green.left.new.art {
    margin-left: 0;
  }

  .wind-txt-5.green.left.new.art.no-margin.margin-top {
    margin-left: 20px;
    padding-right: 20px;
  }

  .circuit-breaker-image-2 {
    border-style: none;
  }

  .text-btn1-2 {
    white-space: nowrap;
    font-size: 13px;
  }

  .text-btn1-2.new {
    font-size: 20px;
  }

  .footer-12.index99 {
    width: auto;
  }

  .text-btn2-2 {
    white-space: nowrap;
    font-size: 20px;
  }

  .title-new-2 {
    font-size: 17px;
  }

  ._1st-section-holder-3.neonz {
    border-style: none;
  }

  ._1st-section-holder-3.neonz.new {
    padding-left: 0;
    padding-right: 0;
  }

  .subtitle-2 {
    margin-top: 0;
    font-size: 17px;
    line-height: 1;
  }

  .subtitle-2.new {
    max-width: 55%;
    font-size: 17px;
  }

  .img-padding-2 {
    border: 1px solid #31f517;
    padding: 0;
  }

  .hero-subtitle-2 {
    text-align: center;
    font-size: 17px;
  }

  .hero-subtitle-2.art {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 26px;
  }

  .art-title {
    font-size: 17px;
  }

  .art-draw-img {
    padding-left: 0;
  }

  .art-hero-img {
    object-fit: cover;
    width: auto;
    height: 100vh;
  }

  .form-embed {
    display: none;
  }

  .form-title-holder.margin._100 {
    margin-bottom: 40px;
  }
}

#w-node-_1224b091-6ebc-eaa4-e05d-57add8246a00-858825ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24f58ef9-a6a6-1ff7-c89e-0b714f0c4d10-858825ae {
  grid-area: Area;
}

#w-node-ea76ce8a-3e3b-0961-28ad-69f1e3b786ea-858825ae, #w-node-deb7fce3-21f2-ecd0-320c-a95e1ed340f4-858825ae, #w-node-_9d617e9f-0c78-bcc8-d687-28fcbb203541-858825ae, #w-node-_864b9f77-0937-98be-aa56-8f1f183bb6ea-858825ae, #w-node-_5ffd05f5-1bc6-0c8c-bcf2-e3d3afd489bc-858825ae, #w-node-d8d5a0d6-b21f-0cef-4e15-6842b0569488-858825ae, #w-node-_03424d47-33fe-8559-d294-846de6a0fff1-858825ae, #w-node-_657c84c2-3bed-82c4-e6d0-4e539e00bb59-858825ae, #w-node-_313604d7-6f16-f564-1fe7-4c6e970822c7-858825ae, #w-node-_8bb60da8-9fb5-18a9-64df-7afa1613d06d-858825ae, #w-node-bf498467-d350-afa0-ed08-a9d673688912-858825ae, #w-node-_452d5e31-aeba-de5a-f761-7d657111d888-858825ae, #w-node-_26208fbe-ecde-eaed-f4a1-b58341806740-858825ae, #w-node-ac3865a7-4cbc-106a-92a8-41739f731095-858825ae, #w-node-_87b59f7c-e75a-5fb1-4be6-c6d58e926d46-858825ae, #w-node-_7cb9d65d-e3ef-eabc-c0ca-deecc1f8e095-858825ae, #w-node-dce7e7d2-b415-0288-67d7-950d5ed260bc-858825ae, #w-node-_81669f51-d3b6-6801-fde6-e4fc9b010dff-858825ae, #w-node-bebb2016-8668-2136-5be7-241945d16bb5-858825ae, #w-node-_15177edf-e848-9359-40e3-25507791fb07-858825ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8cd-858825ae {
  grid-area: Area;
}

#w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8d3-858825ae {
  grid-area: Area-2;
}

#w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8ef-858825ae {
  grid-area: Area-3;
}

#w-node-_6160dce9-0968-3694-bc51-ca59d2a2c90b-858825ae {
  grid-area: Area-4;
}

#w-node-_6a17bf24-92b8-0fb5-862e-20946204b3af-858825ae {
  grid-area: Area;
}

#w-node-_6a17bf24-92b8-0fb5-862e-20946204b3b1-858825ae {
  grid-area: Area-2;
}

#w-node-_6a17bf24-92b8-0fb5-862e-20946204b3d8-858825ae {
  grid-area: Area-3;
}

#w-node-_6a17bf24-92b8-0fb5-862e-20946204b3f4-858825ae {
  grid-area: Area-4;
}

#w-node-fb99adad-7d08-7371-e074-31db0d67e1a3-728825b4, #w-node-fb99adad-7d08-7371-e074-31db0d67e1bd-728825b4, #w-node-_0196e1b8-50ea-529b-a5f6-30abdfc38ab7-728825b4, #w-node-_3d7c8cda-6687-a14f-6d9c-5f2d8f938870-728825b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b48d45b-39ae-fd67-8da7-6f22e2b62acd-e2b62aca {
  grid-area: Area;
}

#w-node-_4b48d45b-39ae-fd67-8da7-6f22e2b62acf-e2b62aca {
  grid-area: Area-2;
}

#w-node-_4b48d45b-39ae-fd67-8da7-6f22e2b62af6-e2b62aca {
  grid-area: Area-3;
}

#w-node-_4b48d45b-39ae-fd67-8da7-6f22e2b62b12-e2b62aca {
  grid-area: Area-4;
}

#w-node-_56149431-a2d5-b1c0-bf77-898b1d97d9ec-1d97d9ea {
  grid-area: Area;
}

#w-node-_56149431-a2d5-b1c0-bf77-898b1d97d9f2-1d97d9ea {
  grid-area: Area-2;
}

#w-node-_56149431-a2d5-b1c0-bf77-898b1d97da0e-1d97d9ea {
  grid-area: Area-3;
}

#w-node-_56149431-a2d5-b1c0-bf77-898b1d97da2a-1d97d9ea {
  grid-area: Area-4;
}

#w-node-_0eafe5d0-0fc6-cfd4-03bd-22e319230339-238825b2 {
  grid-area: Area;
}

#w-node-_0eafe5d0-0fc6-cfd4-03bd-22e31923033a-238825b2, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be51d-3e8825a3, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be51f-3e8825a3, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be521-3e8825a3, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be523-3e8825a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be52a-3e8825a3, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be535-3e8825a3 {
  grid-area: Area-5;
}

#w-node-_8b75d165-f4e3-0157-7e99-15138b81be20-3e8825a3 {
  grid-area: Area;
}

#w-node-_8b75d165-f4e3-0157-7e99-15138b81be26-3e8825a3 {
  grid-area: Area-2;
}

#w-node-_8b75d165-f4e3-0157-7e99-15138b81be42-3e8825a3 {
  grid-area: Area-3;
}

#w-node-_8b75d165-f4e3-0157-7e99-15138b81be5e-3e8825a3 {
  grid-area: Area-4;
}

#w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be68d-3e8825a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be692-3e8825a3 {
  grid-area: Area;
}

#w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be698-3e8825a3 {
  grid-area: Area-2;
}

#w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be6a2-3e8825a3 {
  grid-area: Area-3;
}

#w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be6ac-3e8825a3 {
  grid-area: Area-4;
}

#w-node-_977a051e-18ab-daa7-6f77-911e5e5d2edc-3e8825a3, #w-node-_977a051e-18ab-daa7-6f77-911e5e5d2edf-3e8825a3, #w-node-_977a051e-18ab-daa7-6f77-911e5e5d2ee1-3e8825a3, #w-node-_977a051e-18ab-daa7-6f77-911e5e5d2ee3-3e8825a3, #w-node-_977a051e-18ab-daa7-6f77-911e5e5d2ee5-3e8825a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_977a051e-18ab-daa7-6f77-911e5e5d2ee7-3e8825a3, #w-node-_977a051e-18ab-daa7-6f77-911e5e5d2eeb-3e8825a3, #w-node-_977a051e-18ab-daa7-6f77-911e5e5d2ef5-3e8825a3 {
  grid-area: Area-5;
}

#w-node-c18b5166-5eb7-a2fd-cdaf-40f62a73a334-3e8825a3 {
  grid-area: Area;
}

#w-node-c18b5166-5eb7-a2fd-cdaf-40f62a73a336-3e8825a3 {
  grid-area: Area-2;
}

#w-node-c18b5166-5eb7-a2fd-cdaf-40f62a73a35d-3e8825a3 {
  grid-area: Area-3;
}

#w-node-c18b5166-5eb7-a2fd-cdaf-40f62a73a379-3e8825a3 {
  grid-area: Area-4;
}

#w-node-_977a051e-18ab-daa7-6f77-911e5e5d2fe0-3e8825a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_977a051e-18ab-daa7-6f77-911e5e5d2fe5-3e8825a3 {
  grid-area: Area;
}

#w-node-_977a051e-18ab-daa7-6f77-911e5e5d2fe8-3e8825a3 {
  grid-area: Area-2;
}

#w-node-_977a051e-18ab-daa7-6f77-911e5e5d2ff4-3e8825a3 {
  grid-area: Area-3;
  justify-self: center;
}

#w-node-_977a051e-18ab-daa7-6f77-911e5e5d3001-3e8825a3 {
  grid-area: Area-4;
}

#w-node-_62c885d0-a1ca-8538-0e6e-a35a90c31c56-0b8825ad, #w-node-_62c885d0-a1ca-8538-0e6e-a35a90c31cb6-0b8825ad, #w-node-_62c885d0-a1ca-8538-0e6e-a35a90c31cc2-0b8825ad, #w-node-_62c885d0-a1ca-8538-0e6e-a35a90c31d00-0b8825ad, #w-node-a3904b3f-fdd8-deaa-170a-df182af7c587-0b8825ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330a94-0b8825ad {
  grid-area: Area;
}

#w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330a9a-0b8825ad {
  grid-area: Area-2;
}

#w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ab6-0b8825ad {
  grid-area: Area-3;
}

#w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ad2-0b8825ad {
  grid-area: Area-4;
}

#w-node-e699771b-788f-4c3f-235e-8e2c8a880313-0b8825ad {
  grid-area: Area;
}

#w-node-e699771b-788f-4c3f-235e-8e2c8a880315-0b8825ad {
  grid-area: Area-2;
}

#w-node-e699771b-788f-4c3f-235e-8e2c8a88033c-0b8825ad {
  grid-area: Area-3;
}

#w-node-e699771b-788f-4c3f-235e-8e2c8a880358-0b8825ad {
  grid-area: Area-4;
}

#w-node-_63bc2950-78b4-8672-1bd4-b459715e055b-1d8825b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a4aa-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a4b3-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a4bc-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a4c5-1d8825b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_621f3079-c92d-3b09-a4b9-30e32bb7241a-1d8825b0, #w-node-_04173b7c-ef9f-8420-63ed-bae77eace3cd-1d8825b0 {
  grid-area: Area;
}

#w-node-_04173b7c-ef9f-8420-63ed-bae77eace3cb-1d8825b0 {
  grid-area: Area-2;
}

#w-node-_04173b7c-ef9f-8420-63ed-bae77eace3d3-1d8825b0 {
  grid-area: Area-3;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a50b-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a510-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a519-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a51d-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a521-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a527-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a529-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a52f-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a532-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a536-1d8825b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a539-1d8825b0 {
  grid-area: Area;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-1d8825b0 {
  grid-area: Area-2;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-1d8825b0 {
  grid-area: Area-3;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-1d8825b0 {
  grid-area: Area-4;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a5b4-1d8825b0 {
  grid-area: Area;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a5b6-1d8825b0 {
  grid-area: Area-2;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a5dd-1d8825b0 {
  grid-area: Area-3;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a5f9-1d8825b0 {
  grid-area: Area-4;
}

#w-node-f450dba9-92e9-e6d5-94ac-35a9024eac75-788825b1 {
  grid-area: Area;
}

#w-node-f450dba9-92e9-e6d5-94ac-35a9024eac76-788825b1, #w-node-f450dba9-92e9-e6d5-94ac-35a9024eac77-788825b1, #w-node-f450dba9-92e9-e6d5-94ac-35a9024eac78-788825b1, #w-node-f450dba9-92e9-e6d5-94ac-35a9024eac7a-788825b1, #w-node-f450dba9-92e9-e6d5-94ac-35a9024eac7c-788825b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef7e7-4e8825af {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef7ef-4e8825af {
  grid-area: Area;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef7fd-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef805-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef80d-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef815-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef81d-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef825-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef82d-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef835-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef83d-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef845-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef868-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef86d-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef876-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef87a-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef87e-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef884-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef886-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef88c-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef88f-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef893-4e8825af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef896-4e8825af {
  grid-area: Area;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4e8825af {
  grid-area: Area-2;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4e8825af {
  grid-area: Area-3;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4e8825af {
  grid-area: Area-4;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef911-4e8825af {
  grid-area: Area;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef913-4e8825af {
  grid-area: Area-2;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef93a-4e8825af {
  grid-area: Area-3;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef956-4e8825af {
  grid-area: Area-4;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef7e7-4ab417f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ec5bfb55-6112-5174-5387-9b3acab4fc12-4ab417f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-f3255f33-ed8a-3f7f-4f1c-4e05e94d988b-4ab417f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef896-4ab417f0 {
  grid-area: Area;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4ab417f0 {
  grid-area: Area-2;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4ab417f0 {
  grid-area: Area-3;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4ab417f0 {
  grid-area: Area-4;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef911-4ab417f0 {
  grid-area: Area;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef913-4ab417f0 {
  grid-area: Area-2;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef93a-4ab417f0 {
  grid-area: Area-3;
}

#w-node-_68e60588-257c-769b-8bfc-9703794ef956-4ab417f0 {
  grid-area: Area-4;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a539-69d73cc6 {
  grid-area: Area;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-69d73cc6 {
  grid-area: Area-2;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-69d73cc6 {
  grid-area: Area-3;
}

#w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-69d73cc6 {
  grid-area: Area-4;
}

@media screen and (max-width: 991px) {
  #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8d3-858825ae, #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8ef-858825ae, #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c90b-858825ae, #w-node-_56149431-a2d5-b1c0-bf77-898b1d97d9f2-1d97d9ea, #w-node-_56149431-a2d5-b1c0-bf77-898b1d97da0e-1d97d9ea, #w-node-_56149431-a2d5-b1c0-bf77-898b1d97da2a-1d97d9ea, #w-node-_8b75d165-f4e3-0157-7e99-15138b81be26-3e8825a3, #w-node-_8b75d165-f4e3-0157-7e99-15138b81be42-3e8825a3, #w-node-_8b75d165-f4e3-0157-7e99-15138b81be5e-3e8825a3, #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330a9a-0b8825ad, #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ab6-0b8825ad, #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ad2-0b8825ad, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-1d8825b0, #w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4ab417f0, #w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4ab417f0, #w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4ab417f0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-69d73cc6, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-69d73cc6, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-69d73cc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8d3-858825ae, #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8ef-858825ae, #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c90b-858825ae {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3688fd3a-7252-6b05-a489-0d8ace683211-858825ae, #w-node-fb99adad-7d08-7371-e074-31db0d67e34c-728825b4 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_56149431-a2d5-b1c0-bf77-898b1d97d9f2-1d97d9ea, #w-node-_56149431-a2d5-b1c0-bf77-898b1d97da0e-1d97d9ea, #w-node-_56149431-a2d5-b1c0-bf77-898b1d97da2a-1d97d9ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7bb2f236-f1a6-1058-065d-f15ec6121140-c612113d {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_8b75d165-f4e3-0157-7e99-15138b81be26-3e8825a3, #w-node-_8b75d165-f4e3-0157-7e99-15138b81be42-3e8825a3, #w-node-_8b75d165-f4e3-0157-7e99-15138b81be5e-3e8825a3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_977a051e-18ab-daa7-6f77-911e5e5d311d-3e8825a3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330a9a-0b8825ad, #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ab6-0b8825ad, #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ad2-0b8825ad {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_62c885d0-a1ca-8538-0e6e-a35a90c31d1a-0b8825ad {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-1d8825b0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a745-1d8825b0, #w-node-a7fc8a3f-cadd-98fb-6de7-90a8f1b3d74f-868825ac {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4e8825af {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794efaa2-4e8825af {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4ab417f0, #w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4ab417f0, #w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4ab417f0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794efaa2-4ab417f0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-69d73cc6, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-69d73cc6, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-69d73cc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a745-69d73cc6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8d3-858825ae, #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c8ef-858825ae, #w-node-_6160dce9-0968-3694-bc51-ca59d2a2c90b-858825ae {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3688fd3a-7252-6b05-a489-0d8ace683211-858825ae, #w-node-fb99adad-7d08-7371-e074-31db0d67e34c-728825b4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_56149431-a2d5-b1c0-bf77-898b1d97d9f2-1d97d9ea, #w-node-_56149431-a2d5-b1c0-bf77-898b1d97da0e-1d97d9ea, #w-node-_56149431-a2d5-b1c0-bf77-898b1d97da2a-1d97d9ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0eafe5d0-0fc6-cfd4-03bd-22e319230339-238825b2 {
    grid-area: Area;
  }

  #w-node-_7bb2f236-f1a6-1058-065d-f15ec6121140-c612113d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8b75d165-f4e3-0157-7e99-15138b81be26-3e8825a3, #w-node-_8b75d165-f4e3-0157-7e99-15138b81be42-3e8825a3, #w-node-_8b75d165-f4e3-0157-7e99-15138b81be5e-3e8825a3, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be698-3e8825a3, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be6a2-3e8825a3, #w-node-bfd51f2d-4c2d-eb46-a920-812a6c7be6ac-3e8825a3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_977a051e-18ab-daa7-6f77-911e5e5d311d-3e8825a3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330a9a-0b8825ad, #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ab6-0b8825ad, #w-node-_3e20340b-e94f-cd6b-baa2-7f1cc7330ad2-0b8825ad {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_62c885d0-a1ca-8538-0e6e-a35a90c31d1a-0b8825ad {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-1d8825b0, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-1d8825b0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a745-1d8825b0, #w-node-a7fc8a3f-cadd-98fb-6de7-90a8f1b3d74f-868825ac {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4e8825af, #w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4e8825af {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794efaa2-4e8825af {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794ef89c-4ab417f0, #w-node-_68e60588-257c-769b-8bfc-9703794ef8b8-4ab417f0, #w-node-_68e60588-257c-769b-8bfc-9703794ef8d4-4ab417f0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_68e60588-257c-769b-8bfc-9703794efaa2-4ab417f0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a53f-69d73cc6, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a55b-69d73cc6, #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a577-69d73cc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ab96350a-f6fe-608c-dce6-efde3fb8a745-69d73cc6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Thunderstorm';
  src: url('../fonts/Thunderstorm.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noedisplay';
  src: url('../fonts/NoeDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Bolt';
  src: url('../fonts/Bolt-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Hdivision i';
  src: url('../fonts/HDivision-I.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hnervwarning';
  src: url('../fonts/HNERVWarning-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hmagisystm';
  src: url('../fonts/HMagiSystm.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hmagisystm';
  src: url('../fonts/HMagiSystm-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Hbushidosystm';
  src: url('../fonts/HBushidoSYSTM-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pixel square 10';
  src: url('../fonts/Pixel-Square-10.otf') format('opentype'), url('../fonts/Pixel-Square-10.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}