.main {
  position: relative;
  width: 1920px;
  height: 7528px;
  background-color: #0c101a;
  overflow: hidden;
}

.main .overlap {
  position: absolute;
  width: 3098px;
  height: 3759px;
  top: 4409px;
  left: -260px;
}

.main .overlap-group {
  position: absolute;
  width: 3098px;
  height: 3759px;
  top: 0;
  left: 0;
}

.main .group {
  position: absolute;
  width: 1334px;
  height: 1138px;
  top: 2621px;
  left: 845px;
}

.main .div {
  position: relative;
  width: 1335px;
  height: 499px;
  top: -1px;
  left: -1px;
}

.main .line {
  position: absolute;
  width: 159px;
  height: 159px;
  top: 172px;
  left: 1176px;
}

.main .img {
  position: absolute;
  width: 405px;
  height: 405px;
  top: 0;
  left: 0;
}

.main .line-2 {
  position: absolute;
  width: 1012px;
  height: 372px;
  top: 127px;
  left: 244px;
}

.main .ellipse {
  position: absolute;
  width: 1022px;
  height: 1022px;
  top: 0;
  left: 104px;
  border-radius: 511px;
  filter: blur(544px);
  background: linear-gradient(180deg, rgba(79.67, 187, 51.43, 0.2) 0%, rgba(206.13, 151.85, 67.85, 0.2) 100%);
}

.main .ellipse-2 {
  position: absolute;
  width: 1022px;
  height: 1022px;
  top: 2719px;
  left: 0;
  border-radius: 511px;
  filter: blur(544px);
  background: linear-gradient(180deg, rgba(79.67, 187, 51.43, 0.2) 0%, rgba(206.13, 151.85, 67.85, 0.2) 100%);
}

.main .ellipse-3 {
  position: absolute;
  width: 1860px;
  height: 1860px;
  top: 897px;
  left: 1238px;
  border-radius: 930px;
  filter: blur(544px);
  background: linear-gradient(180deg, rgba(79.67, 187, 51.43, 0.12) 0%, rgba(206.13, 151.85, 67.85, 0.12) 100%);
}

.main .graph-chart {
  position: absolute;
  width: 421px;
  height: 421px;
  top: 17px;
  left: 524px;
  background-color: #0d111a40;
  border-radius: 25px 130px 130px 130px;
  border: 1px solid;
  border-color: transparent;
  box-shadow: 60px 94px 134px #0b0e1580;
  border-image: linear-gradient(
      to bottom,
      rgb(4, 168, 240),
      rgba(4, 168, 240, 0.42) 0.01%,
      rgba(79.67, 187, 51.43, 0.06) 97.92%
    )
    1;
}

.main .graph-chart-2 {
  position: absolute;
  width: 422px;
  height: 421px;
  top: 17px;
  left: 998px;
  background-color: #0d111a40;
  border-radius: 25px 130px 130px 130px;
  border: 1px solid;
  border-color: transparent;
  box-shadow: 60px 94px 134px #0b0e1580;
  border-image: linear-gradient(
      to bottom,
      rgb(4, 168, 240),
      rgba(4, 168, 240, 0.42) 0.01%,
      rgba(79.67, 187, 51.43, 0.06) 97.92%
    )
    1;
}

.main .x-bot-new {
  position: absolute;
  width: 147px;
  height: 26px;
  top: 123px;
  left: 599px;
}

.main .ai-great {
  position: absolute;
  width: 99px;
  height: 26px;
  top: 122px;
  left: 1064px;
}

.main .text-wrapper {
  position: absolute;
  width: 268px;
  top: 171px;
  left: 599px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
}

.main .p {
  position: absolute;
  width: 291px;
  top: 171px;
  left: 1064px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
}

