@font-face {
  font-family: 'spirit_freakregular';
  src: url('fonts/spirit_freak-webfont.woff2') format('woff2'),
       url('fonts/spirit_freak-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
.desktop {
  zoom: 50%;
}
.desktop {
  background: linear-gradient(
    180deg,
    rgb(64.28, 174.9, 255) 0%,
    rgb(0, 56.1, 255) 10.14%,
    rgb(255, 255, 255) 14.18%,
    rgb(255, 255, 255) 16.3%,
    rgb(60.35, 149.89, 255) 18.96%,
    rgb(53.13, 100.24, 236.14) 25.12%,
    rgb(43.06, 30.89, 209.8) 50.83%,
    rgb(255, 149.62, 206.53) 70.37%,
    rgb(198, 80, 96) 77.91%,
    rgb(0, 0, 0) 87.85%
  );
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.desktop .div {
  
  background: linear-gradient(
    180deg,
    rgb(64.28, 174.9, 255) 0%,
    rgb(0, 56.1, 255) 10.14%,
    rgb(255, 255, 255) 14.18%,
    rgb(255, 255, 255) 16.3%,
    rgb(60.35, 149.89, 255) 18.96%,
    rgb(53.13, 100.24, 236.14) 25.12%,
    rgb(43.06, 30.89, 209.8) 50.83%,
    rgb(255, 149.62, 206.53) 70.37%,
    rgb(198, 80, 96) 77.91%,
    rgb(0, 0, 0) 87.85%
  );
  width: 1719px;
  height: 7128px;
  position: relative;
}

.desktop .overlap {
  position: absolute;
  width: 1719px;
  height: 6511px;
  top: 0;
  left: 0;
  background-image: url(./img/bg-images.png);
  background-size: 100% 100%;
}

.desktop .overlap-group {
  position: absolute;
  width: 1552px;
  height: 6298px;
  top: 0;
  left: 75px;
}

.desktop .ICONS {
  position: absolute;
  width: 1552px;
  height: 6126px;
  top: 172px;
  left: 0;
}

.desktop .BOTTOM-HERO {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 167px;
  position: absolute;
  top: 5593px;
  left: 32px;
}

.desktop .FOOTER-TITLE {
  display: flex;
  flex-direction: column;
  width: 1506px;
  height: 154px;
  align-items: center;
  gap: 15px;
  padding: 18px 0px;
  position: relative;
}

.desktop .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  margin-bottom: -17px;
  text-shadow: 0px 4px 4px #00000040;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 99px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .explore-a {
  position: relative;
  width: 974px;
  height: 167px;
  margin-bottom: -169px;
  text-shadow: 0px 4px 4px #00000040;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .BUTTON {
  position: relative;
  width: 431.61px;
  height: 79px;
  all: unset;
  box-sizing: border-box;
}

.desktop .div-wrapper {
  position: relative;
  width: 430px;
  height: 79px;
  border-radius: 45.5px;
  border: 2px solid;
  border-color: #ffffff;
}

.desktop .text-wrapper-2 {
  position: absolute;
  width: 383px;
  top: 19px;
  left: 25px;
  font-family: "Arial Rounded MT Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .ROADMAP {
  position: absolute;
  width: 1402px;
  height: 977px;
  top: 3805px;
  left: 85px;
}

.desktop .frame {
  display: flex;
  width: 652px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 211px;
  left: 0;
}

.desktop .icon-speaker {
  position: relative;
  width: 125px;
  height: 125px;
  object-fit: cover;
}

.desktop .frame-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .p {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: transparent;
  font-size: 48px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .span {
  color: #59ff30;
}

.desktop .text-wrapper-3 {
  color: #ffffff;
}

.desktop .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-3 {
  display: flex;
  width: 682px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 211px;
  left: 713px;
}

.desktop .frame-4 {
  display: flex;
  width: 614px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 460px;
  left: 0;
}

.desktop .frame-5 {
  margin-right: -35.08px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-6 {
  display: flex;
  width: 640px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 460px;
  left: 713px;
}

.desktop .frame-7 {
  margin-right: -7.59px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-8 {
  display: flex;
  width: 696px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 740px;
  left: 0;
}

.desktop .frame-9 {
  display: flex;
  width: 687px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 740px;
  left: 713px;
}

.desktop .frame-10 {
  margin-right: -39.24px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .text-wrapper-5 {
  position: absolute;
  width: 571px;
  top: -1px;
  left: 409px;
  text-shadow: 0px 4px 4px #00000040;
  -webkit-text-stroke: 1px #34a8e9;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 99px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .FEATURES {
  position: absolute;
  width: 1402px;
  height: 1097px;
  top: 2390px;
  left: 63px;
}

.desktop .frame-11 {
  margin-right: -37.24px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-12 {
  margin-right: -38.97px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-13 {
  display: flex;
  width: 614px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 528px;
  left: 0;
}

.desktop .frame-14 {
  display: flex;
  width: 640px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 528px;
  left: 713px;
}

.desktop .frame-15 {
  margin-right: -36.59px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-16 {
  display: flex;
  width: 696px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 860px;
  left: 0;
}

.desktop .frame-17 {
  display: flex;
  width: 687px;
  height: 237px;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 860px;
  left: 713px;
}

.desktop .text-wrapper-7 {
  position: absolute;
  width: 571px;
  top: -1px;
  left: 435px;
  text-shadow: 0px 4px 4px #00000040;
  -webkit-text-stroke: 1px #34a8e9;
  font-size: 99px;
  text-align: center;
  white-space: nowrap;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .TOKENOMICS {
  position: absolute;
  width: 1179px;
  height: 795px;
  top: 1325px;
  left: 196px;
}

.desktop .text-wrapper-8 {
  position: absolute;
  width: 571px;
  top: -1px;
  left: 253px;
  text-shadow: 0px 4px 4px #00000040;
  -webkit-text-stroke: 1px #34a8e9;
  font-size: 99px;
  text-align: center;
  white-space: nowrap;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-18 {
  top: 219px;
  display: inline-flex;
  align-items: center;
  gap: 46px;
  position: absolute;
  left: 0;
}

.desktop .div-2 {
  position: relative;
  width: fit-content;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: transparent;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-19 {
  display: inline-flex;
  align-items: center;
  gap: 46px;
  position: absolute;
  top: 435px;
  left: 0;
}

.desktop .frame-20 {
  top: 670px;
  display: inline-flex;
  align-items: center;
  gap: 46px;
  position: absolute;
  left: 0;
}

.desktop .HERO {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 81px;
  position: absolute;
  top: 370px;
  left: 205px;
}

.desktop .TITLE {
  display: flex;
  flex-direction: column;
  width: 1189px;
  height: 167px;
  align-items: center;
  gap: 15px;
  padding: 18px 0px;
  position: relative;
}

.desktop .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  margin-bottom: -4px;
  text-shadow: 0px 4px 4px #00000040;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 99px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .uniting-AI-nfts-RWA {
  position: relative;
  width: 1050;
  height: 64px;
  margin-bottom: -82px;
  text-shadow: 0px 4px 4px #00000040;
  -webkit-text-stroke: 1px #2e43ff;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .overlap-group-wrapper {
  position: relative;
  width: 402.21px;
  height: 65px;
  all: unset;
  margin-top: 45px;
  box-sizing: border-box;
}

.desktop .overlap-group-2 {
  position: relative;
  width: 400px;
  height: 65px;
  border-radius: 45.5px;
  border: 2px solid;
  border-color: #ffffff;
}

.desktop .text-wrapper-10 {
  position: absolute;
  width: 357px;
  top: 15px;
  left: 24px;
  font-family: "Arial Rounded MT Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .LOGO {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 400px;
  position: absolute;
  top: 0;
  left: 111px;
}

.desktop .logo {
  position: relative;
  flex: 0 0 auto;
}

.desktop .menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 57px;
  padding: 35px 0px;
  position: absolute;
  top: 26px;
  left: 966px;
}

.desktop .text-wrapper-11 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .FOOTER {
  position: absolute;
  width: 1299px;
  height: 450px;
  top: 6528px;
  left: 169px;
  background-color: transparent;
}

.desktop .col {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
  top: 0;
  left: 423px;
}

.desktop .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family:  spirit_freakregular !important;
  font-weight: 400;
  color: #59ff30;
  font-size: 48px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .col-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
  top: 1px;
  left: 1127px;
}

.desktop .col-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
  top: 0;
  left: 763px;
}

.desktop .LOGO-BOTTOM {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 400px;
  position: absolute;
  top: 36px;
  left: 0;
}

.desktop .logo-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  transform: rotate(-21.42deg);
}

.desktop .img {
  position: relative;
  width: 242.56px;
  height: 222.76px;
  margin-top: -30.38px;
  margin-bottom: -30.38px;
  margin-left: -22.78px;
  margin-right: -22.78px;
  transform: rotate(21.42deg);
  object-fit: cover;
}


@media only screen and (min-width : 320px) {
  .desktop {
    zoom: 25%;
  }        
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  .desktop {
    zoom: 25%;
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .desktop {
    zoom: 50%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .desktop {
    zoom: 90%;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .desktop {
    zoom: 100%;
  }
}

.d-none {
  display: none !important;
}
span.span a,
.clr-green {
  color: #59ff30;
}

.feature {
}

.vs {
  font-size: 3rem;
}



.text-wrapper-3.mcap {
  font-size: 1.6rem;
  color: #fdfdfd;
}