.main .text-wrapper-2 {
  position: absolute;
  width: 236px;
  top: 293px;
  left: 639px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-3 {
  position: absolute;
  width: 236px;
  top: 3007px;
  left: 511px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-4 {
  position: absolute;
  width: 236px;
  top: 293px;
  left: 1102px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-2 {
  position: absolute;
  width: 75px;
  height: 75px;
  top: 31px;
  left: 865px;
}

.main .group-3 {
  position: absolute;
  width: 75px;
  height: 75px;
  top: 31px;
  left: 1336px;
}

.main .ellipse-4 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 297px;
  left: 600px;
}

.main .ellipse-5 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 297px;
  left: 1063px;
}

.main .group-4 {
  position: absolute;
  width: 1372px;
  height: 100px;
  top: 570px;
  left: 524px;
}

.main .overlap-group-wrapper {
  position: absolute;
  width: 302px;
  height: 100px;
  top: 0;
  left: 1070px;
}

.main .overlap-group-2 {
  position: relative;
  width: 300px;
  height: 100px;
  border-radius: 15px 45px 45px 45px;
  background: linear-gradient(
    180deg,
    rgb(92, 28, 178) 0%,
    rgb(113, 24, 180) 9.22%,
    rgb(169, 15, 185) 28.37%,
    rgb(255, 0, 193) 54.94%,
    rgb(254, 21, 173) 62.15%,
    rgb(250, 77, 123) 77.14%,
    rgb(244, 165, 42) 98.46%,
    rgb(244, 172, 36) 100%
  );
}

.main .text-wrapper-5 {
  position: absolute;
  width: 177px;
  top: 40px;
  left: 55px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .arrow {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 43px;
  left: 242px;
}

.main .overlap-wrapper {
  position: absolute;
  width: 302px;
  height: 100px;
  top: 0;
  left: 746px;
}

.main .overlap-2 {
  position: relative;
  width: 300px;
  height: 100px;
  border-radius: 15px 45px 45px 45px;
  background: linear-gradient(180deg, rgb(241, 229, 22) 0%, rgb(79.67, 187, 51.43) 100%);
}

.main .text-wrapper-6 {
  position: absolute;
  width: 177px;
  top: 40px;
  left: 55px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: #0c101a;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .way-of-registration {
  position: absolute;
  width: 667px;
  height: 64px;
  top: 19px;
  left: 1px;
}

.main .group-5 {
  position: absolute;
  width: 1372px;
  height: 100px;
  top: 2690px;
  left: 524px;
}

.main .social {
  position: absolute;
  width: 239px;
  height: 51px;
  top: 19px;
  left: 2px;
}

.main .group-6 {
  position: absolute;
  width: 209px;
  height: 44px;
  top: 28px;
  left: 279px;
}

.main .group-wrapper {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 0;
  left: 0;
  border-radius: 6px 12px 12px 12px;
  background: linear-gradient(180deg, rgb(79.67, 187, 51.43) 0%, rgb(4, 168, 240) 100%);
}

.main .group-7 {
  position: absolute;
  width: 19px;
  height: 16px;
  top: 14px;
  left: 12px;
}

.main .img-wrapper {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 0;
  left: 55px;
  border-radius: 6px 12px 12px 12px;
  background: linear-gradient(180deg, rgb(79.67, 187, 51.43) 0%, rgb(4, 168, 240) 100%);
}

.main .group-8 {
  position: absolute;
  width: 12px;
  height: 22px;
  top: 11px;
  left: 16px;
}

.main .vector-wrapper {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 0;
  left: 110px;
  border-radius: 6px 12px 12px 12px;
  background: linear-gradient(180deg, rgb(79.67, 187, 51.43) 0%, rgb(4, 168, 240) 100%);
}

.main .vector {
  position: absolute;
  width: 21px;
  height: 14px;
  top: 15px;
  left: 12px;
}

.main .overlap-3 {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 0;
  left: 165px;
  border-radius: 6px 12px 12px 12px;
  background: linear-gradient(180deg, rgb(79.67, 187, 51.43) 0%, rgb(4, 168, 240) 100%);
}

.main .vector-2 {
  position: absolute;
  width: 18px;
  height: 15px;
  top: 15px;
  left: 14px;
}

.main .group-9 {
  position: absolute;
  width: 1707px;
  height: 365px;
  top: 821px;
  left: 372px;
}

.main .mask-group {
  position: absolute;
  width: 1822px;
  height: 553px;
  top: -30px;
  left: -14px;
}

.main .text-wrapper-7 {
  position: absolute;
  width: 466px;
  top: 1294px;
  left: 985px;
  background: linear-gradient(180deg, rgb(234, 227, 23) 0%, rgb(90, 190, 49) 100%);
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Gilroy-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 68px;
  text-align: center;
  letter-spacing: 0;
  line-height: 68px;
}

.main .group-10 {
  position: absolute;
  width: 194px;
  height: 194px;
  top: 1106px;
  left: 1127px;
}

.main .text-wrapper-8 {
  position: absolute;
  width: 972px;
  top: 1422px;
  left: 734px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #a1a1a1;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.main .text-wrapper-9 {
  position: absolute;
  width: 302px;
  top: 1651px;
  left: 1711px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-10 {
  position: absolute;
  width: 307px;
  top: 1681px;
  left: 1278px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-11 {
  position: absolute;
  width: 302px;
  top: 1704px;
  left: 1711px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-12 {
  position: absolute;
  width: 271px;
  top: 1573px;
  left: 1277px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
}

.main .text-wrapper-13 {
  position: absolute;
  width: 280px;
  top: 1573px;
  left: 1711px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
}

.main .img-2 {
  left: 1678px;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 1580px;
}

.main .img-3 {
  left: 1244px;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 1580px;
}

.main .group-11 {
  position: absolute;
  width: 375px;
  height: 121px;
  top: 1837px;
  left: 1034px;
}

.main .overlap-4 {
  position: absolute;
  width: 300px;
  height: 80px;
  top: 0;
  left: 36px;
  border-radius: 15px 35px 35px 35px;
  border: 2px solid;
  border-color: #f1e516;
}

.main .text-wrapper-14 {
  position: absolute;
  width: 177px;
  top: 28px;
  left: 53px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .arrow-2 {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 31px;
  left: 243px;
}

.main .group-12 {
  position: absolute;
  width: 377px;
  height: 19px;
  top: 102px;
  left: 0;
}

.main .text-wrapper-15 {
  position: absolute;
  top: 2px;
  left: 33px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-16 {
  position: absolute;
  top: 2px;
  left: 0;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .vector-3 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: 358px;
}

.main .div-wrapper {
  position: absolute;
  width: 242px;
  height: 64px;
  top: 1845px;
  left: 1401px;
}

.main .overlap-5 {
  position: relative;
  width: 240px;
  height: 64px;
  border-radius: 15px 25px 25px 25px;
  border: 2px solid;
  border-color: #ffffff;
}

.main .text-wrapper-17 {
  position: absolute;
  width: 177px;
  top: 20px;
  left: 29px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .arrow-3 {
  position: absolute;
  width: 15px;
  height: 18px;
  top: 21px;
  left: 193px;
}

.main .group-13 {
  position: absolute;
  width: 242px;
  height: 64px;
  top: 1845px;
  left: 799px;
}

.main .arrow-4 {
  position: absolute;
  width: 18px;
  height: 15px;
  top: 23px;
  left: 192px;
}

.main .group-14 {
  position: absolute;
  width: 1764px;
  height: 479px;
  top: 2083px;
  left: 524px;
}

.main .overlap-6 {
  position: absolute;
  width: 421px;
  height: 333px;
  top: 146px;
  left: 0;
  background-color: #090c13b2;
  border-radius: 25px 130px 130px 130px;
  box-shadow: 60px 94px 134px #0b0e1580;
}

.main .path {
  position: absolute;
  width: 109px;
  height: 22px;
  top: 79px;
  left: 85px;
}

.main .text-wrapper-18 {
  left: 85px;
  position: absolute;
  width: 253px;
  top: 138px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-19 {
  left: 170px;
  position: absolute;
  top: 249px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .arrow-5 {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 252px;
  left: 238px;
}

.main .overlap-7 {
  position: absolute;
  width: 422px;
  height: 333px;
  top: 146px;
  left: 474px;
  background-color: #090c13b2;
  border-radius: 25px 130px 130px 130px;
  box-shadow: 60px 94px 134px #0b0e1580;
}

.main .text-wrapper-20 {
  left: 171px;
  position: absolute;
  top: 249px;
  font-family: "Roboto", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .arrow-6 {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 252px;
  left: 239px;
}

.main .vector-4 {
  position: absolute;
  width: 60px;
  height: 20px;
  top: 80px;
  left: 85px;
}

.main .overlap-8 {
  position: absolute;
  width: 421px;
  height: 333px;
  top: 146px;
  left: 949px;
  background-color: #090c13b2;
  border-radius: 25px 130px 130px 130px;
  box-shadow: 60px 94px 134px #0b0e1580;
}

.main .text-wrapper-21 {
  left: 84px;
  position: absolute;
  width: 253px;
  top: 138px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .vector-5 {
  position: absolute;
  width: 128px;
  height: 22px;
  top: 86px;
  left: 84px;
}

.main .arrow-wrapper {
  position: absolute;
  width: 327px;
  height: 237px;
  top: 194px;
  left: 1423px;
  background-color: #090c1380;
  border-radius: 25px 110px 110px 110px;
  box-shadow: 60px 94px 134px #0b0e1580;
}

.main .arrow-7 {
  position: absolute;
  width: 26px;
  height: 15px;
  top: 112px;
  left: 115px;
}

.main .text-wrapper-22 {
  position: absolute;
  width: 468px;
  top: 0;
  left: 462px;
  font-family: "Gilroy-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 68px;
  text-align: center;
  letter-spacing: 0;
  line-height: 68px;
}

.main .group-15 {
  position: absolute;
  width: 109px;
  height: 48px;
  top: 3001px;
  left: 325px;
  opacity: 0.5;
}

.main .text-wrapper-23 {
  top: 3px;
  left: 65px;
  position: absolute;
  font-family: "Big Shoulders Stencil Display", Helvetica;
  font-weight: 400;
  color: #f1f1f3;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .group-16 {
  position: absolute;
  width: 52px;
  height: 52px;
  top: -2px;
  left: -2px;
}

.main .token-TWB-tokenomics {
  position: absolute;
  top: 3014px;
  left: 1530px;
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: #727479;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .span {
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: #727479;
  font-size: 16px;
  letter-spacing: 0;
}

.main .overlap-9 {
  position: absolute;
  width: 421px;
  height: 421px;
  top: 17px;
  left: 1473px;
  background-color: #0d111a40;
  border-radius: 25px 130px 130px 130px;
  box-shadow: 60px 94px 134px #0b0e1580;
}

.main .education {
  position: absolute;
  width: 186px;
  height: 26px;
  top: 105px;
  left: 67px;
}

.main .text-wrapper-24 {
  position: absolute;
  width: 291px;
  top: 154px;
  left: 65px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
}

.main .text-wrapper-25 {
  position: absolute;
  width: 236px;
  top: 276px;
  left: 103px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-17 {
  position: absolute;
  width: 75px;
  height: 75px;
  top: 14px;
  left: 337px;
}

.main .ellipse-6 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 280px;
  left: 64px;
}

.main .text-wrapper-26 {
  position: absolute;
  width: 263px;
  top: 1573px;
  left: 411px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
}

.main .text-wrapper-27 {
  position: absolute;
  width: 288px;
  top: 1651px;
  left: 411px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-28 {
  position: absolute;
  width: 302px;
  top: 1651px;
  left: 845px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-29 {
  position: absolute;
  width: 308px;
  top: 1690px;
  left: 845px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-30 {
  position: absolute;
  width: 280px;
  top: 1573px;
  left: 845px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
}

.main .img-4 {
  left: 812px;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 1580px;
}

.main .img-5 {
  left: 378px;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 1580px;
}

.main .overlap-10 {
  position: absolute;
  width: 327px;
  height: 327px;
  top: 68px;
  left: 1947px;
  background-color: #0d111a40;
  border-radius: 25px 130px 130px 130px;
  box-shadow: 60px 94px 134px #0b0e1580;
}

.main .arrow-8 {
  position: absolute;
  width: 26px;
  height: 15px;
  top: 153px;
  left: 107px;
}

.main .overlap-11 {
  position: absolute;
  width: 2378px;
  height: 1452px;
  top: -378px;
  left: -458px;
}

.main .group-18 {
  position: absolute;
  width: 1548px;
  height: 953px;
  top: 465px;
  left: 730px;
}

.main .overlap-12 {
  position: relative;
  width: 1609px;
  height: 1066px;
  top: -5px;
}

.main .mask-group-2 {
  position: absolute;
  width: 1410px;
  height: 1066px;
  top: 0;
  left: 199px;
}

.main .image {
  width: 1547px;
  height: 952px;
  top: 6px;
  left: 0;
  position: absolute;
  background: linear-gradient(180deg, rgb(12, 16, 26) 0%, rgba(12, 16, 26, 0) 100%);
}

.main .image-2 {
  width: 1316px;
  height: 953px;
  top: 5px;
  left: 233px;
  position: absolute;
  background: linear-gradient(180deg, rgb(12, 16, 26) 0%, rgba(12, 16, 26, 0) 100%);
}

.main .ellipse-7 {
  position: absolute;
  width: 377px;
  height: 377px;
  top: 491px;
  left: 1148px;
  background-color: #d64e3c;
  border-radius: 188.5px;
  filter: blur(554px);
}

.main .ellipse-8 {
  position: absolute;
  width: 696px;
  height: 696px;
  top: 0;
  left: 0;
  border-radius: 348px;
  filter: blur(544px);
  background: linear-gradient(180deg, rgba(79.67, 187, 51.43, 0.2) 0%, rgba(206.13, 151.85, 67.85, 0.2) 100%);
}

.main .group-19 {
  position: absolute;
  width: 1084px;
  height: 1298px;
  top: 154px;
  left: 458px;
}

.main .overlap-13 {
  position: relative;
  height: 1074px;
  top: 224px;
}

.main .line-3 {
  position: absolute;
  width: 405px;
  height: 405px;
  top: 277px;
  left: 258px;
}

.main .line-4 {
  position: absolute;
  width: 405px;
  height: 180px;
  top: 0;
  left: 284px;
}

.main .line-5 {
  position: absolute;
  width: 1084px;
  height: 1074px;
  top: 0;
  left: 0;
}

.main .mask-group-3 {
  position: absolute;
  width: 1920px;
  height: 895px;
  top: 378px;
  left: 458px;
}

.main .a-non-custodial {
  position: absolute;
  width: 605px;
  height: 233px;
  top: 748px;
  left: 564px;
}

.main .text-wrapper-31 {
  position: absolute;
  width: 419px;
  top: 1019px;
  left: 570px;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
}

.main .token-TWB-tokenomics-2 {
  position: absolute;
  top: 472px;
  left: 1133px;
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-32 {
  color: #f1f1f3;
}

.main .text-wrapper-33 {
  color: #f1e516;
}

.main .text-wrapper-34 {
  top: 465px;
  left: 711px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  position: absolute;
  letter-spacing: 0;
  line-height: normal;
}

.main .text-wrapper-35 {
  top: 483px;
  left: 710px;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #4fbb33;
  font-size: 12px;
  text-align: center;
  position: absolute;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-20 {
  position: absolute;
  width: 109px;
  height: 48px;
  top: 459px;
  left: 570px;
}

.main .overlap-14 {
  position: relative;
  width: 145px;
  height: 120px;
  top: -19px;
  left: -38px;
}

.main .text-wrapper-36 {
  top: 22px;
  left: 103px;
  position: absolute;
  font-family: "Big Shoulders Stencil Display", Helvetica;
  font-weight: 400;
  color: #f1f1f3;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.main .group-21 {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
}

.main .vector-6 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 809px;
  left: 819px;
}

.main .group-22 {
  position: absolute;
  width: 302px;
  height: 100px;
  top: 1090px;
  left: 570px;
}

.main .group-23 {
  position: absolute;
  width: 151px;
  height: 32px;
  top: 467px;
  left: 2106px;
}

.main .overlap-15 {
  position: relative;
  width: 154px;
  height: 46px;
  top: -4px;
  left: -5px;
}

.main .BG {
  position: absolute;
  width: 149px;
  height: 32px;
  top: 4px;
  left: 5px;
  border-radius: 6px 12px 12px 12px;
  background: linear-gradient(180deg, rgb(79.67, 187, 51.43) 0%, rgb(4, 168, 240) 100%);
}

.main .text-wrapper-37 {
  position: absolute;
  top: 10px;
  left: 50px;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #f1f1f3;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .vector-7 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  left: 0;
}

.main .group-24 {
  position: absolute;
  width: 151px;
  height: 32px;
  top: 467px;
  left: 1951px;
}

.main .overlap-16 {
  position: relative;
  width: 149px;
  height: 32px;
  border-radius: 6px 12px 12px 12px;
  border: 1px solid;
  border-color: #f1e516;
}

.main .text-wrapper-38 {
  position: absolute;
  top: 5px;
  left: 41px;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #f1f1f3;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-25 {
  position: absolute;
  width: 161px;
  height: 159px;
  top: 1209px;
  left: 2077px;
}

.main .overlap-17 {
  position: relative;
  width: 179px;
  height: 179px;
  top: -10px;
  left: -10px;
  background-image: url(./img/ellipse-4.png);
  background-size: cover;
  background-position: 50% 50%;
}

.main .text-wrapper-39 {
  position: absolute;
  width: 131px;
  top: 99px;
  left: 24px;
  text-shadow: 0px 4px 4px #000000bf;
  font-family: "Gilroy-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .polygon {
  position: absolute;
  width: 33px;
  height: 37px;
  top: 52px;
  left: 74px;
}

.main .polygon-2 {
  position: absolute;
  width: 19px;
  height: 15px;
  top: 66px;
  left: 127px;
}

.main .polygon-3 {
  position: absolute;
  width: 15px;
  height: 19px;
  top: 58px;
  left: 34px;
}

.main .arrow-9 {
  position: absolute;
  width: 15px;
  height: 26px;
  top: 1291px;
  left: 592px;
}

.main .lang {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 461px;
  left: 803px;
}

.main .element-united-kingdom-wrapper {
  position: relative;
  height: 38px;
  background-color: #0c101a;
  border-radius: 19px;
}

.main .element-united-kingdom {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 7px;
  left: 7px;
}

.main .overlap-18 {
  position: absolute;
  width: 2080px;
  height: 1913px;
  top: 2321px;
  left: 38px;
}

.main .group-26 {
  position: absolute;
  width: 1711px;
  height: 886px;
  top: 1027px;
  left: 74px;
}

.main .overlap-19 {
  position: relative;
  width: 1707px;
  height: 1094px;
  background-image: url(./img/mask-group-1.png);
  background-size: 100% 100%;
}

.main .eye-of-god {
  position: absolute;
  width: 577px;
  height: 71px;
  top: 663px;
  left: 578px;
}

.main .text-wrapper-40 {
  position: absolute;
  width: 419px;
  top: 768px;
  left: 652px;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .ellipse-9 {
  position: absolute;
  width: 1022px;
  height: 1022px;
  top: 279px;
  left: 1058px;
  border-radius: 511px;
  filter: blur(544px);
  background: linear-gradient(180deg, rgba(79.67, 187, 51.43, 0.2) 0%, rgba(206.13, 151.85, 67.85, 0.2) 100%);
}

.main .bg {
  position: absolute;
  width: 1418px;
  height: 1258px;
  top: 0;
  left: 343px;
}

.main .group-27 {
  position: absolute;
  width: 595px;
  height: 559px;
  top: 226px;
  left: 865px;
}

.main .comfortable-trading {
  position: absolute;
  width: 397px;
  height: 132px;
  top: 3px;
  left: 3px;
}

.main .text-wrapper-41 {
  position: absolute;
  width: 589px;
  top: 168px;
  left: 2px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #a1a1a1;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
}

.main .group-28 {
  position: absolute;
  width: 545px;
  height: 98px;
  top: 461px;
  left: 3px;
}

.main .safely-progressive {
  position: absolute;
  width: 221px;
  top: 0;
  left: 39px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 38px;
}

.main .text-wrapper-42 {
  position: absolute;
  width: 221px;
  top: 60px;
  left: 39px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 38px;
}

.main .text-wrapper-43 {
  position: absolute;
  width: 221px;
  top: 0;
  left: 318px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 38px;
}

.main .vector-8 {
  position: absolute;
  width: 16px;
  height: 12px;
  top: 11px;
  left: -1px;
}

.main .vector-9 {
  position: absolute;
  width: 16px;
  height: 12px;
  top: 71px;
  left: -1px;
}

.main .vector-10 {
  position: absolute;
  width: 16px;
  height: 12px;
  top: 11px;
  left: 278px;
}

.main .group-29 {
  position: absolute;
  width: 302px;
  height: 80px;
  top: 281px;
  left: 0;
}

.main .overlap-group-3 {
  position: relative;
  width: 300px;
  height: 80px;
  border-radius: 15px 35px 35px 35px;
  border: 2px solid;
  border-color: #f1e516;
}

.main .group-30 {
  position: absolute;
  width: 242px;
  height: 64px;
  top: 289px;
  left: 331px;
}

.main .arrow-10 {
  position: absolute;
  width: 15px;
  height: 18px;
  top: 22px;
  left: 193px;
}

.main .graph-chart-3 {
  position: absolute;
  width: 916px;
  height: 916px;
  top: 116px;
  left: 0;
  object-fit: cover;
}

.main .graph-chart-4 {
  position: absolute;
  width: 369px;
  height: 788px;
  top: 180px;
  left: 1513px;
  object-fit: cover;
}

.main .arrow-11 {
  position: absolute;
  width: 26px;
  height: 15px;
  top: 456px;
  left: 1740px;
}

.main .element {
  position: absolute;
  width: 288px;
  height: 288px;
  top: 946px;
  left: 780px;
  object-fit: cover;
}

.main .group-31 {
  position: absolute;
  width: 377px;
  height: 19px;
  top: 610px;
  left: 866px;
}

.main .a-utility-token {
  position: absolute;
  width: 792px;
  top: 2040px;
  left: 561px;
  -webkit-text-stroke: 1px transparent;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  font-family: "Gilroy-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 68px;
  text-align: center;
  letter-spacing: 0;
  line-height: 68px;
}

.main .text-wrapper-44 {
  position: absolute;
  width: 466px;
  top: 2117px;
  left: 725px;
  background: linear-gradient(180deg, rgb(234, 227, 23) 0%, rgb(90, 190, 49) 100%);
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Gilroy-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 68px;
  text-align: center;
  letter-spacing: 0;
  line-height: 68px;
}

.main .text-wrapper-45 {
  position: absolute;
  width: 631px;
  top: 2221px;
  left: 643px;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.main .overlap-20 {
  position: absolute;
  width: 2152px;
  height: 849px;
  top: 1181px;
  left: 111px;
}

.main .line-6 {
  position: absolute;
  width: 321px;
  height: 2px;
  top: 418px;
  left: 0;
}

.main .group-32 {
  position: absolute;
  width: 2152px;
  height: 849px;
  top: 0;
  left: 0;
}

.main .overlap-21 {
  position: absolute;
  width: 656px;
  height: 747px;
  top: 71px;
  left: 530px;
}

.main .group-33 {
  position: absolute;
  width: 611px;
  height: 736px;
  top: 11px;
  left: 13px;
  box-shadow: 20px 30px 0px #0000004c;
}

.main .overlap-22 {
  position: relative;
  width: 610px;
  height: 673px;
  top: 3px;
  left: 1px;
}

.main .subtract {
  position: absolute;
  width: 164px;
  height: 251px;
  top: 0;
  left: 125px;
}

.main .subtract-2 {
  position: absolute;
  width: 265px;
  height: 304px;
  top: 368px;
  left: 19px;
}

.main .ellipse-10 {
  position: absolute;
  width: 380px;
  height: 380px;
  top: 145px;
  left: 113px;
  background-color: #0c101a;
  border-radius: 190px;
}

.main .subtract-3 {
  position: absolute;
  width: 242px;
  height: 218px;
  top: 84px;
  left: 51px;
}

.main .subtract-4 {
  position: absolute;
  width: 278px;
  height: 97px;
  top: 293px;
  left: 8px;
}

.main .subtract-5 {
  position: absolute;
  width: 277px;
  height: 131px;
  top: 188px;
  left: 12px;
}

.main .subtract-6 {
  position: absolute;
  width: 273px;
  height: 149px;
  top: 344px;
  left: 16px;
}

.main .union {
  position: absolute;
  width: 338px;
  height: 599px;
  top: 35px;
  left: 265px;
}

.main .ellipse-11 {
  position: absolute;
  width: 334px;
  height: 333px;
  top: 168px;
  left: 136px;
  background-color: #0c101a;
  border-radius: 167px/166.5px;
}

.main .ellipse-12 {
  position: absolute;
  width: 258px;
  height: 257px;
  top: 206px;
  left: 174px;
}

.main .group-34 {
  position: absolute;
  width: 610px;
  height: 609px;
  top: 30px;
  left: 0;
}

.main .overlap-group-4 {
  position: relative;
  height: 609px;
  border-radius: 305px/304.5px;
}

.main .ellipse-13 {
  position: absolute;
  width: 350px;
  height: 349px;
  top: 130px;
  left: 130px;
  border-radius: 175px/174.5px;
  border: 1px dashed;
  border-color: #0c101a33;
}

.main .ellipse-14 {
  position: absolute;
  width: 378px;
  height: 378px;
  top: 115px;
  left: 116px;
  border-radius: 189px;
  border: 1px dashed;
  border-color: #0c101a33;
}

.main .ellipse-15 {
  position: absolute;
  width: 411px;
  height: 409px;
  top: 100px;
  left: 99px;
  border-radius: 205.5px/204.5px;
  border: 1px dashed;
  border-color: #0c101a33;
}

.main .ellipse-16 {
  position: absolute;
  width: 444px;
  height: 443px;
  top: 83px;
  left: 83px;
  border-radius: 222px/221.5px;
  border: 1px dashed;
  border-color: #0c101a33;
}

.main .ellipse-17 {
  position: absolute;
  width: 486px;
  height: 485px;
  top: 62px;
  left: 62px;
  border-radius: 243px/242.5px;
  border: 1px dashed;
  border-color: #0c101a33;
}

.main .ellipse-18 {
  position: absolute;
  width: 538px;
  height: 537px;
  top: 36px;
  left: 36px;
  border-radius: 269px/268.5px;
  border: 1px dashed;
  border-color: #0c101a33;
}

.main .ellipse-19 {
  position: absolute;
  width: 610px;
  height: 609px;
  top: 0;
  left: 0;
  border-radius: 305px/304.5px;
  border: 1px dashed;
  border-color: #0c101a33;
}

.main .group-35 {
  position: absolute;
  width: 246px;
  height: 246px;
  top: 248px;
  left: 178px;
}

.main .group-36 {
  position: absolute;
  width: 616px;
  height: 605px;
  top: 30px;
  left: 40px;
}

.main .overlap-23 {
  position: absolute;
  width: 92px;
  height: 49px;
  top: 294px;
  left: 522px;
}

.main .rectangle {
  position: absolute;
  width: 72px;
  height: 49px;
  top: 0;
  left: 20px;
  background-color: #ffffff;
  border-radius: 7px 16px 16px 16px;
}

.main .text-wrapper-46 {
  top: 8px;
  left: 28px;
  position: absolute;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #0c101a;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .polygon-4 {
  position: absolute;
  width: 28px;
  height: 15px;
  top: 18px;
  left: 0;
}

.main .polygon-5 {
  position: absolute;
  width: 17px;
  height: 28px;
  top: 9px;
  left: 174px;
}

.main .polygon-6 {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 120px;
  left: 66px;
}

.main .polygon-7 {
  position: absolute;
  width: 29px;
  height: 16px;
  top: 216px;
  left: 15px;
}

.main .polygon-8 {
  position: absolute;
  width: 28px;
  height: 15px;
  top: 316px;
  left: 9px;
}

.main .polygon-9 {
  position: absolute;
  width: 29px;
  height: 17px;
  top: 410px;
  left: 27px;
}

.main .polygon-10 {
  position: absolute;
  width: 23px;
  height: 27px;
  top: 570px;
  left: 88px;
}

.main .group-37 {
  position: absolute;
  width: 74px;
  height: 49px;
  top: 0;
  left: 183px;
}

.main .overlap-24 {
  position: relative;
  width: 72px;
  height: 49px;
  background-color: #ffffff;
  border-radius: 7px 16px 16px 16px;
}

.main .text-wrapper-47 {
  top: 8px;
  left: 8px;
  position: absolute;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #0c101a;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-38 {
  position: absolute;
  width: 60px;
  height: 45px;
  top: 119px;
  left: 69px;
}

.main .overlap-25 {
  position: relative;
  width: 58px;
  height: 45px;
}

.main .rectangle-2 {
  position: absolute;
  width: 58px;
  height: 43px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 7px 16px 16px 16px;
}

.main .text-wrapper-48 {
  top: 6px;
  left: 8px;
  position: absolute;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #0c101a;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-39 {
  position: absolute;
  width: 74px;
  height: 49px;
  top: 617px;
  left: 91px;
}

.main .text-wrapper-49 {
  top: 8px;
  left: 10px;
  position: absolute;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #0c101a;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-40 {
  position: absolute;
  width: 60px;
  height: 43px;
  top: 438px;
  left: 18px;
}

.main .overlap-26 {
  position: relative;
  width: 58px;
  height: 43px;
  background-color: #ffffff;
  border-radius: 7px 16px 16px 16px;
}

.main .text-wrapper-50 {
  top: 4px;
  left: 8px;
  position: absolute;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #0c101a;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-41 {
  position: absolute;
  width: 60px;
  height: 45px;
  top: 332px;
  left: 0;
}

.main .text-wrapper-51 {
  top: 6px;
  left: 9px;
  position: absolute;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #0c101a;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .group-42 {
  position: absolute;
  width: 60px;
  height: 45px;
  top: 227px;
  left: 9px;
}

.main .text-wrapper-52 {
  top: 6px;
  left: 11px;
  position: absolute;
  font-family: "Gilroy-Semibold", Helvetica;
  font-weight: 400;
  color: #0c101a;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main .overlap-27 {
  position: absolute;
  width: 850px;
  height: 849px;
  top: 0;
  left: 1302px;
}

.main .group-43 {
  position: absolute;
  width: 850px;
  height: 849px;
  top: 0;
  left: 0;
}

.main .overlap-28 {
  position: relative;
  width: 852px;
  height: 851px;
  top: -1px;
  left: -1px;
  border-radius: 426px/425.3px;
}

.main .ellipse-20 {
  position: absolute;
  width: 488px;
  height: 487px;
  top: 182px;
  left: 182px;
  border-radius: 244px/243.5px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-21 {
  position: absolute;
  width: 282px;
  height: 281px;
  top: 285px;
  left: 285px;
  border-radius: 141px/140.5px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-22 {
  position: absolute;
  width: 66px;
  height: 65px;
  top: 393px;
  left: 393px;
  border-radius: 33px/32.5px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-23 {
  position: absolute;
  width: 529px;
  height: 529px;
  top: 160px;
  left: 162px;
  border-radius: 264.36px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-24 {
  position: absolute;
  width: 575px;
  height: 572px;
  top: 139px;
  left: 138px;
  border-radius: 287.35px/285.96px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-25 {
  position: absolute;
  width: 621px;
  height: 619px;
  top: 116px;
  left: 116px;
  border-radius: 310.34px/309.65px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-26 {
  position: absolute;
  width: 679px;
  height: 678px;
  top: 86px;
  left: 86px;
  border-radius: 339.61px/338.91px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-27 {
  position: absolute;
  width: 752px;
  height: 750px;
  top: 50px;
  left: 50px;
  border-radius: 375.84px/375.14px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .ellipse-28 {
  position: absolute;
  width: 852px;
  height: 851px;
  top: 0;
  left: 0;
  border-radius: 426px/425.3px;
  border: 2px solid;
  border-color: #15231d80;
}

.main .group-44 {
  position: absolute;
  width: 231px;
  height: 364px;
  top: 238px;
  left: 103px;
}

.main .liquidity-CEX {
  position: absolute;
  top: 0;
  left: 37px;
  font-family: "Gilroy-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 52px;
}

.main .text-wrapper-53 {
  color: #ffffff;
}

.main .text-wrapper-54 {
  color: #35b475;
}

.main .text-wrapper-55 {
  color: #0daada;
}

.main .text-wrapper-56 {
  color: #5c69cd;
}

.main .text-wrapper-57 {
  color: #b8288c;
}

.main .text-wrapper-58 {
  color: #4ab940;
}

.main .text-wrapper-59 {
  color: #c3d91e;
}

.main .rectangle-3 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 16px;
  left: 0;
  border-radius: 0px 6px 6px 6px;
  background: linear-gradient(180deg, rgb(61, 182, 98) 0%, rgb(12, 170, 219) 100%);
}

.main .rectangle-4 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 70px;
  left: 0;
  border-radius: 1px 6px 6px 6px;
  background: linear-gradient(180deg, rgb(51.43, 162.6, 187) 0%, rgb(164.48, 4, 240) 100%);
}

.main .rectangle-5 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 278px;
  left: 0;
  border-radius: 0px 6px 6px 6px;
  background: linear-gradient(180deg, rgb(80, 187, 51) 0%, rgb(60, 182, 98) 100%);
}

.main .rectangle-6 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 122px;
  left: 0;
  border-radius: 0px 6px 6px 6px;
  background: linear-gradient(180deg, rgb(138, 40, 227) 0%, rgb(206.13, 40.37, 100.04) 91.67%);
}

.main .rectangle-7 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 330px;
  left: 0;
  border-radius: 1px 6px 6px 6px;
  background: linear-gradient(180deg, rgb(241, 229, 22) 0%, rgb(79.67, 187, 51.43) 100%);
}

.main .group-45 {
  position: absolute;
  width: 273px;
  height: 339px;
  top: 252px;
  left: 0;
}

.main .text-wrapper-60 {
  position: absolute;
  top: 271px;
  left: 0;
  font-family: "Gilroy-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 68px;
  white-space: nowrap;
}

.main .text-wrapper-61 {
  position: absolute;
  width: 221px;
  top: 219px;
  left: 46px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 38px;
}

.main .vector-11 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 213px;
  left: -14px;
}

.main .group-46 {
  position: absolute;
  width: 273px;
  height: 120px;
  top: 0;
  left: 0;
}

.main .overlap-group-5 {
  position: relative;
  width: 307px;
  height: 135px;
  top: -15px;
  left: -38px;
}

.main .text-wrapper-62 {
  position: absolute;
  top: 67px;
  left: 39px;
  font-family: "Gilroy-Bold", Helvetica;
  font-weight: 700;
  color: #f1e516;
  font-size: 68px;
  letter-spacing: 0;
  line-height: 68px;
  white-space: nowrap;
}

.main .text-wrapper-63 {
  position: absolute;
  width: 221px;
  top: 15px;
  left: 84px;
  font-family: "Gilroy-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 38px;
}

.main .group-47 {
  position: absolute;
  width: 102px;
  height: 102px;
  top: 0;
  left: 0;
}