.scaling:hover {
  transform: scale(1.05);
  transition-duration: 1s;
  opacity: 0.8;
}

.scaling:active {
  opacity: 0.9;
}

.only-scaling:hover {
  transform: scale(1.05);
  transition-duration: 1s;
}

.only-scaling:active {
  transform: scale(0.95);
  transition-duration: 1s;
}

.base-item {
  cursor: pointer;
}

.base-button {
  border: none;
  cursor: pointer;
}

img {
  width: 100%;
}

@media (min-width: 1731px) {
  .main .overlap-3 {
    position: absolute;
    top: 408rem;
    right: 127rem;
    transform: scale(1.8);
  }
}

@media (max-width: 1730px) and (min-width: 1452px) {
  .main .overlap-3 {
    position: absolute;
    top: 348rem;
    right: 111rem;
    transform: scale(1.6);
  }
}

@media (max-width: 1451px) and (min-width: 1216px) {
  .main .overlap-3 {
    position: absolute;
    top: 300rem;
    right: 100rem;
    transform: scale(1.3);
  }
}

@media (max-width: 1215px) and (min-width: 1201px) {
  .main .overlap-3 {
    position: absolute;
    top: 300rem;
    right: 100rem;
  }
}

@media (max-width: 1200px) and (min-width: 901px) {
  .main .overlap-3 {
    position: absolute;
    top: 171rem;
    right: -75rem;
  }
}

@media (min-width: 901px) {
  .element-main-mobile {
    display: none;
  }

  .main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    background-color: #212225;
  }

  .macOS .main {
    background-color: #232628;
  }

  .windows .main {
    background-color: #212225;
  }

  .main.div.overlap.firstscreen.overlap-group .btn,
  .btn {
    cursor: pointer;
  }

  .main .div {
    width: 1440rem;
    height: 4912rem;
    position: relative;
  }

  .main .overlap {
    position: absolute;
    width: 1440rem;
    height: 800rem;
    top: 0;
    left: 0;
  }

  .main .firstscreen {
    position: absolute;
    width: 1440rem;
    height: 800rem;
    top: 0;
    left: 0;
  }

  .main .overlap-group {
    position: relative;
    width: 1580rem;
    height: 1108rem;
    top: -308rem;
    left: -184rem;
  }

  .main .overlap-2 {
    position: absolute;
    width: 893rem;
    height: 760rem;
    top: 0;
    left: 0;
  }

  .main .ellipse {
    top: 21rem;
    left: 187rem;
    transform: rotate(142.44deg);
    opacity: 0.1;
    position: absolute;
    width: 312rem;
    height: 718rem;
    background-color: #ffffff;
    border-radius: 155.94rem/359.19rem;
    filter: blur(235rem);
    z-index: 999;
  }

  .main .we-provide {
    position: absolute;
    width: 400rem;
    top: 667rem;
    left: 228rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .main .blockchain-and {
    position: absolute;
    width: 665rem;
    top: 451rem;
    left: 228rem;
    font-family: "Druk Wide-Medium", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 60rem;
    letter-spacing: -4rem;
    line-height: 60rem;
  }

  .main .text-wrapper {
    color: #3680ef;
    text-decoration: underline;
  }

  .main .span {
    color: #ffffff;
  }

  .main .button {
    position: absolute;
    width: 164rem;
    height: 48rem;
    top: 760rem;
    left: 228rem;
    background-color: #3680ef;
    border-radius: 12rem;
    cursor: pointer;
    z-index: 1;
  }

  .main .north-east {
    position: absolute;
    width: 24rem;
    height: 24rem;
    top: 12rem;
    left: 128rem;
  }

  .main .body {
    top: 12rem;
    left: 24rem;
    font-weight: 600;
    color: #ffffff;
    font-size: 16rem;
    line-height: 24rem;
    white-space: nowrap;
    position: absolute;
    font-family: "Manrope", Helvetica;
    letter-spacing: 0;
  }

  .main .ellipse-2 {
    position: absolute;
    width: 493rem;
    height: 493rem;
    top: 17rem;
    left: 730rem;
    background-color: #3680ef4c;
    border-radius: 246.28rem;
    filter: blur(164rem);
  }

  .main .group {
    position: absolute;
    width: 25rem;
    height: 395rem;
    top: 0;
    left: 734rem;
    opacity: 0.8;
  }

  .main .overlap-group-2 {
    position: relative;
    height: 395rem;
  }

  .main .ellipse-3 {
    position: absolute;
    width: 8rem;
    height: 395rem;
    top: 0;
    left: 8rem;
    border-radius: 4.15rem/197.3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-4 {
    width: 25rem;
    height: 212rem;
    top: 91rem;
    left: 0;
    border-radius: 12.44rem/106.05rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
    position: absolute;
    filter: blur(14rem);
  }

  .main .ellipse-5 {
    width: 13rem;
    height: 82rem;
    top: 156rem;
    left: 6rem;
    border-radius: 6.52rem/40.88rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    filter: blur(14rem);
  }

  .main .overlap-wrapper {
    position: absolute;
    width: 25rem;
    height: 293rem;
    top: 106rem;
    left: 786rem;
    opacity: 0.7;
  }

  .main .overlap-4 {
    position: relative;
    height: 293rem;
  }

  .main .ellipse-6 {
    position: absolute;
    width: 8rem;
    height: 293rem;
    top: 0;
    left: 8rem;
    border-radius: 4.15rem/146.3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-7 {
    position: absolute;
    width: 25rem;
    height: 157rem;
    top: 68rem;
    left: 0;
    border-radius: 12.44rem/78.64rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-8 {
    position: absolute;
    width: 13rem;
    height: 61rem;
    top: 116rem;
    left: 6rem;
    border-radius: 6.52rem/30.31rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .overlap-group-wrapper {
    position: absolute;
    width: 25rem;
    height: 213rem;
    top: 165rem;
    left: 842rem;
  }

  .main .overlap-5 {
    position: relative;
    height: 213rem;
  }

  .main .ellipse-9 {
    position: absolute;
    width: 8rem;
    height: 213rem;
    top: 0;
    left: 8rem;
    border-radius: 4.15rem/106.3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-10 {
    position: absolute;
    width: 25rem;
    height: 114rem;
    top: 49rem;
    left: 0;
    border-radius: 12.44rem/57.14rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-11 {
    position: absolute;
    width: 13rem;
    height: 44rem;
    top: 84rem;
    left: 6rem;
    border-radius: 6.52rem/22.03rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .div-wrapper {
    position: absolute;
    width: 25rem;
    height: 213rem;
    top: 165rem;
    left: 1079rem;
  }

  .main .group-2 {
    position: absolute;
    width: 25rem;
    height: 293rem;
    top: 106rem;
    left: 1129rem;
    opacity: 0.7;
  }

  .main .group-3 {
    position: absolute;
    width: 25rem;
    height: 395rem;
    top: 0;
    left: 1183rem;
    opacity: 0.8;
  }

  .main .group-4 {
    position: absolute;
    width: 439rem;
    height: 422rem;
    top: 15rem;
    left: 779rem;
  }

  .main .overlap-6 {
    position: relative;
    height: 422rem;
  }

  .main .group-wrapper {
    position: absolute;
    width: 275rem;
    height: 275rem;
    top: 0;
    left: 79rem;
  }

  .main .group-5 {
    height: 275rem;
  }

  .main .overlap-7 {
    position: relative;
    width: 276rem;
    height: 276rem;
    top: -1rem;
  }

  .main .img {
    position: absolute;
    width: 275rem;
    height: 276rem;
    top: 0;
    left: 0;
  }

  .main .vector {
    position: absolute;
    width: 275rem;
    height: 255rem;
    top: 0;
    left: 1rem;
  }

  .main .group-6 {
    position: absolute;
    width: 190rem;
    height: 191rem;
    top: 41rem;
    left: 43rem;
  }

  .main .group-7 {
    position: absolute;
    width: 199rem;
    height: 184rem;
    top: 60rem;
    left: 25rem;
  }

  .main .ellipse-wrapper {
    position: absolute;
    width: 13rem;
    height: 13rem;
    top: 34rem;
    left: 61rem;
    background-color: #c9fff5;
    border-radius: 6.49rem;
    filter: blur(7rem);
  }

  .main .ellipse-12 {
    position: relative;
    width: 8rem;
    height: 8rem;
    top: 2rem;
    left: 2rem;
    background-color: #c9fff5;
    border-radius: 4.13rem;
  }

  .main .overlap-8 {
    position: absolute;
    width: 13rem;
    height: 13rem;
    top: 8rem;
    left: 186rem;
    background-color: #c9fff5;
    border-radius: 6.49rem;
    filter: blur(7rem);
  }

  .main .overlap-9 {
    position: absolute;
    width: 13rem;
    height: 13rem;
    top: 73rem;
    left: 48rem;
    background-color: #c9fff5;
    border-radius: 6.49rem;
    filter: blur(7rem);
  }

  .main .overlap-10 {
    position: absolute;
    width: 13rem;
    height: 13rem;
    top: 34rem;
    left: 0;
    background-color: #c9fff5;
    border-radius: 6.49rem;
    filter: blur(7rem);
  }

  .main .overlap-11 {
    position: absolute;
    width: 13rem;
    height: 13rem;
    top: 137rem;
    left: 61rem;
    background-color: #c9fff5;
    border-radius: 6.49rem;
    filter: blur(7rem);
  }

  .main .group-8 {
    position: absolute;
    width: 11rem;
    height: 11rem;
    top: 174rem;
    left: 124rem;
    background-color: #c9fff5;
    border-radius: 5.31rem;
    filter: blur(7rem);
  }

  .main .ellipse-13 {
    position: relative;
    width: 6rem;
    height: 6rem;
    top: 2rem;
    left: 2rem;
    background-color: #c9fff5;
    border-radius: 2.95rem;
  }

  .main .group-9 {
    position: absolute;
    width: 11rem;
    height: 11rem;
    top: 94rem;
    left: 2rem;
    background-color: #c9fff5;
    border-radius: 5.31rem;
    filter: blur(7rem);
  }

  .main .overlap-12 {
    position: absolute;
    width: 11rem;
    height: 11rem;
    top: 0;
    left: 100rem;
    border-radius: 5.31rem;
  }

  .main .ellipse-14 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 2rem;
    left: 2rem;
    background-color: #c9fff5;
    border-radius: 2.95rem;
  }

  .main .ellipse-15 {
    position: absolute;
    width: 11rem;
    height: 11rem;
    top: 0;
    left: 0;
    background-color: #c9fff5;
    border-radius: 5.31rem;
    filter: blur(4rem);
  }

  .main .vector-2 {
    position: absolute;
    width: 58rem;
    height: 33rem;
    top: 203rem;
    left: 96rem;
  }

  .main .vector-3 {
    position: absolute;
    width: 57rem;
    height: 49rem;
    top: 49rem;
    left: 35rem;
  }

  .main .vector-4 {
    position: absolute;
    width: 94rem;
    height: 11rem;
    top: 62rem;
    left: 120rem;
  }

  .main .vector-5 {
    position: absolute;
    width: 58rem;
    height: 56rem;
    top: 101rem;
    left: 34rem;
  }

  .main .vector-6 {
    position: absolute;
    width: 66rem;
    height: 164rem;
    top: 75rem;
    left: 155rem;
  }

  .main .group-10 {
    position: absolute;
    width: 2rem;
    height: 110rem;
    top: 238rem;
    left: 159rem;
    opacity: 0.2;
  }

  .main .overlap-13 {
    height: 117rem;
    top: -3rem;
    position: relative;
    width: 14rem;
    left: -4rem;
  }

  .main .line {
    position: absolute;
    width: 4rem;
    height: 111rem;
    top: 2rem;
    left: 5rem;
  }

  .main .line-2 {
    width: 14rem;
    height: 117rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-11 {
    position: absolute;
    width: 2rem;
    height: 118rem;
    top: 249rem;
    left: 168rem;
    opacity: 0.27;
  }

  .main .line-wrapper {
    height: 125rem;
    top: -3rem;
    background-image: url(./img/line-2-1.svg);
    background-size: 100% 100%;
    position: relative;
    width: 14rem;
    left: -4rem;
  }

  .main .line-3 {
    position: absolute;
    width: 4rem;
    height: 119rem;
    top: 2rem;
    left: 5rem;
  }

  .main .group-12 {
    position: absolute;
    width: 2rem;
    height: 118rem;
    top: 249rem;
    left: 147rem;
    opacity: 0.27;
  }

  .main .overlap-14 {
    position: relative;
    width: 14rem;
    height: 125rem;
    top: -3rem;
    left: -4rem;
  }

  .main .line-4 {
    width: 14rem;
    height: 125rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .ellipse-16 {
    position: absolute;
    width: 168rem;
    height: 39rem;
    top: 269rem;
    left: 133rem;
    background-color: #5c89ff;
    border-radius: 84rem/19.5rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .main .group-13 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 22rem;
    left: 96rem;
  }

  .main .vector-7 {
    position: absolute;
    width: 146rem;
    height: 48rem;
    top: 244rem;
    left: 150rem;
  }

  .main .vector-8 {
    position: absolute;
    width: 101rem;
    height: 23rem;
    top: 256rem;
    left: 173rem;
  }

  .main .ellipse-17 {
    position: absolute;
    width: 64rem;
    height: 10rem;
    top: 275rem;
    left: 184rem;
    border-radius: 32rem/5rem;
    transform: rotate(180deg);
    filter: blur(24rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%);
  }

  .main .ellipse-18 {
    position: absolute;
    width: 4rem;
    height: 105rem;
    top: 269rem;
    left: 214rem;
    background-color: #6798f6;
    border-radius: 2rem/52.5rem;
    filter: blur(24rem);
  }

  .main .ellipse-19 {
    position: absolute;
    width: 6rem;
    height: 119rem;
    top: 267rem;
    left: 213rem;
    background-color: #6798f6;
    border-radius: 3rem/59.5rem;
    filter: blur(32rem);
  }

  .main .rectangle {
    position: absolute;
    width: 166rem;
    height: 157rem;
    top: 239rem;
    left: 138rem;
  }

  .main .group-14 {
    position: absolute;
    width: 2rem;
    height: 86rem;
    top: 262rem;
    left: 256rem;
    opacity: 0.14;
  }

  .main .overlap-15 {
    position: relative;
    width: 14rem;
    height: 93rem;
    top: -3rem;
    left: -4rem;
  }

  .main .line-5 {
    position: absolute;
    width: 4rem;
    height: 87rem;
    top: 2rem;
    left: 5rem;
  }

  .main .line-6 {
    position: absolute;
    width: 14rem;
    height: 93rem;
    top: 0;
    left: 0;
  }

  .main .group-15 {
    position: absolute;
    width: 2rem;
    height: 86rem;
    top: 262rem;
    left: 238rem;
    opacity: 0.3;
  }

  .main .group-16 {
    position: absolute;
    width: 2rem;
    height: 86rem;
    top: 261rem;
    left: 185rem;
    opacity: 0.15;
  }

  .main .group-17 {
    position: absolute;
    width: 2rem;
    height: 86rem;
    top: 264rem;
    left: 192rem;
    opacity: 0.15;
  }

  .main .group-18 {
    position: absolute;
    width: 2rem;
    height: 111rem;
    top: 253rem;
    left: 208rem;
    transform: rotate(180deg);
  }

  .main .overlap-16 {
    position: relative;
    width: 62rem;
    height: 162rem;
    top: -26rem;
    left: -26rem;
  }

  .main .line-7 {
    position: absolute;
    width: 4rem;
    height: 112rem;
    top: 26rem;
    left: 27rem;
    transform: rotate(-180deg);
  }

  .main .line-8 {
    width: 62rem;
    height: 162rem;
    transform: rotate(-180deg);
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-19 {
    position: absolute;
    width: 5rem;
    height: 97rem;
    top: 253rem;
    left: 211rem;
  }

  .main .overlap-17 {
    position: relative;
    width: 26rem;
    height: 110rem;
    top: -6rem;
    left: -7rem;
  }

  .main .line-9 {
    position: absolute;
    width: 8rem;
    height: 102rem;
    top: 3rem;
    left: 9rem;
  }

  .main .line-10 {
    width: 26rem;
    height: 110rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-20 {
    position: absolute;
    width: 2rem;
    height: 86rem;
    top: 261rem;
    left: 225rem;
    opacity: 0.53;
  }

  .main .vector-9 {
    position: absolute;
    width: 44rem;
    height: 52rem;
    top: 48rem;
    left: 162rem;
  }

  .main .ellipse-20 {
    position: absolute;
    width: 13rem;
    height: 13rem;
    top: 42rem;
    left: 161rem;
    background-color: #c9fff5;
    border-radius: 6.49rem;
    filter: blur(7rem);
  }

  .main .ellipse-21 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 45rem;
    left: 164rem;
    background-color: #c9fff5;
    border-radius: 4.13rem;
  }

  .main .group-21 {
    position: absolute;
    width: 439rem;
    height: 112rem;
    top: 310rem;
    left: 0;
  }

  .main .overlap-18 {
    position: relative;
    height: 149rem;
    top: -27rem;
  }

  .main .ellipse-22 {
    position: absolute;
    width: 400rem;
    height: 91rem;
    top: 46rem;
    left: 20rem;
  }

  .main .ellipse-23 {
    position: absolute;
    width: 424rem;
    height: 115rem;
    top: 34rem;
    left: 8rem;
  }

  .main .ellipse-24 {
    position: absolute;
    width: 321rem;
    height: 74rem;
    top: 35rem;
    left: 59rem;
  }

  .main .ellipse-25 {
    position: absolute;
    width: 351rem;
    height: 104rem;
    top: 20rem;
    left: 44rem;
  }

  .main .ellipse-26 {
    position: absolute;
    width: 439rem;
    height: 99rem;
    top: 40rem;
    left: 0;
    background-color: #6798f6;
    border-radius: 219.5rem/49.36rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .main .ellipse-27 {
    position: absolute;
    width: 206rem;
    height: 86rem;
    top: 0;
    left: 116rem;
  }

  .main .ellipse-28 {
    position: absolute;
    width: 151rem;
    height: 31rem;
    top: 28rem;
    left: 144rem;
  }

  .main .ellipse-29 {
    position: absolute;
    width: 247rem;
    height: 57rem;
    top: 26rem;
    left: 96rem;
  }

  .main .ellipse-30 {
    position: absolute;
    width: 269rem;
    height: 79rem;
    top: 15rem;
    left: 85rem;
  }

  .main .group-22 {
    position: absolute;
    width: 1352rem;
    height: 252rem;
    top: 856rem;
    left: 228rem;
    background-color: #5757571f;
    border-radius: 40rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
  }

  .main .item {
    position: absolute;
    width: 338rem;
    height: 252rem;
    top: 0;
    left: 1014rem;
  }

  .main .overlap-group-3 {
    position: absolute;
    width: 251rem;
    height: 163rem;
    top: -12rem;
    left: -13rem;
  }

  .main .NFT-design {
    position: absolute;
    width: 206rem;
    top: 115rem;
    left: 45rem;
    font-family: "Manrope", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
  }

  .main .text-wrapper-2 {
    font-weight: 600;
  }

  .main .text-wrapper-3 {
    font-family: "Manrope", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
  }

  .main .diversity {
    position: absolute;
    width: 138rem;
    height: 135rem;
    top: 0;
    left: 0;
  }

  .main .p {
    position: absolute;
    width: 196rem;
    top: 159rem;
    left: 32rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
  }

  .main .item-2 {
    position: absolute;
    width: 338rem;
    height: 252rem;
    top: 0;
    left: 338rem;
  }

  .main .overlap-19 {
    position: absolute;
    width: 248rem;
    height: 161rem;
    top: -10rem;
    left: -10rem;
  }

  .main .web-design {
    position: absolute;
    width: 206rem;
    top: 113rem;
    left: 42rem;
    font-family: "Manrope", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
  }

  .main .colors {
    position: absolute;
    width: 132rem;
    height: 130rem;
    top: 0;
    left: 0;
  }

  .main .item-3 {
    position: absolute;
    width: 338rem;
    height: 252rem;
    top: 0;
    left: 676rem;
  }

  .main .overlap-20 {
    position: absolute;
    width: 245rem;
    height: 161rem;
    top: -10rem;
    left: -7rem;
  }

  .main .mobile-design {
    position: absolute;
    width: 206rem;
    top: 113rem;
    left: 39rem;
    font-family: "Manrope", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
  }

  .main .settings {
    position: absolute;
    width: 130rem;
    height: 132rem;
    top: 0;
    left: 0;
  }

  .main .item-4 {
    position: absolute;
    width: 338rem;
    height: 252rem;
    top: 0;
    left: 0;
  }

  .main .overlap-21 {
    position: relative;
    width: 346rem;
    height: 262rem;
    top: -10rem;
    left: -10rem;
  }

  .main .rectangle-2-1 {
    position: absolute;
    width: 336rem;
    height: 252rem;
    top: 10rem;
    left: 10rem;
    background-color: #5757571f;
    border-radius: 40rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
    display: inline;
  }

  .main .rectangle-2-2 {
    position: absolute;
    width: 336rem;
    height: 252rem;
    top: 10rem;
    left: 10rem;
    background-color: #5757571f;
    border-radius: 40rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
    display: none;
  }

  .main .rectangle-2-3 {
    position: absolute;
    width: 336rem;
    height: 252rem;
    top: 10rem;
    left: 10rem;
    background-color: #5757571f;
    border-radius: 40rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
    display: none;
  }

  .main .rectangle-2-4 {
    position: absolute;
    width: 336rem;
    height: 252rem;
    top: 10rem;
    left: 10rem;
    background-color: #5757571f;
    border-radius: 40rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
    display: none;
  }

  .main .blockchain {
    position: absolute;
    width: 206rem;
    top: 113rem;
    left: 42rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 18rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
  }

  .main .captive-portal {
    position: absolute;
    width: 132rem;
    height: 132rem;
    top: 0;
    left: 0;
  }

  .main .text-wrapper-4 {
    position: absolute;
    width: 196rem;
    top: 169rem;
    left: 42rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
  }

  .main .header {
    position: absolute;
    width: 1440rem;
    height: 96rem;
    top: 0;
    left: 0;
    background-color: transparent;
  }

  .main .item-5 {
    position: absolute;
    width: 164rem;
    height: 48rem;
    top: 24rem;
    left: 1232rem;
    background-color: #ffffff;
    border-radius: 12rem;
  }

  .main .text-wrapper-5 {
    position: absolute;
    top: 11rem;
    left: 24rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #212225;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 24rem;
    white-space: nowrap;
  }

  .main .overlap-22 {
    position: absolute;
    width: 224rem;
    height: 85rem;
    top: 6rem;
    left: 26rem;
  }

  .main .chrimata {
    position: absolute;
    width: 146rem;
    height: 24rem;
    top: 33rem;
    left: 79rem;
    font-weight: 500;
    color: #FFF;

    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Druk Wide", Helvetica;
    font-size: 24rem;
    font-style: normal;
    font-weight: 600;
    line-height: 24rem;
    /* 100% */
    /* letter-spacing: -1rem; */
  }

  .main .group-23 {
    position: absolute;
    width: 85rem;
    height: 85rem;
    top: 0;
    left: 0;
  }

  .main .text-wrapper-6 {
    position: absolute;
    top: 35rem;
    left: 630rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 16rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 24rem;
    white-space: nowrap;
    border: none;
  }

  .main .text-wrapper-7 {
    position: absolute;
    top: 35rem;
    left: 774rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 16rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 24rem;
    white-space: nowrap;
  }

  .main .about {
    height: 608rem;
    top: 800rem;
    overflow: hidden;
    position: absolute;
    width: 1440rem;
    left: 0;
    background-color: #212225;
  }

  .main .overlap-23 {
    position: relative;
    width: 1749rem;
    height: 608rem;
    top: 68rem;
    left: 108rem;
  }

  .main .blockchain-2 {
    position: absolute;
    top: 119rem;
    left: 644rem;
    opacity: 0.9;
    font-family: "Druk Wide-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 48rem;
    letter-spacing: -2rem;
    line-height: 48rem;
  }

  .main .text-wrapper-8 {
    position: absolute;
    width: 530rem;
    top: 251rem;
    left: 644rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .main .chip {
    width: 129rem;
    top: 52rem;
    left: 644rem;
    position: absolute;
    height: 36rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: none;
  }

  .main .text-wrapper-9 {
    position: absolute;
    top: 5rem;
    left: 16rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #3680ef;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 24rem;
    white-space: nowrap;
  }

  .main .group-24 {
    position: absolute;
    width: 475rem;
    height: 465rem;
    top: 19rem;
    left: 21rem;
  }

  .main .overlap-24 {
    position: relative;
    height: 465rem;
  }

  .main .group-25 {
    height: 109rem;
    top: 283rem;
    left: 177rem;
    position: absolute;
    width: 2rem;
    opacity: 0.2;
  }

  .main .overlap-group-4 {
    position: relative;
    width: 14rem;
    height: 115rem;
    top: -3rem;
    left: -4rem;
  }

  .main .line-11 {
    position: absolute;
    width: 4rem;
    height: 109rem;
    top: 2rem;
    left: 5rem;
  }

  .main .line-12 {
    width: 14rem;
    height: 115rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-26 {
    height: 116rem;
    top: 294rem;
    left: 186rem;
    position: absolute;
    width: 2rem;
    opacity: 0.27;
  }

  .main .overlap-25 {
    position: relative;
    width: 14rem;
    height: 123rem;
    top: -3rem;
    left: -4rem;
  }

  .main .line-13 {
    width: 14rem;
    height: 123rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .line-14 {
    position: absolute;
    width: 4rem;
    height: 117rem;
    top: 2rem;
    left: 5rem;
  }

  .main .group-27 {
    height: 116rem;
    top: 294rem;
    left: 166rem;
    position: absolute;
    width: 2rem;
    opacity: 0.27;
  }

  .main .ellipse-31 {
    position: absolute;
    width: 163rem;
    height: 39rem;
    top: 314rem;
    left: 152rem;
    background-color: #5c89ff;
    border-radius: 81.6rem/19.25rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .main .group-28 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 70rem;
    left: 116rem;
  }

  .main .vector-10 {
    position: absolute;
    width: 143rem;
    height: 47rem;
    top: 289rem;
    left: 168rem;
  }

  .main .vector-11 {
    position: absolute;
    width: 98rem;
    height: 23rem;
    top: 301rem;
    left: 191rem;
  }

  .main .ellipse-32 {
    position: absolute;
    width: 62rem;
    height: 10rem;
    top: 320rem;
    left: 202rem;
    border-radius: 31.08rem/4.94rem;
    transform: rotate(-180deg);
    filter: blur(24rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%);
  }

  .main .ellipse-33 {
    width: 4rem;
    height: 104rem;
    top: 314rem;
    left: 231rem;
    background-color: #6798f6;
    border-radius: 1.94rem/51.83rem;
    position: absolute;
    filter: blur(24rem);
  }

  .main .ellipse-34 {
    width: 6rem;
    height: 117rem;
    top: 312rem;
    left: 230rem;
    background-color: #6798f6;
    border-radius: 2.91rem/58.74rem;
    position: absolute;
    filter: blur(32rem);
  }

  .main .rectangle-3 {
    position: absolute;
    width: 162rem;
    height: 155rem;
    top: 265rem;
    left: 158rem;
  }

  .main .group-29 {
    height: 85rem;
    top: 307rem;
    left: 272rem;
    position: absolute;
    width: 2rem;
    opacity: 0.14;
  }

  .main .overlap-26 {
    position: relative;
    width: 14rem;
    height: 92rem;
    top: -3rem;
    left: -4rem;
  }

  .main .line-15 {
    position: absolute;
    width: 4rem;
    height: 86rem;
    top: 2rem;
    left: 5rem;
  }

  .main .line-16 {
    width: 14rem;
    height: 92rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-30 {
    height: 85rem;
    top: 307rem;
    left: 254rem;
    position: absolute;
    width: 2rem;
    opacity: 0.3;
  }

  .main .group-31 {
    width: 475rem;
    height: 111rem;
    top: 354rem;
    position: absolute;
    left: 0;
  }

  .main .overlap-27 {
    position: relative;
    height: 148rem;
    top: -27rem;
  }

  .main .ellipse-35 {
    position: absolute;
    width: 432rem;
    height: 90rem;
    top: 46rem;
    left: 21rem;
  }

  .main .ellipse-36 {
    position: absolute;
    width: 456rem;
    height: 114rem;
    top: 34rem;
    left: 9rem;
  }

  .main .ellipse-37 {
    position: absolute;
    width: 348rem;
    height: 73rem;
    top: 35rem;
    left: 64rem;
  }

  .main .ellipse-38 {
    position: absolute;
    width: 378rem;
    height: 103rem;
    top: 20rem;
    left: 49rem;
  }

  .main .ellipse-39 {
    position: absolute;
    width: 475rem;
    height: 97rem;
    top: 40rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 237.5rem/48.73rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .main .ellipse-40 {
    position: absolute;
    width: 219rem;
    height: 86rem;
    top: 0;
    left: 128rem;
  }

  .main .ellipse-41 {
    position: absolute;
    width: 164rem;
    height: 31rem;
    top: 27rem;
    left: 156rem;
  }

  .main .ellipse-42 {
    position: absolute;
    width: 267rem;
    height: 57rem;
    top: 26rem;
    left: 104rem;
  }

  .main .ellipse-43 {
    position: absolute;
    width: 289rem;
    height: 79rem;
    top: 15rem;
    left: 93rem;
  }

  .main .group-32 {
    height: 85rem;
    top: 306rem;
    left: 242rem;
    position: absolute;
    width: 2rem;
    opacity: 0.53;
  }

  .main .group-33 {
    position: absolute;
    width: 5rem;
    height: 96rem;
    top: 298rem;
    left: 228rem;
  }

  .main .overlap-28 {
    position: relative;
    width: 26rem;
    height: 109rem;
    top: -6rem;
    left: -7rem;
  }

  .main .line-17 {
    position: absolute;
    width: 8rem;
    height: 101rem;
    top: 3rem;
    left: 9rem;
  }

  .main .line-18 {
    width: 26rem;
    height: 109rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-34 {
    height: 110rem;
    top: 298rem;
    left: 225rem;
    transform: rotate(-180deg);
    position: absolute;
    width: 2rem;
  }

  .main .overlap-29 {
    position: relative;
    width: 62rem;
    height: 160rem;
    top: -26rem;
    left: -26rem;
  }

  .main .line-19 {
    position: absolute;
    width: 4rem;
    height: 110rem;
    top: 26rem;
    left: 27rem;
    transform: rotate(180deg);
  }

  .main .line-20 {
    width: 62rem;
    height: 160rem;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-35 {
    height: 85rem;
    top: 309rem;
    left: 210rem;
    position: absolute;
    width: 2rem;
    opacity: 0.15;
  }

  .main .group-36 {
    height: 85rem;
    top: 306rem;
    left: 203rem;
    position: absolute;
    width: 2rem;
    opacity: 0.15;
  }

  .main .group-37 {
    position: absolute;
    width: 355rem;
    height: 395rem;
    top: 19rem;
    left: 106rem;
    opacity: 0.7;
  }

  .main .overlap-30 {
    position: absolute;
    width: 24rem;
    height: 289rem;
    top: 107rem;
    left: 279rem;
  }

  .main .ellipse-44 {
    position: absolute;
    width: 8rem;
    height: 289rem;
    top: 0;
    left: 8rem;
    border-radius: 4.03rem/144.43rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-45 {
    position: absolute;
    width: 24rem;
    height: 155rem;
    top: 67rem;
    left: 0;
    border-radius: 12.09rem/77.64rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-46 {
    position: absolute;
    width: 13rem;
    height: 60rem;
    top: 115rem;
    left: 6rem;
    border-radius: 6.33rem/29.93rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-38 {
    width: 24rem;
    height: 390rem;
    left: 331rem;
    position: absolute;
    top: 0;
    opacity: 0.8;
  }

  .main .overlap-group-5 {
    position: relative;
    height: 390rem;
  }

  .main .ellipse-47 {
    position: absolute;
    width: 8rem;
    height: 390rem;
    top: 0;
    left: 8rem;
    border-radius: 4.03rem/194.78rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-48 {
    position: absolute;
    width: 24rem;
    height: 209rem;
    top: 90rem;
    left: 0;
    border-radius: 12.09rem/104.7rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-49 {
    position: absolute;
    width: 13rem;
    height: 81rem;
    top: 154rem;
    left: 6rem;
    border-radius: 6.33rem/40.36rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-39 {
    position: absolute;
    width: 21rem;
    height: 210rem;
    top: 165rem;
    left: 0;
  }

  .main .overlap-31 {
    position: relative;
    height: 210rem;
  }

  .main .ellipse-50 {
    position: absolute;
    width: 7rem;
    height: 210rem;
    top: 0;
    left: 7rem;
    border-radius: 3.47rem/104.94rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-51 {
    position: absolute;
    width: 21rem;
    height: 113rem;
    top: 49rem;
    left: 0;
    border-radius: 10.42rem/56.41rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-52 {
    position: absolute;
    width: 11rem;
    height: 43rem;
    top: 83rem;
    left: 5rem;
    border-radius: 5.46rem/21.74rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-40 {
    position: absolute;
    width: 469rem;
    height: 444rem;
    top: 0;
    left: 0;
    transform: rotate(-180deg);
  }

  .main .overlap-32 {
    position: relative;
    height: 444rem;
  }

  .main .group-41 {
    height: 109rem;
    top: 262rem;
    left: 175rem;
    position: absolute;
    width: 2rem;
    opacity: 0.2;
  }

  .main .line-21 {
    position: absolute;
    width: 4rem;
    height: 109rem;
    top: 2rem;
    left: 5rem;
    transform: rotate(180deg);
  }

  .main .line-22 {
    width: 14rem;
    height: 115rem;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-42 {
    height: 116rem;
    top: 273rem;
    left: 183rem;
    position: absolute;
    width: 2rem;
    opacity: 0.27;
  }

  .main .line-23 {
    width: 14rem;
    height: 123rem;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .line-24 {
    position: absolute;
    width: 4rem;
    height: 117rem;
    top: 2rem;
    left: 5rem;
    transform: rotate(180deg);
  }

  .main .group-43 {
    height: 116rem;
    top: 273rem;
    left: 163rem;
    position: absolute;
    width: 2rem;
    opacity: 0.27;
  }

  .main .ellipse-53 {
    position: absolute;
    width: 163rem;
    height: 39rem;
    top: 293rem;
    left: 149rem;
    background-color: #3680ef;
    border-radius: 81.6rem/19.25rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .main .group-44 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 49rem;
    left: 113rem;
  }

  .main .vector-12 {
    position: absolute;
    width: 143rem;
    height: 47rem;
    top: 268rem;
    left: 165rem;
    transform: rotate(180deg);
  }

  .main .vector-13 {
    position: absolute;
    width: 98rem;
    height: 23rem;
    top: 280rem;
    left: 188rem;
    transform: rotate(180deg);
  }

  .main .ellipse-54 {
    position: absolute;
    width: 62rem;
    height: 10rem;
    top: 299rem;
    left: 199rem;
    border-radius: 31.08rem/4.94rem;
    transform: rotate(180deg);
    filter: blur(24rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%);
  }

  .main .ellipse-55 {
    width: 4rem;
    height: 104rem;
    top: 293rem;
    left: 228rem;
    background-color: #3680ef;
    border-radius: 1.94rem/51.83rem;
    position: absolute;
    filter: blur(24rem);
  }

  .main .ellipse-56 {
    width: 6rem;
    height: 117rem;
    top: 291rem;
    left: 227rem;
    background-color: #3680ef;
    border-radius: 2.91rem/58.74rem;
    position: absolute;
    filter: blur(32rem);
  }

  .main .rectangle-4 {
    position: absolute;
    width: 162rem;
    height: 155rem;
    top: 248rem;
    left: 150rem;
    transform: rotate(180deg);
  }

  .main .group-45 {
    height: 85rem;
    top: 286rem;
    left: 269rem;
    position: absolute;
    width: 2rem;
    opacity: 0.14;
  }

  .main .line-25 {
    position: absolute;
    width: 4rem;
    height: 86rem;
    top: 2rem;
    left: 5rem;
    transform: rotate(180deg);
  }

  .main .line-26 {
    width: 14rem;
    height: 92rem;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-46 {
    height: 85rem;
    top: 286rem;
    left: 251rem;
    position: absolute;
    width: 2rem;
    opacity: 0.3;
  }

  .main .group-47 {
    width: 469rem;
    height: 111rem;
    top: 333rem;
    position: absolute;
    left: 0;
  }

  .main .ellipse-57 {
    position: absolute;
    width: 427rem;
    height: 90rem;
    top: 46rem;
    left: 21rem;
    transform: rotate(180deg);
  }

  .main .ellipse-58 {
    position: absolute;
    width: 451rem;
    height: 114rem;
    top: 34rem;
    left: 9rem;
    transform: rotate(180deg);
  }

  .main .ellipse-59 {
    position: absolute;
    width: 343rem;
    height: 73rem;
    top: 35rem;
    left: 63rem;
    transform: rotate(180deg);
  }

  .main .ellipse-60 {
    position: absolute;
    width: 373rem;
    height: 103rem;
    top: 20rem;
    left: 48rem;
    transform: rotate(180deg);
  }

  .main .ellipse-61 {
    position: absolute;
    width: 469rem;
    height: 97rem;
    top: 40rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 234.59rem/48.73rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .main .ellipse-62 {
    position: absolute;
    width: 217rem;
    height: 86rem;
    top: 0;
    left: 126rem;
    transform: rotate(180deg);
  }

  .main .ellipse-63 {
    position: absolute;
    width: 162rem;
    height: 31rem;
    top: 27rem;
    left: 154rem;
    transform: rotate(180deg);
  }

  .main .ellipse-64 {
    position: absolute;
    width: 263rem;
    height: 57rem;
    top: 26rem;
    left: 103rem;
    transform: rotate(180deg);
  }

  .main .ellipse-65 {
    position: absolute;
    width: 285rem;
    height: 79rem;
    top: 15rem;
    left: 92rem;
    transform: rotate(180deg);
  }

  .main .group-48 {
    height: 85rem;
    top: 285rem;
    left: 239rem;
    position: absolute;
    width: 2rem;
    opacity: 0.53;
  }

  .main .group-49 {
    position: absolute;
    width: 5rem;
    height: 96rem;
    top: 277rem;
    left: 225rem;
  }

  .main .line-27 {
    position: absolute;
    width: 8rem;
    height: 101rem;
    top: 3rem;
    left: 9rem;
    transform: rotate(180deg);
  }

  .main .line-28 {
    width: 26rem;
    height: 109rem;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-50 {
    height: 110rem;
    top: 277rem;
    left: 222rem;
    transform: rotate(180deg);
    position: absolute;
    width: 2rem;
  }

  .main .line-29 {
    position: absolute;
    width: 4rem;
    height: 110rem;
    top: 26rem;
    left: 27rem;
  }

  .main .line-30 {
    width: 62rem;
    height: 160rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-51 {
    height: 85rem;
    top: 288rem;
    left: 207rem;
    position: absolute;
    width: 2rem;
    opacity: 0.15;
  }

  .main .group-52 {
    height: 85rem;
    top: 285rem;
    left: 200rem;
    position: absolute;
    width: 2rem;
    opacity: 0.15;
  }

  .main .group-53 {
    position: absolute;
    width: 355rem;
    height: 393rem;
    top: 0;
    left: 103rem;
    opacity: 0.7;
  }

  .main .overlap-33 {
    position: absolute;
    width: 24rem;
    height: 289rem;
    top: 104rem;
    left: 279rem;
  }

  .main .group-54 {
    width: 19rem;
    height: 390rem;
    left: 336rem;
    position: absolute;
    top: 0;
    opacity: 0.8;
  }

  .main .ellipse-66 {
    position: absolute;
    width: 6rem;
    height: 390rem;
    top: 0;
    left: 6rem;
    border-radius: 3.24rem/194.78rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-67 {
    position: absolute;
    width: 19rem;
    height: 209rem;
    top: 90rem;
    left: 0;
    border-radius: 9.71rem/104.7rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-68 {
    position: absolute;
    width: 10rem;
    height: 81rem;
    top: 154rem;
    left: 5rem;
    border-radius: 5.09rem/40.36rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-55 {
    position: absolute;
    width: 24rem;
    height: 210rem;
    top: 162rem;
    left: 0;
  }

  .main .ellipse-69 {
    position: absolute;
    width: 8rem;
    height: 210rem;
    top: 0;
    left: 8rem;
    border-radius: 4.03rem/104.94rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-70 {
    position: absolute;
    width: 24rem;
    height: 113rem;
    top: 49rem;
    left: 0;
    border-radius: 12.09rem/56.41rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-71 {
    position: absolute;
    width: 13rem;
    height: 43rem;
    top: 83rem;
    left: 6rem;
    border-radius: 6.33rem/21.74rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-56 {
    position: absolute;
    width: 192rem;
    height: 195rem;
    top: 129rem;
    left: 140rem;
  }

  .main .about-2 {
    height: 664rem;
    top: 2072rem;
    overflow: hidden;
    position: absolute;
    width: 1440rem;
    left: 0;
    background-color: #141518;
  }

  .main .overlap-34 {
    position: relative;
    width: 1609rem;
    height: 1267rem;
    top: -380rem;
    left: -169rem;
  }

  .main .rectangle-5 {
    position: absolute;
    width: 1440rem;
    height: 664rem;
    top: 380rem;
    left: 169rem;
    background-color: #141518;
    border-radius: 40rem 40rem 0rem 0rem;
  }

  .main .ellipse-72 {
    top: 0;
    left: 733rem;
    transform: rotate(180deg);
    opacity: 0.05;
    position: absolute;
    width: 312rem;
    height: 718rem;
    background-color: #ffffff;
    border-radius: 155.94rem/359.19rem;
    filter: blur(235rem);
  }

  .main .mobile-design-2 {
    position: absolute;
    top: 567rem;
    left: 921rem;
    opacity: 0.9;
    font-family: "Druk Wide-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 48rem;
    letter-spacing: -2rem;
    line-height: 48rem;
  }

  .main .text-wrapper-10 {
    position: absolute;
    width: 530rem;
    top: 699rem;
    left: 921rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .main .chip-2 {
    width: 129rem;
    top: 500rem;
    left: 921rem;
    position: absolute;
    height: 36rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border-radius: 12rem;
    border: solid #3780ef1f 1rem;
    z-index: 1;
  }

  .main .group-57 {
    position: absolute;
    width: 863rem;
    height: 808rem;
    top: 427rem;
    left: 30rem;
    transform: rotate(4.5deg);
  }

  .main .overlap-35 {
    position: relative;
    width: 846rem;
    height: 822rem;
    top: -7rem;
    left: 8rem;
  }

  .main .group-58 {
    width: 300rem;
    height: 287rem;
    top: 177rem;
    left: 342rem;
    position: absolute;
    opacity: 0.9;
  }

  .main .group-59 {
    height: 287rem;
  }

  .main .overlap-group-6 {
    position: relative;
    width: 321rem;
    height: 311rem;
    top: -12rem;
    left: -11rem;
  }

  .main .ellipse-73 {
    position: absolute;
    width: 299rem;
    height: 288rem;
    top: 11rem;
    left: 11rem;
    transform: rotate(-4.5deg);
  }

  .main .vector-14 {
    position: absolute;
    width: 297rem;
    height: 260rem;
    top: 11rem;
    left: 13rem;
    transform: rotate(-4.5deg);
  }

  .main .group-60 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 200rem;
    left: 361rem;
  }

  .main .group-61 {
    position: absolute;
    width: 657rem;
    height: 532rem;
    top: 145rem;
    left: 94rem;
    transform: rotate(-142.82deg);
  }

  .main .group-62 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 144rem;
  }

  .main .group-63 {
    width: 657rem;
    height: 302rem;
    top: 231rem;
    position: absolute;
    left: 0;
  }

  .main .overlap-36 {
    position: relative;
    width: 940rem;
    height: 935rem;
    top: -293rem;
    left: -137rem;
  }

  .main .group-64 {
    position: absolute;
    width: 597rem;
    height: 241rem;
    top: 347rem;
    left: 167rem;
  }

  .main .overlap-group-7 {
    position: relative;
    width: 679rem;
    height: 676rem;
    top: -217rem;
    left: -41rem;
  }

  .main .ellipse-74 {
    position: absolute;
    width: 502rem;
    height: 458rem;
    top: 109rem;
    left: 89rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-75 {
    position: absolute;
    width: 478rem;
    height: 434rem;
    top: 121rem;
    left: 101rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-76 {
    position: absolute;
    width: 384rem;
    height: 349rem;
    top: 241rem;
    left: 275rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-77 {
    position: absolute;
    width: 414rem;
    height: 379rem;
    top: 226rem;
    left: 260rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-78 {
    position: absolute;
    width: 695rem;
    height: 633rem;
    top: 151rem;
    left: 123rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-79 {
    position: absolute;
    width: 233rem;
    height: 216rem;
    top: 229rem;
    left: 353rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-80 {
    position: absolute;
    width: 129rem;
    height: 119rem;
    top: 278rem;
    left: 410rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-81 {
    position: absolute;
    width: 294rem;
    height: 268rem;
    top: 234rem;
    left: 322rem;
    transform: rotate(138.32deg);
  }

  .main .ellipse-82 {
    position: absolute;
    width: 317rem;
    height: 290rem;
    top: 223rem;
    left: 311rem;
    transform: rotate(138.32deg);
  }

  .main .about-3 {
    height: 664rem;
    top: 3316rem;
    position: absolute;
    width: 1440rem;
    left: 0;
    background-color: #121315;;
  }

  .main .overlap-37 {
    position: relative;
    height: 664rem;
    background-color: #141518;
    border-radius: 40rem 40rem 0rem 0rem;
  }

  .main .mask-group {
    position: absolute;
    width: 1440rem;
    height: 664rem;
    top: 0;
    left: 0;
  }

  .main .text-wrapper-11 {
    position: absolute;
    width: 719rem;
    top: 187rem;
    left: 361rem;
    opacity: 0.9;
    font-family: "Druk Wide-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 48rem;
    text-align: center;
    letter-spacing: -2rem;
    line-height: 48rem;
  }

  .main .text-wrapper-12 {
    position: absolute;
    width: 530rem;
    top: 319rem;
    left: 455rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 16rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .main .button-2 {
    position: absolute;
    width: 165rem;
    height: 48rem;
    top: 496rem;
    left: 638rem;
    background-color: #3680ef;
    border-radius: 12rem;
    /* all: unset; */
    box-sizing: border-box;
  }

  .main .north-east-fill {
    position: absolute;
    width: 24rem;
    height: 24rem;
    top: 12rem;
    left: 129rem;
  }

  .main .chip-3 {
    width: 138rem;
    top: 120rem;
    left: 651rem;
    position: absolute;
    height: 36rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: none;
  }

  .main .group-65 {
    position: absolute;
    width: 156rem;
    height: 537rem;
    top: 73rem;
    left: 166rem;
    opacity: 0.9;
  }

  .main .group-66 {
    position: absolute;
    width: 31rem;
    height: 287rem;
    top: 233rem;
    left: 125rem;
  }

  .main .overlap-group-8 {
    position: relative;
    height: 287rem;
  }

  .main .ellipse-83 {
    position: absolute;
    width: 10rem;
    height: 287rem;
    top: 0;
    left: 10rem;
    border-radius: 5.13rem/143.74rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-84 {
    position: absolute;
    width: 31rem;
    height: 155rem;
    top: 66rem;
    left: 0;
    border-radius: 15.38rem/77.27rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-85 {
    position: absolute;
    width: 16rem;
    height: 60rem;
    top: 114rem;
    left: 7rem;
    border-radius: 8.05rem/29.78rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-67 {
    position: absolute;
    width: 31rem;
    height: 396rem;
    top: 141rem;
    left: 63rem;
    opacity: 0.7;
  }

  .main .overlap-38 {
    position: relative;
    height: 396rem;
  }

  .main .ellipse-86 {
    position: absolute;
    width: 10rem;
    height: 396rem;
    top: 0;
    left: 10rem;
    border-radius: 5.13rem/197.83rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-87 {
    position: absolute;
    width: 31rem;
    height: 213rem;
    top: 91rem;
    left: 0;
    border-radius: 15.38rem/106.34rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-88 {
    position: absolute;
    width: 16rem;
    height: 82rem;
    top: 157rem;
    left: 7rem;
    border-radius: 8.05rem/40.99rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-68 {
    position: absolute;
    width: 31rem;
    height: 534rem;
    top: 0;
    left: 0;
    opacity: 0.8;
  }

  .main .overlap-39 {
    position: relative;
    height: 534rem;
  }

  .main .ellipse-89 {
    position: absolute;
    width: 10rem;
    height: 534rem;
    top: 0;
    left: 10rem;
    border-radius: 5.13rem/266.8rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-90 {
    position: absolute;
    width: 31rem;
    height: 287rem;
    top: 123rem;
    left: 0;
    border-radius: 15.38rem/143.41rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-91 {
    position: absolute;
    width: 16rem;
    height: 111rem;
    top: 212rem;
    left: 7rem;
    border-radius: 8.05rem/55.28rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-69 {
    position: absolute;
    width: 152rem;
    height: 500rem;
    top: 94rem;
    left: 1119rem;
    opacity: 0.8;
  }

  .main .overlap-40 {
    position: absolute;
    width: 30rem;
    height: 367rem;
    top: 133rem;
    left: 61rem;
  }

  .main .ellipse-92 {
    position: absolute;
    width: 10rem;
    height: 367rem;
    top: 0;
    left: 10rem;
    border-radius: 5.08rem/183.52rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-93 {
    position: absolute;
    width: 30rem;
    height: 197rem;
    top: 85rem;
    left: 0;
    border-radius: 15.25rem/98.65rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-94 {
    position: absolute;
    width: 16rem;
    height: 76rem;
    top: 145rem;
    left: 7rem;
    border-radius: 7.99rem/38.03rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-70 {
    width: 30rem;
    height: 495rem;
    left: 122rem;
    position: absolute;
    top: 0;
    opacity: 0.8;
  }

  .main .overlap-group-9 {
    position: relative;
    height: 495rem;
  }

  .main .ellipse-95 {
    position: absolute;
    width: 10rem;
    height: 495rem;
    top: 0;
    left: 10rem;
    border-radius: 5.08rem/247.49rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-96 {
    position: absolute;
    width: 30rem;
    height: 266rem;
    top: 114rem;
    left: 0;
    border-radius: 15.25rem/133.04rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-97 {
    position: absolute;
    width: 16rem;
    height: 103rem;
    top: 196rem;
    left: 7rem;
    border-radius: 7.99rem/51.28rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .group-71 {
    position: absolute;
    width: 30rem;
    height: 267rem;
    top: 228rem;
    left: 0;
  }

  .main .overlap-41 {
    position: relative;
    height: 267rem;
  }

  .main .ellipse-98 {
    position: absolute;
    width: 10rem;
    height: 267rem;
    top: 0;
    left: 10rem;
    border-radius: 5.08rem/133.34rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-99 {
    position: absolute;
    width: 30rem;
    height: 143rem;
    top: 62rem;
    left: 0;
    border-radius: 15.25rem/71.68rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .main .ellipse-100 {
    position: absolute;
    width: 16rem;
    height: 55rem;
    top: 106rem;
    left: 7rem;
    border-radius: 7.99rem/27.63rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .main .about-4 {
    height: 664rem;
    top: 1408rem;
    background-color: #1a1b1e;
    position: absolute;
    width: 1440rem;
    left: 0;
  }

  .main .overlap-42 {
    position: relative;
    width: 1258rem;
    height: 924rem;
    top: -380rem;
    left: 44rem;
  }

  .main .overlap-43 {
    position: absolute;
    width: 1258rem;
    height: 924rem;
    top: 0;
    left: 0;
  }

  .main .ellipse-101 {
    position: absolute;
    width: 312rem;
    height: 718rem;
    top: 0;
    left: 520rem;
    background-color: #ffffff;
    border-radius: 155.94rem/359.19rem;
    transform: rotate(180deg);
    filter: blur(235rem);
    opacity: 0.05;
  }

  .main .text-wrapper-13 {
    position: absolute;
    width: 554rem;
    top: 699rem;
    left: 0;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .main .group-72 {
    position: absolute;
    width: 547rem;
    height: 520rem;
    top: 404rem;
    left: 711rem;
  }

  .main .overlap-44 {
    position: absolute;
    width: 547rem;
    height: 413rem;
    top: 107rem;
    left: 0;
  }

  .main .group-73 {
    width: 281rem;
    height: 265rem;
    top: 0;
    left: 112rem;
    position: absolute;
    opacity: 0.9;
  }

  .main .group-74 {
    height: 265rem;
  }

  .main .overlap-45 {
    position: relative;
    width: 281rem;
    height: 265rem;
  }

  .main .group-75 {
    position: absolute;
    width: 217rem;
    height: 219rem;
    top: 2rem;
    left: 49rem;
  }

  .main .group-76 {
    position: absolute;
    width: 281rem;
    height: 265rem;
    top: 0;
    left: 0;
  }

  .main .overlap-46 {
    position: absolute;
    width: 19rem;
    height: 19rem;
    top: 49rem;
    left: 84rem;
    background-color: #3680ef8f;
    border-radius: 9.27rem/9.33rem;
    filter: blur(7rem);
  }

  .main .ellipse-102 {
    position: relative;
    width: 12rem;
    height: 12rem;
    top: 3rem;
    left: 3rem;
    background-color: #3680ef8f;
    border-radius: 5.9rem/5.94rem;
  }

  .main .overlap-47 {
    position: absolute;
    width: 19rem;
    height: 19rem;
    top: 12rem;
    left: 263rem;
    background-color: #3680ef8f;
    border-radius: 9.27rem/9.33rem;
    filter: blur(7rem);
  }

  .main .overlap-48 {
    position: absolute;
    width: 19rem;
    height: 19rem;
    top: 105rem;
    left: 66rem;
    background-color: #3680ef8f;
    border-radius: 9.27rem/9.33rem;
    filter: blur(7rem);
  }

  .main .overlap-group-10 {
    position: absolute;
    width: 19rem;
    height: 19rem;
    top: 197rem;
    left: 84rem;
    background-color: #3680ef8f;
    border-radius: 9.27rem/9.33rem;
    filter: blur(7rem);
  }

  .main .group-77 {
    position: absolute;
    width: 15rem;
    height: 15rem;
    top: 249rem;
    left: 174rem;
    background-color: #3680ef8f;
    border-radius: 7.58rem/7.63rem;
    filter: blur(7rem);
  }

  .main .ellipse-103 {
    position: relative;
    width: 8rem;
    height: 8rem;
    top: 3rem;
    left: 3rem;
    background-color: #3680ef8f;
    border-radius: 4.21rem/4.24rem;
  }

  .main .group-78 {
    position: absolute;
    width: 15rem;
    height: 15rem;
    top: 136rem;
    left: 0;
    background-color: #3680ef8f;
    border-radius: 7.58rem/7.63rem;
    filter: blur(7rem);
  }

  .main .overlap-49 {
    position: absolute;
    width: 15rem;
    height: 15rem;
    top: 0;
    left: 140rem;
    border-radius: 7.58rem/7.63rem;
  }

  .main .ellipse-104 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 3rem;
    left: 3rem;
    background-color: #3680ef8f;
    border-radius: 4.21rem/4.24rem;
  }

  .main .ellipse-105 {
    position: absolute;
    width: 15rem;
    height: 15rem;
    top: 0;
    left: 0;
    background-color: #3680ef8f;
    border-radius: 7.58rem/7.63rem;
    filter: blur(4rem);
  }

  .main .group-79 {
    height: 143rem;
    top: 174rem;
    left: 198rem;
    position: absolute;
    width: 2rem;
    opacity: 0.2;
  }

  .main .overlap-50 {
    position: relative;
    width: 14rem;
    height: 149rem;
    top: -2rem;
    left: -4rem;
  }

  .main .line-31 {
    position: absolute;
    width: 4rem;
    height: 143rem;
    top: 1rem;
    left: 5rem;
  }

  .main .line-32 {
    width: 14rem;
    height: 149rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-80 {
    height: 153rem;
    top: 188rem;
    left: 209rem;
    position: absolute;
    width: 2rem;
    opacity: 0.27;
  }

  .main .img-wrapper {
    height: 160rem;
    top: -2rem;
    background-image: url(./img/line-2-31.svg);
    background-size: 100% 100%;
    position: relative;
    width: 14rem;
    left: -4rem;
  }

  .main .line-33 {
    position: absolute;
    width: 4rem;
    height: 154rem;
    top: 1rem;
    left: 5rem;
  }

  .main .group-81 {
    height: 153rem;
    top: 188rem;
    left: 183rem;
    position: absolute;
    width: 2rem;
    opacity: 0.27;
  }

  .main .overlap-51 {
    height: 160rem;
    top: -2rem;
    position: relative;
    width: 14rem;
    left: -4rem;
  }

  .main .line-34 {
    width: 14rem;
    height: 160rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .ellipse-106 {
    position: absolute;
    width: 209rem;
    height: 51rem;
    top: 214rem;
    left: 166rem;
    /* background-color: #3680ef; */
    border-radius: 104.67rem/25.35rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .main .vector-15 {
    position: absolute;
    width: 175rem;
    height: 52rem;
    top: 187rem;
    left: 190rem;
  }

  .main .vector-16 {
    position: absolute;
    width: 124rem;
    height: 27rem;
    top: 200rem;
    left: 217rem;
  }

  .main .ellipse-107 {
    position: absolute;
    width: 80rem;
    height: 13rem;
    top: 222rem;
    left: 229rem;
    border-radius: 39.87rem/6.5rem;
    transform: rotate(180deg);
    filter: blur(24rem);
    /* background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%); */
  }

  .main .ellipse-108 {
    width: 5rem;
    height: 136rem;
    top: 214rem;
    left: 267rem;
    /* background-color: #3680ef; */
    border-radius: 2.49rem/68.25rem;
    position: absolute;
    filter: blur(24rem);
  }

  .main .ellipse-109 {
    width: 7rem;
    height: 155rem;
    top: 212rem;
    left: 265rem;
    /* background-color: #3680ef; */
    border-radius: 3.74rem/77.35rem;
    position: absolute;
    filter: blur(32rem);
  }

  .main .rectangle-6 {
    position: absolute;
    width: 204rem;
    height: 201rem;
    top: 177rem;
    left: 173rem;
  }

  .main .group-82 {
    height: 112rem;
    top: 205rem;
    left: 319rem;
    position: absolute;
    width: 2rem;
    opacity: 0.14;
  }

  .main .overlap-52 {
    position: relative;
    width: 14rem;
    height: 118rem;
    top: -3rem;
    left: -4rem;
  }

  .main .line-35 {
    position: absolute;
    width: 4rem;
    height: 112rem;
    top: 2rem;
    left: 5rem;
  }

  .main .line-36 {
    width: 14rem;
    height: 118rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-83 {
    height: 112rem;
    top: 205rem;
    left: 297rem;
    position: absolute;
    width: 2rem;
    opacity: 0.3;
  }

  .main .group-84 {
    width: 547rem;
    height: 146rem;
    top: 268rem;
    position: absolute;
    left: 0;
  }

  .main .overlap-53 {
    position: relative;
    height: 181rem;
    top: -26rem;
  }

  .main .ellipse-110 {
    position: absolute;
    width: 498rem;
    height: 118rem;
    top: 52rem;
    left: 25rem;
  }

  .main .ellipse-111 {
    position: absolute;
    width: 522rem;
    height: 142rem;
    top: 40rem;
    left: 13rem;
  }

  .main .ellipse-112 {
    position: absolute;
    width: 400rem;
    height: 95rem;
    top: 38rem;
    left: 74rem;
  }

  .main .ellipse-113 {
    position: absolute;
    width: 430rem;
    height: 125rem;
    top: 23rem;
    left: 59rem;
  }

  .main .ellipse-114 {
    position: absolute;
    width: 547rem;
    height: 128rem;
    top: 44rem;
    left: 0;
    /* background-color: #3680ef; */
    border-radius: 273.5rem/64.16rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .main .ellipse-115 {
    position: absolute;
    width: 243rem;
    height: 95rem;
    top: 0;
    left: 152rem;
  }

  .main .ellipse-116 {
    position: absolute;
    width: 188rem;
    height: 40rem;
    top: 28rem;
    left: 179rem;
  }

  .main .ellipse-117 {
    position: absolute;
    width: 307rem;
    height: 74rem;
    top: 25rem;
    left: 120rem;
  }

  .main .ellipse-118 {
    position: absolute;
    width: 329rem;
    height: 96rem;
    top: 14rem;
    left: 109rem;
  }

  .main .group-85 {
    height: 112rem;
    top: 204rem;
    left: 280rem;
    position: absolute;
    width: 2rem;
    opacity: 0.53;
  }

  .main .group-86 {
    position: absolute;
    width: 6rem;
    height: 126rem;
    top: 194rem;
    left: 263rem;
  }

  .main .overlap-54 {
    position: relative;
    width: 26rem;
    height: 139rem;
    top: -6rem;
    left: -7rem;
  }

  .main .line-37 {
    position: absolute;
    width: 8rem;
    height: 131rem;
    top: 3rem;
    left: 10rem;
  }

  .main .line-38 {
    width: 26rem;
    height: 139rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-87 {
    height: 144rem;
    top: 194rem;
    left: 259rem;
    transform: rotate(180deg);
    position: absolute;
    width: 2rem;
  }

  .main .overlap-55 {
    position: relative;
    width: 62rem;
    height: 195rem;
    top: -26rem;
    left: -26rem;
  }

  .main .line-39 {
    position: absolute;
    width: 4rem;
    height: 145rem;
    top: 27rem;
    left: 27rem;
    transform: rotate(-180deg);
  }

  .main .line-40 {
    width: 62rem;
    height: 195rem;
    transform: rotate(-180deg);
    position: absolute;
    top: 0;
    left: 0;
  }

  .main .group-88 {
    height: 112rem;
    top: 208rem;
    left: 239rem;
    position: absolute;
    width: 2rem;
    opacity: 0.15;
  }

  .main .group-89 {
    height: 112rem;
    top: 204rem;
    left: 231rem;
    position: absolute;
    width: 2rem;
    opacity: 0.15;
  }

  .main .group-90 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 120rem;
  }

  .main .text-wrapper-14 {
    position: absolute;
    top: 567rem;
    left: 0;
    opacity: 0.9;
    font-family: "Druk Wide-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 48rem;
    letter-spacing: -2rem;
    line-height: 48rem;
  }

  .main .chip-4 {
    width: 129rem;
    top: 500rem;
    left: 0;
    position: absolute;
    height: 36rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: none;
  }

  .main .about-5 {
    height: 740rem;
    top: 3980rem;
    overflow: hidden;
    position: absolute;
    width: 1440rem;
    left: 0;
    background-color: #1a1b1e;
  }

  .main .we-are-here-for-you {
    position: absolute;
    top: 187rem;
    left: 44rem;
    opacity: 0.9;
    font-family: "Druk Wide-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 48rem;
    letter-spacing: -2rem;
    line-height: 48rem;
  }

  .main .text-wrapper-15 {
    position: absolute;
    width: 335rem;
    top: 319rem;
    left: 44rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .main .chip-5 {
    width: 126rem;
    top: 120rem;
    left: 44rem;
    position: absolute;
    height: 36rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: none;
  }

  .main .overlap-56 {
    position: absolute;
    width: 829rem;
    height: 728rem;
    top: 100rem;
    left: 500rem;
  }

  .main .group-91 {
    position: absolute;
    width: 535rem;
    height: 536rem;
    top: 0;
    left: 294rem;
  }

  .main .item-6 {
    position: absolute;
    width: 440rem;
    height: 708rem;
    top: 20rem;
    left: 0;
  }

  .main .overlap-group-11 {
    position: relative;
    height: 500rem;
    background-color: #5757571f;
    border-radius: 32rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
  }

  .main .field {
    height: 48rem;
    top: 88rem;
    position: absolute;
    width: 376rem;
    left: 32rem;
    background-color: #eaeaff05;
    border-radius: 12rem;
  }

  .main .num {
    top: 20rem;
    color: #ffffff;
    position: absolute;
    left: 16rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
  }

  .main .body-2 {
    top: 8rem;
    left: 16rem;
    font-weight: 500;
    color: #ffffff;
    font-size: 10rem;
    line-height: 12rem;
    white-space: nowrap;
    position: absolute;
    font-family: "Manrope", Helvetica;
    letter-spacing: 0;
  }

  .main .num-wrapper {
    height: 48rem;
    top: 224rem;
    position: absolute;
    width: 376rem;
    left: 32rem;
    background-color: #eaeaff05;
    border-radius: 12rem;
  }

  .main .input-name {
    height: 48rem;
    top: 88rem;
    position: absolute;
    width: 376rem;
    left: 32rem;

    background-color: #eaeaff05;
    border-radius: 12rem;
    border: none;
    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;
  }

  .main .num-2 {
    top: 14rem;
    color: #eaeaff99;
    position: absolute;
    left: 16rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
  }

  .main .input {
    height: 48rem;
    top: 156rem;
    position: absolute;
    width: 376rem;
    left: 32rem;
    background-color: #eaeaff05;
    border-radius: 12rem;
    border: none;
    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;
  }

  .main .input-phone {
    height: 48rem;
    top: 224rem;
    position: absolute;
    width: 376rem;
    left: 32rem;

    background-color: #eaeaff05;
    border-radius: 12rem;
    border: none;
    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;

  }

  .main .field-2 {
    height: 96rem;
    top: 292rem;
    position: absolute;
    width: 376rem;
    left: 32rem;
    background-color: #eaeaff05;
    border-radius: 12rem;

    border: none;
    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;
    padding-top: 16rem;
  }

  .main .button-3 {
    position: absolute;
    top: 31rem;
    left: 32rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 20rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
    white-space: nowrap;
  }

  .main .overlap-57 {
    position: absolute;
    width: 376rem;
    height: 49rem;
    top: 419rem;
    left: 32rem;
  }

  .main .body-wrapper {
    position: absolute;
    width: 114rem;
    height: 48rem;
    top: 1rem;
    left: 262rem;
    background-color: #3680ef;
    border-radius: 12rem;
    box-sizing: border-box;
    cursor: pointer;
    border: none;
  }

  .main .body-3 {
    width: 268rem;
    top: 0;
    left: 0;
    font-weight: 500;
    color: transparent;
    font-size: 14rem;
    line-height: 24rem;
    position: absolute;
    font-family: "Manrope", Helvetica;
    letter-spacing: 0;
    background-color: #1a1b1e;
  }

  .main .text-wrapper-16 {
    color: #eaeaff99;
    font-size: 14rem;

  }

  .main .about-6 {
    height: 580rem;
    top: 2736rem;
    overflow: hidden;
    position: absolute;
    width: 1440rem;
    left: 0;
    background-color: #1a1b1e;
  }

  .main .overlap-58 {
    position: relative;
    width: 1288rem;
    height: 1206rem;
    top: -380rem;
    left: 44rem;
  }

  .main .overlap-59 {
    position: absolute;
    width: 1288rem;
    height: 1206rem;
    top: 0;
    left: 0;
  }

  .main .group-92 {
    position: absolute;
    width: 848rem;
    height: 1011rem;
    top: 195rem;
    left: 440rem;
  }

  .main .overlap-60 {
    position: relative;
    height: 1011rem;
  }

  .main .group-93 {
    position: absolute;
    width: 737rem;
    height: 435rem;
    top: 394rem;
    left: 56rem;
    transform: rotate(-141.67deg);
  }

  .main .group-94 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 161rem;
  }

  .main .group-95 {
    width: 737rem;
    height: 122rem;
    top: 313rem;
    position: absolute;
    left: 0;
  }

  .main .overlap-group-12 {
    position: relative;
    height: 694rem;
    top: -276rem;
  }

  .main .ellipse-119 {
    position: absolute;
    width: 529rem;
    height: 422rem;
    top: 136rem;
    left: 104rem;
    transform: rotate(141.67deg);
  }

  .main .ellipse-120 {
    position: absolute;
    width: 553rem;
    height: 447rem;
    top: 123rem;
    left: 92rem;
    transform: rotate(141.67deg);
  }

  .main .ellipse-121 {
    position: absolute;
    width: 425rem;
    height: 340rem;
    top: 156rem;
    left: 156rem;
    transform: rotate(141.67deg);
  }

  .main .ellipse-122 {
    position: absolute;
    width: 455rem;
    height: 370rem;
    top: 141rem;
    left: 141rem;
    transform: rotate(141.67deg);
  }

  .main .ellipse-123 {
    position: absolute;
    width: 737rem;
    height: 107rem;
    top: 291rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 368.34rem/53.68rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .main .ellipse-124 {
    position: absolute;
    width: 255rem;
    height: 215rem;
    top: 187rem;
    left: 241rem;
    transform: rotate(141.67deg);
  }

  .main .ellipse-125 {
    position: absolute;
    width: 200rem;
    height: 160rem;
    top: 214rem;
    left: 268rem;
    transform: rotate(141.67deg);
  }

  .main .ellipse-126 {
    position: absolute;
    width: 324rem;
    height: 257rem;
    top: 178rem;
    left: 206rem;
    transform: rotate(141.67deg);
  }

  .main .ellipse-127 {
    position: absolute;
    width: 348rem;
    height: 283rem;
    top: 165rem;
    left: 194rem;
    transform: rotate(141.67deg);
  }

  .main .group-96 {
    position: absolute;
    width: 626rem;
    height: 435rem;
    top: 160rem;
    left: 97rem;
    transform: rotate(-47.67deg);
  }

  .main .group-97 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 137rem;
  }

  .main .group-98 {
    width: 626rem;
    height: 122rem;
    top: 313rem;
    position: absolute;
    left: 0;
  }

  .main .overlap-group-13 {
    position: relative;
    height: 610rem;
    top: -234rem;
  }

  .main .ellipse-128 {
    position: absolute;
    width: 390rem;
    height: 425rem;
    top: 92rem;
    left: 118rem;
    transform: rotate(47.67deg);
  }

  .main .ellipse-129 {
    position: absolute;
    width: 414rem;
    height: 450rem;
    top: 80rem;
    left: 106rem;
    transform: rotate(47.67deg);
  }

  .main .ellipse-130 {
    position: absolute;
    width: 314rem;
    height: 343rem;
    top: 112rem;
    left: 156rem;
    transform: rotate(47.67deg);
  }

  .main .ellipse-131 {
    position: absolute;
    width: 344rem;
    height: 373rem;
    top: 97rem;
    left: 141rem;
    transform: rotate(47.67deg);
  }

  .main .ellipse-132 {
    position: absolute;
    width: 626rem;
    height: 107rem;
    top: 249rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 312.88rem/53.68rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .main .ellipse-133 {
    position: absolute;
    width: 202rem;
    height: 216rem;
    top: 144rem;
    left: 212rem;
    transform: rotate(47.67deg);
  }

  .main .ellipse-134 {
    position: absolute;
    width: 147rem;
    height: 161rem;
    top: 171rem;
    left: 239rem;
    transform: rotate(47.67deg);
  }

  .main .ellipse-135 {
    position: absolute;
    width: 237rem;
    height: 260rem;
    top: 134rem;
    left: 194rem;
    transform: rotate(47.67deg);
  }

  .main .ellipse-136 {
    position: absolute;
    width: 263rem;
    height: 285rem;
    top: 122rem;
    left: 181rem;
    transform: rotate(47.67deg);
  }

  .main .text-wrapper-17 {
    position: absolute;
    width: 440rem;
    top: 699rem;
    left: 0;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 16rem;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .main .footer {
    position: absolute;
    height: 192rem;
    top: 4720rem;
    left: 0;
    background-color: transparent;
    background-image: url(./img/rectangle.svg);
    background-size: 100% 100%;
    width: 100%;
  }

  .main .item-7 {
    position: absolute;
    width: 242rem;
    height: 44rem;
    top: 74rem;
    left: 1156rem;
  }

  .main .body-4 {
    top: 16rem;
    left: 0;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: right;
    line-height: 20rem;
    white-space: nowrap;
    position: absolute;
    font-family: "Manrope", Helvetica;
    letter-spacing: 0;
  }

  .main .text {
    position: absolute;
    width: 142rem;
    height: 20rem;
    top: 0;
    left: 100rem;
  }

  .main .body-5 {
    top: 0;
    left: 0;
    font-weight: 500;
    color: transparent;
    font-size: 14rem;
    text-align: right;
    line-height: 20rem;
    white-space: nowrap;
    position: absolute;
    font-family: "Manrope", Helvetica;
    letter-spacing: 0;
  }

  .main .list {
    position: absolute;
    width: 192rem;
    height: 48rem;
    top: 72rem;
    left: 624rem;
    opacity: 0.8;
  }

  .main .discord-wrapper {
    position: absolute;
    width: 48rem;
    height: 48rem;
    top: 0;
    left: 144rem;
    background-image: url(./img/surface.svg);
    background-size: 100% 100%;
    border: none;
    border-radius: 12rem;
  }

  .main .discord {
    position: absolute;
    width: 24rem;
    height: 24rem;
    top: 12rem;
    left: 12rem;
  }

  .main .shape {
    position: absolute;
    width: 20rem;
    height: 15rem;
    top: 4rem;
    left: 2rem;
  }

  .main .button-4 {
    position: absolute;
    width: 48rem;
    height: 48rem;
    top: 0;
    left: 72rem;
    border-radius: 12rem;
    padding: 0;
    border: none;
  }

  .main .button-5 {
    position: absolute;
    width: 48rem;
    height: 48rem;
    top: 0;
    left: 0;
    border-radius: 12rem;
    padding: 0;
    border: none;
  }

  .main .overlap-61 {
    position: absolute;
    width: 222rem;
    height: 85rem;
    top: 54rem;
    left: 28rem;
  }

  .main .text-wrapper-18 {
    position: absolute;
    top: 29rem;
    left: 76rem;
    font-family: "Druk Wide-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 24rem;
    letter-spacing: -1rem;
    line-height: 24rem;
    white-space: nowrap;
  }

}

@media (max-width: 900px) {
  .main {
    display: none;
  }

  .element-main-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    background-color: #212225;
  }

  .macOS .element-main-mobile {
    background-color: #232628 !important;
  }

  .windows .element-main-mobile {
    background-color: #212225;
  }

  .element-main-mobile .div {
    overflow: hidden;
    width: 360rem;
    height: 5668rem;
    position: relative;
  }

  .element-main-mobile .first-screen {
    position: absolute;
    width: 360rem;
    height: 932rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .overlap {
    position: absolute;
    width: 506rem;
    height: 1132rem;
    top: -190rem;
    left: -146rem;
  }

  .element-main-mobile .rectangle {
    position: absolute;
    width: 360rem;
    height: 942rem;
    top: 190rem;
    left: 146rem;
  }

  .element-main-mobile .blockchain-and {
    position: absolute;
    width: 320rem;
    height: 96rem;
    top: 301rem;
    left: 165rem;
    font-family: "Druk Wide Medium-Medium", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 30rem;
    text-align: center;
    letter-spacing: -1.5rem;
    line-height: 32rem;
    z-index: 99;
  }

  .element-main-mobile .text-wrapper {
    color: #3680ef;
    text-decoration: underline;
  }

  .element-main-mobile .span {
    color: #ffffff;
  }

  .element-main-mobile .p {
    position: absolute;
    width: 317rem;
    top: 422rem;
    left: 167rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 22rem;
    z-index: 99;
  }

  .element-main-mobile .group {
    position: absolute;
    width: 287rem;
    height: 268rem;
    top: 500rem;
    left: 183rem;
    display: flex;
    justify-content: center;
  }

  .element-main-mobile .overlap-group {
    position: relative;
    height: 268rem;
  }

  .element-main-mobile .ellipse {
    position: absolute;
    width: 190rem;
    height: 193rem;
    top: 47rem;
    left: 49rem;
    background-color: #3680ef4c;
    border-radius: 95rem/96.5rem;
    filter: blur(164rem);
  }

  .element-main-mobile .group-wrapper {
    position: absolute;
    width: 163rem;
    height: 164rem;
    top: 17rem;
    left: 61rem;
  }

  .element-main-mobile .overlap-wrapper {
    height: 164rem;
  }

  .element-main-mobile .overlap-2 {
    position: relative;
    width: 164rem;
    height: 165rem;
    top: -1rem;
    left: -1rem;
  }

  .element-main-mobile .img {
    position: absolute;
    width: 163rem;
    height: 165rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .vector {
    position: absolute;
    width: 163rem;
    height: 153rem;
    top: 0;
    left: 1rem;
  }

  .element-main-mobile .group-2 {
    position: absolute;
    width: 128rem;
    height: 127rem;
    top: 19rem;
    left: 19rem;
  }

  .element-main-mobile .group-3 {
    position: absolute;
    width: 118rem;
    height: 110rem;
    top: 36rem;
    left: 15rem;
  }

  .element-main-mobile .ellipse-wrapper {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 20rem;
    left: 36rem;
    background-color: #c9fff5;
    border-radius: 3.85rem/3.87rem;
    filter: blur(7rem);
  }

  .element-main-mobile .ellipse-2 {
    position: relative;
    width: 5rem;
    height: 5rem;
    top: 1rem;
    left: 1rem;
    background-color: #c9fff5;
    border-radius: 2.45rem/2.46rem;
  }

  .element-main-mobile .div-wrapper {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 5rem;
    left: 110rem;
    background-color: #c9fff5;
    border-radius: 3.85rem/3.87rem;
    filter: blur(7rem);
  }

  .element-main-mobile .overlap-3 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 44rem;
    left: 29rem;
    background-color: #c9fff5;
    border-radius: 3.85rem/3.87rem;
    filter: blur(7rem);
  }

  .element-main-mobile .overlap-group-2 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 20rem;
    left: 0;
    background-color: #c9fff5;
    border-radius: 3.85rem/3.87rem;
    filter: blur(7rem);
  }

  .element-main-mobile .overlap-4 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 82rem;
    left: 36rem;
    background-color: #c9fff5;
    border-radius: 3.85rem/3.87rem;
    filter: blur(7rem);
  }

  .element-main-mobile .group-4 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 103rem;
    left: 73rem;
    background-color: #c9fff5;
    border-radius: 3.15rem/3.17rem;
    filter: blur(7rem);
  }

  .element-main-mobile .ellipse-3 {
    position: relative;
    width: 3rem;
    height: 4rem;
    top: 1rem;
    left: 1rem;
    background-color: #c9fff5;
    border-radius: 1.75rem/1.76rem;
  }

  .element-main-mobile .group-5 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 56rem;
    left: 1rem;
    background-color: #c9fff5;
    border-radius: 3.15rem/3.17rem;
    filter: blur(7rem);
  }

  .element-main-mobile .overlap-5 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 0;
    left: 59rem;
    border-radius: 3.15rem/3.17rem;
  }

  .element-main-mobile .ellipse-4 {
    position: absolute;
    width: 3rem;
    height: 4rem;
    top: 1rem;
    left: 1rem;
    background-color: #c9fff5;
    border-radius: 1.75rem/1.76rem;
  }

  .element-main-mobile .ellipse-5 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 0;
    left: 0;
    background-color: #c9fff5;
    border-radius: 3.15rem/3.17rem;
    filter: blur(4rem);
  }

  .element-main-mobile .vector-2 {
    position: absolute;
    width: 35rem;
    height: 20rem;
    top: 121rem;
    left: 57rem;
  }

  .element-main-mobile .vector-3 {
    position: absolute;
    width: 34rem;
    height: 29rem;
    top: 29rem;
    left: 21rem;
  }

  .element-main-mobile .vector-4 {
    position: absolute;
    width: 56rem;
    height: 7rem;
    top: 37rem;
    left: 71rem;
  }

  .element-main-mobile .vector-5 {
    position: absolute;
    width: 35rem;
    height: 34rem;
    top: 60rem;
    left: 20rem;
  }

  .element-main-mobile .vector-6 {
    position: absolute;
    width: 40rem;
    height: 98rem;
    top: 45rem;
    left: 92rem;
  }

  .element-main-mobile .overlap-group-wrapper {
    position: absolute;
    width: 1rem;
    height: 66rem;
    top: 159rem;
    left: 110rem;
    opacity: 0.2;
  }

  .element-main-mobile .overlap-6 {
    position: relative;
    width: 14rem;
    height: 73rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line {
    position: absolute;
    width: 4rem;
    height: 67rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .line-2 {
    width: 14rem;
    height: 73rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-6 {
    position: absolute;
    width: 1rem;
    height: 70rem;
    top: 165rem;
    left: 115rem;
    opacity: 0.27;
  }

  .element-main-mobile .line-wrapper {
    position: relative;
    width: 14rem;
    height: 78rem;
    top: -3rem;
    left: -4rem;
    background-image: url(./img/line-2-39.svg);
    background-size: 100% 100%;
  }

  .element-main-mobile .line-3 {
    position: absolute;
    width: 4rem;
    height: 72rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .group-7 {
    position: absolute;
    width: 1rem;
    height: 70rem;
    top: 165rem;
    left: 102rem;
    opacity: 0.27;
  }

  .element-main-mobile .overlap-7 {
    position: relative;
    width: 14rem;
    height: 78rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-4 {
    width: 14rem;
    height: 78rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .ellipse-6 {
    position: absolute;
    width: 102rem;
    height: 23rem;
    top: 177rem;
    left: 94rem;
    background-color: #5c89ff;
    border-radius: 50.82rem/11.62rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .element-main-mobile .group-8 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 30rem;
    left: 71rem;
  }

  .element-main-mobile .vector-7 {
    position: absolute;
    width: 99rem;
    height: 42rem;
    top: 156rem;
    left: 99rem;
  }

  .element-main-mobile .vector-8 {
    position: absolute;
    width: 65rem;
    height: 19rem;
    top: 167rem;
    left: 116rem;
  }

  .element-main-mobile .ellipse-7 {
    position: absolute;
    width: 39rem;
    height: 6rem;
    top: 181rem;
    left: 125rem;
    border-radius: 19.36rem/2.98rem;
    transform: rotate(180deg);
    filter: blur(24rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%);
  }

  .element-main-mobile .ellipse-8 {
    position: absolute;
    width: 2rem;
    height: 63rem;
    top: 177rem;
    left: 143rem;
    background-color: #6798f6;
    border-radius: 1.21rem/31.29rem;
    filter: blur(24rem);
  }

  .element-main-mobile .ellipse-9 {
    position: absolute;
    width: 4rem;
    height: 71rem;
    top: 176rem;
    left: 142rem;
    background-color: #6798f6;
    border-radius: 1.82rem/35.47rem;
    filter: blur(32rem);
  }

  .element-main-mobile .rectangle-2 {
    position: absolute;
    width: 104rem;
    height: 98rem;
    top: 157rem;
    left: 95rem;
  }

  .element-main-mobile .group-9 {
    position: absolute;
    width: 1rem;
    height: 51rem;
    top: 173rem;
    left: 168rem;
    opacity: 0.14;
  }

  .element-main-mobile .overlap-8 {
    position: relative;
    width: 14rem;
    height: 59rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-5 {
    position: absolute;
    width: 4rem;
    height: 53rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .line-6 {
    position: absolute;
    width: 14rem;
    height: 59rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .group-10 {
    position: absolute;
    width: 1rem;
    height: 51rem;
    top: 173rem;
    left: 157rem;
    opacity: 0.3;
  }

  .element-main-mobile .group-11 {
    position: absolute;
    width: 1rem;
    height: 51rem;
    top: 172rem;
    left: 125rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-12 {
    position: absolute;
    width: 1rem;
    height: 51rem;
    top: 174rem;
    left: 129rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-13 {
    position: absolute;
    width: 1rem;
    height: 66rem;
    top: 167rem;
    left: 139rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .overlap-9 {
    position: relative;
    width: 62rem;
    height: 117rem;
    top: -26rem;
    left: -26rem;
  }

  .element-main-mobile .line-7 {
    position: absolute;
    width: 4rem;
    height: 67rem;
    top: 26rem;
    left: 26rem;
    transform: rotate(-180deg);
  }

  .element-main-mobile .line-8 {
    width: 62rem;
    height: 117rem;
    top: 0;
    transform: rotate(-180deg);
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-14 {
    position: absolute;
    width: 3rem;
    height: 58rem;
    top: 167rem;
    left: 141rem;
  }

  .element-main-mobile .overlap-10 {
    position: relative;
    width: 26rem;
    height: 71rem;
    top: -6rem;
    left: -7rem;
  }

  .element-main-mobile .line-9 {
    position: absolute;
    width: 8rem;
    height: 63rem;
    top: 3rem;
    left: 7rem;
  }

  .element-main-mobile .line-10 {
    width: 26rem;
    height: 71rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-15 {
    position: absolute;
    width: 1rem;
    height: 51rem;
    top: 172rem;
    left: 149rem;
    opacity: 0.53;
  }

  .element-main-mobile .vector-9 {
    position: absolute;
    width: 27rem;
    height: 31rem;
    top: 45rem;
    left: 111rem;
  }

  .element-main-mobile .ellipse-10 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 42rem;
    left: 111rem;
    background-color: #c9fff5;
    border-radius: 3.93rem/3.87rem;
    filter: blur(7rem);
  }

  .element-main-mobile .ellipse-11 {
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 43rem;
    left: 112rem;
    background-color: #c9fff5;
    border-radius: 2.5rem/2.46rem;
  }

  .element-main-mobile .group-16 {
    position: absolute;
    width: 266rem;
    height: 67rem;
    top: 201rem;
    left: 13rem;
  }

  .element-main-mobile .overlap-11 {
    position: relative;
    height: 105rem;
    top: -27rem;
  }

  .element-main-mobile .ellipse-12 {
    position: absolute;
    width: 242rem;
    height: 54rem;
    top: 39rem;
    left: 12rem;
  }

  .element-main-mobile .ellipse-13 {
    position: absolute;
    width: 266rem;
    height: 78rem;
    top: 27rem;
    left: 0;
  }

  .element-main-mobile .ellipse-14 {
    position: absolute;
    width: 195rem;
    height: 45rem;
    top: 32rem;
    left: 35rem;
  }

  .element-main-mobile .ellipse-15 {
    position: absolute;
    width: 225rem;
    height: 75rem;
    top: 17rem;
    left: 20rem;
  }

  .element-main-mobile .ellipse-16 {
    position: absolute;
    width: 266rem;
    height: 59rem;
    top: 35rem;
    left: 0;
    background-color: #6798f6;
    border-radius: 132.8rem/29.42rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .element-main-mobile .ellipse-17 {
    position: absolute;
    width: 147rem;
    height: 74rem;
    top: 0;
    left: 60rem;
  }

  .element-main-mobile .ellipse-18 {
    position: absolute;
    width: 92rem;
    height: 19rem;
    top: 28rem;
    left: 87rem;
  }

  .element-main-mobile .ellipse-19 {
    position: absolute;
    width: 150rem;
    height: 35rem;
    top: 26rem;
    left: 58rem;
  }

  .element-main-mobile .ellipse-20 {
    position: absolute;
    width: 172rem;
    height: 57rem;
    top: 15rem;
    left: 47rem;
  }

  .element-main-mobile .group-17 {
    position: absolute;
    width: 15rem;
    height: 235rem;
    top: 0;
    left: 272rem;
    opacity: 0.8;
  }

  .element-main-mobile .overlap-12 {
    position: relative;
    height: 235rem;
  }

  .element-main-mobile .ellipse-21 {
    position: absolute;
    width: 5rem;
    height: 235rem;
    top: 0;
    left: 5rem;
    border-radius: 2.51rem/117.61rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-22 {
    width: 15rem;
    height: 126rem;
    top: 54rem;
    left: 0;
    border-radius: 7.53rem/63.22rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
    position: absolute;
    filter: blur(14rem);
  }

  .element-main-mobile .ellipse-23 {
    width: 8rem;
    height: 49rem;
    top: 93rem;
    left: 4rem;
    border-radius: 3.94rem/24.37rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    filter: blur(14rem);
  }

  .element-main-mobile .group-18 {
    position: absolute;
    width: 15rem;
    height: 174rem;
    top: 63rem;
    left: 239rem;
    opacity: 0.7;
  }

  .element-main-mobile .overlap-13 {
    position: relative;
    height: 174rem;
  }

  .element-main-mobile .ellipse-24 {
    position: absolute;
    width: 5rem;
    height: 174rem;
    top: 0;
    left: 5rem;
    border-radius: 2.51rem/87.21rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-25 {
    position: absolute;
    width: 15rem;
    height: 94rem;
    top: 40rem;
    left: 0;
    border-radius: 7.53rem/46.88rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-26 {
    position: absolute;
    width: 8rem;
    height: 36rem;
    top: 69rem;
    left: 4rem;
    border-radius: 3.94rem/18.07rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-19 {
    position: absolute;
    width: 15rem;
    height: 127rem;
    top: 98rem;
    left: 209rem;
  }

  .element-main-mobile .overlap-14 {
    position: relative;
    height: 127rem;
  }

  .element-main-mobile .ellipse-27 {
    position: absolute;
    width: 5rem;
    height: 127rem;
    top: 0;
    left: 5rem;
    border-radius: 2.51rem/63.36rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-28 {
    position: absolute;
    width: 15rem;
    height: 68rem;
    top: 29rem;
    left: 0;
    border-radius: 7.53rem/34.06rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-29 {
    position: absolute;
    width: 8rem;
    height: 26rem;
    top: 50rem;
    left: 4rem;
    border-radius: 3.94rem/13.13rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-20 {
    position: absolute;
    width: 15rem;
    height: 127rem;
    top: 98rem;
    left: 65rem;
  }

  .element-main-mobile .group-21 {
    position: absolute;
    width: 15rem;
    height: 174rem;
    top: 63rem;
    left: 31rem;
    opacity: 0.7;
  }

  .element-main-mobile .group-22 {
    position: absolute;
    width: 15rem;
    height: 235rem;
    top: 0;
    left: 0;
    opacity: 0.8;
  }

  .element-main-mobile .item {
    position: absolute;
    width: 328rem;
    height: 196rem;
    top: 901rem;
    left: 161rem;
    background-color: #5757571f;
    border-radius: 40rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
    opacity: 0;
  }

  .element-main-mobile .overlap-15 {
    position: absolute;
    width: 310rem;
    height: 157rem;
    top: -22rem;
    left: -15rem;
  }

  .element-main-mobile .blockchain {
    position: absolute;
    width: 206rem;
    top: 41rem;
    left: 104rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 18rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
  }

  .element-main-mobile .captive-portal {
    position: absolute;
    width: 132rem;
    height: 132rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .text-wrapper-2 {
    position: absolute;
    width: 196rem;
    top: 97rem;
    left: 104rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
  }

  .element-main-mobile .item-2 {
    position: absolute;
    width: 214rem;
    height: 20rem;
    top: 153rem;
    left: 89rem;
  }

  .element-main-mobile .line-11 {
    width: 38rem;
    height: 3rem;
    top: 9rem;
    position: absolute;
    left: 0;
    border: none;
    z-index: 1;
    cursor: pointer;
  }

  .element-main-mobile .line-12 {
    position: absolute;
    width: 38rem;
    height: 3rem;
    top: 9rem;
    left: 84rem;
    border: none;
    z-index: 1;
    cursor: pointer;
  }

  .element-main-mobile .line-13 {
    position: absolute;
    width: 38rem;
    height: 3rem;
    top: 9rem;
    left: 42rem;
    border: none;
    z-index: 1;
    cursor: pointer;
  }

  .element-main-mobile .line-14 {
    position: absolute;
    width: 38rem;
    height: 3rem;
    top: 9rem;
    left: 127rem;
    border: none;
    z-index: 1;
    cursor: pointer;
  }

  .element-main-mobile .body {
    width: 22rem;
    top: 0;
    left: 190rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 14rem;
    text-align: right;
    line-height: 20rem;
    position: absolute;
    letter-spacing: 0;
  }

  .element-main-mobile .button {
    position: absolute;
    width: 153rem;
    height: 41rem;
    top: 824rem;
    left: 249rem;
    background-color: #3680ef;
    border-radius: 12rem;
    box-sizing: border-box;
    cursor: pointer;
  }

  .element-main-mobile .north-east {
    position: absolute;
    width: 19rem;
    height: 19rem;
    top: 10rem;
    left: 118rem;
  }

  .element-main-mobile .body-2 {
    top: 8rem;
    left: 27rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 14rem;
    line-height: 24rem;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
  }

  .element-main-mobile .ellipse-30 {
    position: absolute;
    width: 181rem;
    height: 457rem;
    top: 8rem;
    left: 120rem;
    background-color: #ffffff;
    border-radius: 90.64rem/228.27rem;
    transform: rotate(142.44deg);
    filter: blur(235rem);
    opacity: 0.1;
  }

  .element-main-mobile .group-23 {
    position: absolute;
    width: 360rem;
    height: 80rem;
    top: 190rem;
    left: 146rem;
  }

  .element-main-mobile .group-24 {
    position: absolute;
    width: 44rem;
    height: 44rem;
    top: 18rem;
    left: 158rem;
  }

  .element-main-mobile .overlap-group-3 {
    position: relative;
    width: 85rem;
    height: 83rem;
    top: -18rem;
    left: -20rem;
  }

  .element-main-mobile .vector-10 {
    position: absolute;
    width: 30rem;
    height: 29rem;
    top: 25rem;
    left: 28rem;
  }

  .element-main-mobile .vector-11 {
    position: absolute;
    width: 85rem;
    height: 83rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .menu {
    position: absolute;
    width: 24rem;
    height: 24rem;
    top: 28rem;
    left: 308rem;
    background-color: #212225;
    border: #212225 solid 1rem;
    cursor: pointer;
  }

  .element-main-mobile .menu .menu-img {
    width: 24rem;
    height: 24rem;
  }

  .element-main-mobile .group-25 {
    position: absolute;
    width: 286rem;
    height: 279rem;
    top: 1106rem;
    left: 38rem;
  }

  .element-main-mobile .overlap-16 {
    position: relative;
    height: 279rem;
  }

  .element-main-mobile .group-26 {
    height: 65rem;
    top: 170rem;
    left: 107rem;
    position: absolute;
    width: 1rem;
    opacity: 0.2;
  }

  .element-main-mobile .overlap-group-4 {
    position: relative;
    width: 14rem;
    height: 72rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-15 {
    position: absolute;
    width: 4rem;
    height: 66rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .line-16 {
    width: 14rem;
    height: 72rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-27 {
    height: 70rem;
    top: 176rem;
    left: 112rem;
    position: absolute;
    width: 1rem;
    opacity: 0.27;
  }

  .element-main-mobile .overlap-17 {
    position: relative;
    width: 14rem;
    height: 77rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-17 {
    width: 14rem;
    height: 77rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .line-18 {
    position: absolute;
    width: 4rem;
    height: 71rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .group-28 {
    height: 70rem;
    top: 176rem;
    left: 100rem;
    position: absolute;
    width: 1rem;
    opacity: 0.27;
  }

  .element-main-mobile .ellipse-31 {
    position: absolute;
    width: 98rem;
    height: 23rem;
    top: 188rem;
    left: 92rem;
    background-color: #5c89ff;
    border-radius: 49.13rem/11.55rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .element-main-mobile .group-29 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 42rem;
    left: 70rem;
  }

  .element-main-mobile .vector-12 {
    position: absolute;
    width: 97rem;
    height: 42rem;
    top: 167rem;
    left: 96rem;
  }

  .element-main-mobile .vector-13 {
    position: absolute;
    width: 63rem;
    height: 19rem;
    top: 178rem;
    left: 113rem;
  }

  .element-main-mobile .ellipse-32 {
    position: absolute;
    width: 37rem;
    height: 6rem;
    top: 192rem;
    left: 121rem;
    border-radius: 18.72rem/2.96rem;
    transform: rotate(-180deg);
    filter: blur(24rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%);
  }

  .element-main-mobile .ellipse-33 {
    width: 2rem;
    height: 62rem;
    top: 188rem;
    left: 139rem;
    background-color: #6798f6;
    border-radius: 1.17rem/31.1rem;
    position: absolute;
    filter: blur(24rem);
  }

  .element-main-mobile .ellipse-34 {
    height: 70rem;
    top: 187rem;
    left: 138rem;
    background-color: #6798f6;
    border-radius: 1.75rem/35.24rem;
    position: absolute;
    width: 4rem;
    filter: blur(32rem);
  }

  .element-main-mobile .rectangle-3 {
    position: absolute;
    width: 101rem;
    height: 97rem;
    top: 157rem;
    left: 93rem;
  }

  .element-main-mobile .group-30 {
    height: 51rem;
    top: 184rem;
    left: 164rem;
    position: absolute;
    width: 1rem;
    opacity: 0.14;
  }

  .element-main-mobile .overlap-18 {
    position: relative;
    width: 14rem;
    height: 58rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-19 {
    position: absolute;
    width: 4rem;
    height: 52rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .line-20 {
    width: 14rem;
    height: 58rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-31 {
    height: 51rem;
    top: 184rem;
    left: 153rem;
    position: absolute;
    width: 1rem;
    opacity: 0.3;
  }

  .element-main-mobile .group-32 {
    width: 286rem;
    height: 66rem;
    top: 213rem;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .ellipse-35 {
    position: absolute;
    width: 261rem;
    height: 54rem;
    top: 39rem;
    left: 13rem;
  }

  .element-main-mobile .ellipse-36 {
    position: absolute;
    width: 285rem;
    height: 78rem;
    top: 27rem;
    left: 1rem;
  }

  .element-main-mobile .ellipse-37 {
    position: absolute;
    width: 210rem;
    height: 45rem;
    top: 32rem;
    left: 38rem;
  }

  .element-main-mobile .ellipse-38 {
    position: absolute;
    width: 240rem;
    height: 75rem;
    top: 17rem;
    left: 23rem;
  }

  .element-main-mobile .ellipse-39 {
    position: absolute;
    width: 286rem;
    height: 58rem;
    top: 35rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 143rem/29.24rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .element-main-mobile .ellipse-40 {
    position: absolute;
    width: 154rem;
    height: 74rem;
    top: 0;
    left: 66rem;
  }

  .element-main-mobile .ellipse-41 {
    position: absolute;
    width: 99rem;
    height: 19rem;
    top: 27rem;
    left: 94rem;
  }

  .element-main-mobile .ellipse-42 {
    position: absolute;
    width: 161rem;
    height: 35rem;
    top: 26rem;
    left: 62rem;
  }

  .element-main-mobile .ellipse-43 {
    position: absolute;
    width: 183rem;
    height: 57rem;
    top: 15rem;
    left: 51rem;
  }

  .element-main-mobile .group-33 {
    height: 51rem;
    top: 184rem;
    left: 145rem;
    position: absolute;
    width: 1rem;
    opacity: 0.53;
  }

  .element-main-mobile .group-34 {
    height: 57rem;
    top: 179rem;
    left: 137rem;
    position: absolute;
    width: 3rem;
  }

  .element-main-mobile .group-35 {
    height: 66rem;
    top: 179rem;
    left: 136rem;
    transform: rotate(-180deg);
    position: absolute;
    width: 1rem;
  }

  .element-main-mobile .line-21 {
    position: absolute;
    width: 4rem;
    height: 67rem;
    top: 26rem;
    left: 26rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .line-22 {
    width: 62rem;
    height: 117rem;
    top: 0;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-36 {
    height: 51rem;
    top: 185rem;
    left: 126rem;
    position: absolute;
    width: 1rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-37 {
    height: 51rem;
    top: 184rem;
    left: 122rem;
    position: absolute;
    width: 1rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-38 {
    position: absolute;
    width: 214rem;
    height: 237rem;
    top: 11rem;
    left: 64rem;
    opacity: 0.7;
  }

  .element-main-mobile .overlap-19 {
    position: absolute;
    width: 15rem;
    height: 173rem;
    top: 64rem;
    left: 168rem;
  }

  .element-main-mobile .ellipse-44 {
    position: absolute;
    width: 5rem;
    height: 173rem;
    top: 0;
    left: 5rem;
    border-radius: 2.43rem/86.66rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-45 {
    position: absolute;
    width: 15rem;
    height: 93rem;
    top: 40rem;
    left: 0;
    border-radius: 7.28rem/46.58rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-46 {
    position: absolute;
    width: 8rem;
    height: 36rem;
    top: 69rem;
    left: 3rem;
    border-radius: 3.81rem/17.96rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-39 {
    width: 15rem;
    height: 234rem;
    left: 199rem;
    position: absolute;
    top: 0;
    opacity: 0.8;
  }

  .element-main-mobile .overlap-group-5 {
    position: relative;
    height: 234rem;
  }

  .element-main-mobile .ellipse-47 {
    position: absolute;
    width: 5rem;
    height: 234rem;
    top: 0;
    left: 5rem;
    border-radius: 2.43rem/116.87rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-48 {
    position: absolute;
    width: 15rem;
    height: 126rem;
    top: 54rem;
    left: 0;
    border-radius: 7.28rem/62.82rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-49 {
    position: absolute;
    width: 8rem;
    height: 48rem;
    top: 93rem;
    left: 3rem;
    border-radius: 3.81rem/24.22rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-40 {
    position: absolute;
    width: 13rem;
    height: 126rem;
    top: 99rem;
    left: 0;
  }

  .element-main-mobile .overlap-20 {
    position: relative;
    height: 126rem;
  }

  .element-main-mobile .ellipse-50 {
    position: absolute;
    width: 4rem;
    height: 126rem;
    top: 0;
    left: 4rem;
    border-radius: 2.09rem/62.97rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-51 {
    position: absolute;
    width: 13rem;
    height: 68rem;
    top: 29rem;
    left: 0;
    border-radius: 6.27rem/33.85rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-52 {
    position: absolute;
    width: 7rem;
    height: 26rem;
    top: 50rem;
    left: 3rem;
    border-radius: 3.29rem/13.05rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-41 {
    position: absolute;
    width: 282rem;
    height: 266rem;
    top: 0;
    left: 0;
    transform: rotate(-180deg);
  }

  .element-main-mobile .overlap-21 {
    position: relative;
    height: 266rem;
  }

  .element-main-mobile .group-42 {
    height: 65rem;
    top: 157rem;
    left: 105rem;
    position: absolute;
    width: 1rem;
    opacity: 0.2;
  }

  .element-main-mobile .line-23 {
    position: absolute;
    width: 4rem;
    height: 66rem;
    top: 2rem;
    left: 4rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .line-24 {
    width: 14rem;
    height: 72rem;
    top: 0;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-43 {
    height: 70rem;
    top: 164rem;
    left: 110rem;
    position: absolute;
    width: 1rem;
    opacity: 0.27;
  }

  .element-main-mobile .line-25 {
    width: 14rem;
    height: 77rem;
    top: 0;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
  }

  .element-main-mobile .line-26 {
    position: absolute;
    width: 4rem;
    height: 71rem;
    top: 2rem;
    left: 4rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .group-44 {
    height: 70rem;
    top: 164rem;
    left: 98rem;
    position: absolute;
    width: 1rem;
    opacity: 0.27;
  }

  .element-main-mobile .ellipse-53 {
    position: absolute;
    width: 98rem;
    height: 23rem;
    top: 176rem;
    left: 90rem;
    background-color: #3680ef;
    border-radius: 49.13rem/11.55rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .element-main-mobile .group-45 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 29rem;
    left: 68rem;
  }

  .element-main-mobile .vector-14 {
    position: absolute;
    width: 97rem;
    height: 42rem;
    top: 154rem;
    left: 94rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .vector-15 {
    position: absolute;
    width: 63rem;
    height: 19rem;
    top: 166rem;
    left: 111rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-54 {
    position: absolute;
    width: 37rem;
    height: 6rem;
    top: 179rem;
    left: 120rem;
    border-radius: 18.72rem/2.96rem;
    transform: rotate(180deg);
    filter: blur(24rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%);
  }

  .element-main-mobile .ellipse-55 {
    width: 2rem;
    height: 62rem;
    top: 176rem;
    left: 137rem;
    background-color: #3680ef;
    border-radius: 1.17rem/31.1rem;
    position: absolute;
    filter: blur(24rem);
  }

  .element-main-mobile .ellipse-56 {
    height: 70rem;
    top: 174rem;
    left: 137rem;
    background-color: #3680ef;
    border-radius: 1.75rem/35.24rem;
    position: absolute;
    width: 4rem;
    filter: blur(32rem);
  }

  .element-main-mobile .rectangle-4 {
    position: absolute;
    width: 101rem;
    height: 97rem;
    top: 147rem;
    left: 89rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .group-46 {
    height: 51rem;
    top: 171rem;
    left: 162rem;
    position: absolute;
    width: 1rem;
    opacity: 0.14;
  }

  .element-main-mobile .line-27 {
    position: absolute;
    width: 4rem;
    height: 52rem;
    top: 2rem;
    left: 4rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .line-28 {
    width: 14rem;
    height: 58rem;
    top: 0;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-47 {
    height: 51rem;
    top: 171rem;
    left: 151rem;
    position: absolute;
    width: 1rem;
    opacity: 0.3;
  }

  .element-main-mobile .group-48 {
    width: 282rem;
    height: 66rem;
    top: 200rem;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .ellipse-57 {
    position: absolute;
    width: 258rem;
    height: 54rem;
    top: 39rem;
    left: 12rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-58 {
    position: absolute;
    width: 282rem;
    height: 78rem;
    top: 27rem;
    left: 0;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-59 {
    position: absolute;
    width: 207rem;
    height: 45rem;
    top: 32rem;
    left: 37rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-60 {
    position: absolute;
    width: 237rem;
    height: 75rem;
    top: 17rem;
    left: 22rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-61 {
    position: absolute;
    width: 282rem;
    height: 58rem;
    top: 35rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 141.25rem/29.24rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .element-main-mobile .ellipse-62 {
    position: absolute;
    width: 153rem;
    height: 74rem;
    top: 0;
    left: 65rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-63 {
    position: absolute;
    width: 98rem;
    height: 19rem;
    top: 27rem;
    left: 92rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-64 {
    position: absolute;
    width: 159rem;
    height: 35rem;
    top: 26rem;
    left: 62rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .ellipse-65 {
    position: absolute;
    width: 181rem;
    height: 57rem;
    top: 15rem;
    left: 51rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .group-49 {
    height: 51rem;
    top: 171rem;
    left: 144rem;
    position: absolute;
    width: 1rem;
    opacity: 0.53;
  }

  .element-main-mobile .group-50 {
    height: 57rem;
    top: 166rem;
    left: 136rem;
    position: absolute;
    width: 3rem;
  }

  .element-main-mobile .line-29 {
    position: absolute;
    width: 8rem;
    height: 63rem;
    top: 3rem;
    left: 7rem;
    transform: rotate(180deg);
  }

  .element-main-mobile .line-30 {
    width: 26rem;
    height: 71rem;
    top: 0;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-51 {
    height: 66rem;
    top: 166rem;
    left: 134rem;
    transform: rotate(180deg);
    position: absolute;
    width: 1rem;
  }

  .element-main-mobile .line-31 {
    position: absolute;
    width: 4rem;
    height: 67rem;
    top: 26rem;
    left: 26rem;
  }

  .element-main-mobile .line-32 {
    width: 62rem;
    height: 117rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-52 {
    height: 51rem;
    top: 173rem;
    left: 124rem;
    position: absolute;
    width: 1rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-53 {
    height: 51rem;
    top: 171rem;
    left: 120rem;
    position: absolute;
    width: 1rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-54 {
    position: absolute;
    width: 214rem;
    height: 236rem;
    top: 0;
    left: 62rem;
    opacity: 0.7;
  }

  .element-main-mobile .overlap-22 {
    position: absolute;
    width: 15rem;
    height: 173rem;
    top: 62rem;
    left: 168rem;
  }

  .element-main-mobile .group-55 {
    width: 12rem;
    height: 234rem;
    left: 202rem;
    position: absolute;
    top: 0;
    opacity: 0.8;
  }

  .element-main-mobile .ellipse-66 {
    position: absolute;
    width: 4rem;
    height: 234rem;
    top: 0;
    left: 4rem;
    border-radius: 1.95rem/116.87rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-67 {
    position: absolute;
    width: 12rem;
    height: 126rem;
    top: 54rem;
    left: 0;
    border-radius: 5.85rem/62.82rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-68 {
    position: absolute;
    width: 6rem;
    height: 48rem;
    top: 93rem;
    left: 3rem;
    border-radius: 3.06rem/24.22rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-56 {
    position: absolute;
    width: 15rem;
    height: 126rem;
    top: 97rem;
    left: 0;
  }

  .element-main-mobile .ellipse-69 {
    position: absolute;
    width: 5rem;
    height: 126rem;
    top: 0;
    left: 5rem;
    border-radius: 2.43rem/62.97rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-70 {
    position: absolute;
    width: 15rem;
    height: 68rem;
    top: 29rem;
    left: 0;
    border-radius: 7.28rem/33.85rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-71 {
    position: absolute;
    width: 8rem;
    height: 26rem;
    top: 50rem;
    left: 3rem;
    border-radius: 3.81rem/13.05rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-57 {
    position: absolute;
    width: 140rem;
    height: 141rem;
    top: 65rem;
    left: 72rem;
  }

  .element-main-mobile .chip {
    top: 959rem;
    left: 132rem;
    position: absolute;
    width: 97rem;
    height: 25rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
  }

  /* .element-main-mobile .chip :active {
    border: #e4e8ee1f solid 1rem;
  } */


  .element-main-mobile .text-wrapper-3 {
    position: absolute;
    top: -1rem;
    left: 12rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #3680ef;
    font-size: 12rem;
    letter-spacing: 0;
    line-height: 24rem;
    white-space: nowrap;
  }

  .element-main-mobile .blockchain-2 {
    position: absolute;
    top: 997rem;
    left: 62rem;
    width: 236rem;
    height: 56rem;
    opacity: 0.9;
    font-family: "Druk Wide Medium-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 27rem;
    text-align: center;
    letter-spacing: -1rem;
    line-height: 28rem;
  }

  .element-main-mobile .about {
    height: 846rem;
    top: 1720rem;
    left: -1rem;
    position: absolute;
    width: 360rem;
  }

  .element-main-mobile .overlap-23 {
    position: relative;
    width: 359rem;
    height: 821rem;
    left: 1rem;
  }

  .element-main-mobile .ellipse-72 {
    position: absolute;
    width: 359rem;
    height: 509rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .chip-2 {
    top: 21rem;
    left: 130rem;
    position: absolute;
    width: 97rem;
    height: 25rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: #3780ef1f solid 0rem;
  }

  .element-main-mobile .web-design {
    position: absolute;
    top: 64rem;
    left: 47rem;
    opacity: 0.9;
    width: 272rem;
    height: 56rem;
    font-family: "Druk Wide Medium-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 27rem;
    text-align: center;
    letter-spacing: -1rem;
    line-height: 28rem;
  }

  .element-main-mobile .group-58 {
    position: absolute;
    width: 298rem;
    height: 282rem;
    top: 109rem;
    left: 34rem;
  }

  .element-main-mobile .overlap-24 {
    position: absolute;
    width: 298rem;
    height: 223rem;
    top: 59rem;
    left: 0;
  }

  .element-main-mobile .group-59 {
    width: 149rem;
    height: 143rem;
    top: 0;
    left: 64rem;
    position: absolute;
    opacity: 0.9;
  }

  .element-main-mobile .group-60 {
    height: 143rem;
  }

  .element-main-mobile .overlap-25 {
    position: relative;
    width: 154rem;
    height: 155rem;
    top: -12rem;
  }

  .element-main-mobile .group-61 {
    position: absolute;
    width: 143rem;
    height: 142rem;
    top: 0;
    left: 10rem;
  }

  .element-main-mobile .group-62 {
    position: absolute;
    width: 149rem;
    height: 143rem;
    top: 12rem;
    left: 0;
  }

  .element-main-mobile .overlap-group-6 {
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: 27rem;
    left: 45rem;
    background-color: #3680ef8f;
    border-radius: 4.9rem/5.06rem;
    filter: blur(7rem);
  }

  .element-main-mobile .ellipse-73 {
    position: relative;
    width: 6rem;
    height: 6rem;
    top: 2rem;
    left: 2rem;
    background-color: #3680ef8f;
    border-radius: 3.12rem/3.22rem;
  }

  .element-main-mobile .overlap-26 {
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: 6rem;
    left: 139rem;
    background-color: #3680ef8f;
    border-radius: 4.9rem/5.06rem;
    filter: blur(7rem);
  }

  .element-main-mobile .overlap-27 {
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: 57rem;
    left: 35rem;
    background-color: #3680ef8f;
    border-radius: 4.9rem/5.06rem;
    filter: blur(7rem);
  }

  .element-main-mobile .overlap-28 {
    height: 10rem;
    top: 107rem;
    left: 45rem;
    background-color: #3680ef8f;
    border-radius: 4.9rem/5.06rem;
    filter: blur(7rem);
    position: absolute;
    width: 10rem;
  }

  .element-main-mobile .group-63 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 135rem;
    left: 92rem;
    background-color: #3680ef8f;
    border-radius: 4.01rem/4.14rem;
    filter: blur(7rem);
  }

  .element-main-mobile .ellipse-74 {
    position: relative;
    width: 4rem;
    height: 5rem;
    top: 2rem;
    left: 2rem;
    background-color: #3680ef8f;
    border-radius: 2.23rem/2.3rem;
  }

  .element-main-mobile .group-64 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 74rem;
    left: 0;
    background-color: #3680ef8f;
    border-radius: 4.01rem/4.14rem;
    filter: blur(7rem);
  }

  .element-main-mobile .overlap-29 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 0;
    left: 74rem;
    border-radius: 4.01rem/4.14rem;
  }

  .element-main-mobile .ellipse-75 {
    position: absolute;
    width: 4rem;
    height: 5rem;
    top: 2rem;
    left: 2rem;
    background-color: #3680ef8f;
    border-radius: 2.23rem/2.3rem;
  }

  .element-main-mobile .ellipse-76 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 0;
    left: 0;
    background-color: #3680ef8f;
    border-radius: 4.01rem/4.14rem;
    filter: blur(4rem);
  }

  .element-main-mobile .group-65 {
    height: 78rem;
    top: 93rem;
    left: 108rem;
    position: absolute;
    width: 1rem;
    opacity: 0.2;
  }

  .element-main-mobile .overlap-30 {
    position: relative;
    width: 14rem;
    height: 85rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-33 {
    position: absolute;
    width: 4rem;
    height: 79rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .line-34 {
    width: 14rem;
    height: 85rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-66 {
    height: 83rem;
    top: 101rem;
    left: 114rem;
    position: absolute;
    width: 1rem;
    opacity: 0.27;
  }

  .element-main-mobile .img-wrapper {
    position: relative;
    width: 14rem;
    height: 90rem;
    top: -3rem;
    left: -4rem;
    background-image: url(./img/line-2-8.svg);
    background-size: 100% 100%;
  }

  .element-main-mobile .line-35 {
    position: absolute;
    width: 4rem;
    height: 84rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .group-67 {
    height: 83rem;
    top: 101rem;
    left: 100rem;
    position: absolute;
    width: 1rem;
    opacity: 0.27;
  }

  .element-main-mobile .overlap-31 {
    position: relative;
    width: 14rem;
    height: 90rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-36 {
    width: 14rem;
    height: 90rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .ellipse-77 {
    position: absolute;
    width: 114rem;
    height: 27rem;
    top: 115rem;
    left: 90rem;
    background-color: #3680ef;
    border-radius: 56.96rem/13.74rem;
    filter: blur(53rem);
    opacity: 0.96;
  }

  .element-main-mobile .vector-16 {
    position: absolute;
    width: 108rem;
    height: 43rem;
    top: 93rem;
    left: 97rem;
  }

  .element-main-mobile .vector-17 {
    position: absolute;
    width: 72rem;
    height: 20rem;
    top: 105rem;
    left: 116rem;
  }

  .element-main-mobile .ellipse-78 {
    position: absolute;
    width: 43rem;
    height: 7rem;
    top: 119rem;
    left: 125rem;
    border-radius: 21.7rem/3.52rem;
    transform: rotate(180deg);
    filter: blur(24rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(189.13, 211.52, 255) 0%, rgb(103.74, 152.28, 246.5) 100%);
  }

  .element-main-mobile .ellipse-79 {
    width: 3rem;
    height: 74rem;
    top: 115rem;
    left: 145rem;
    background-color: #3680ef;
    border-radius: 1.36rem/37rem;
    position: absolute;
    filter: blur(24rem);
  }

  .element-main-mobile .ellipse-80 {
    height: 84rem;
    top: 114rem;
    left: 144rem;
    background-color: #3680ef;
    border-radius: 2.03rem/41.94rem;
    position: absolute;
    width: 4rem;
    filter: blur(32rem);
  }

  .element-main-mobile .rectangle-5 {
    position: absolute;
    width: 116rem;
    height: 114rem;
    top: 93rem;
    left: 92rem;
  }

  .element-main-mobile .group-68 {
    height: 61rem;
    top: 110rem;
    left: 174rem;
    position: absolute;
    width: 1rem;
    opacity: 0.14;
  }

  .element-main-mobile .overlap-32 {
    position: relative;
    width: 14rem;
    height: 68rem;
    top: -3rem;
    left: -4rem;
  }

  .element-main-mobile .line-37 {
    position: absolute;
    width: 4rem;
    height: 62rem;
    top: 2rem;
    left: 4rem;
  }

  .element-main-mobile .line-38 {
    width: 14rem;
    height: 68rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-69 {
    height: 61rem;
    top: 110rem;
    left: 161rem;
    position: absolute;
    width: 1rem;
    opacity: 0.3;
  }

  .element-main-mobile .group-70 {
    width: 298rem;
    height: 79rem;
    top: 144rem;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .overlap-33 {
    position: relative;
    height: 117rem;
    top: -27rem;
  }

  .element-main-mobile .ellipse-81 {
    position: absolute;
    width: 271rem;
    height: 64rem;
    top: 41rem;
    left: 13rem;
  }

  .element-main-mobile .ellipse-82 {
    position: absolute;
    width: 295rem;
    height: 88rem;
    top: 29rem;
    left: 1rem;
  }

  .element-main-mobile .ellipse-83 {
    position: absolute;
    width: 219rem;
    height: 53rem;
    top: 33rem;
    left: 40rem;
  }

  .element-main-mobile .ellipse-84 {
    position: absolute;
    width: 249rem;
    height: 83rem;
    top: 18rem;
    left: 25rem;
  }

  .element-main-mobile .ellipse-85 {
    position: absolute;
    width: 298rem;
    height: 70rem;
    top: 36rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 148.85rem/34.79rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .element-main-mobile .ellipse-86 {
    position: absolute;
    width: 158rem;
    height: 77rem;
    top: 0;
    left: 70rem;
  }

  .element-main-mobile .ellipse-87 {
    position: absolute;
    width: 103rem;
    height: 22rem;
    top: 28rem;
    left: 97rem;
  }

  .element-main-mobile .ellipse-88 {
    position: absolute;
    width: 168rem;
    height: 41rem;
    top: 26rem;
    left: 65rem;
  }

  .element-main-mobile .ellipse-89 {
    position: absolute;
    width: 190rem;
    height: 63rem;
    top: 15rem;
    left: 54rem;
  }

  .element-main-mobile .group-71 {
    height: 61rem;
    top: 110rem;
    left: 153rem;
    position: absolute;
    width: 1rem;
    opacity: 0.53;
  }

  .element-main-mobile .group-72 {
    height: 68rem;
    top: 104rem;
    left: 143rem;
    position: absolute;
    width: 3rem;
  }

  .element-main-mobile .overlap-34 {
    position: relative;
    width: 26rem;
    height: 82rem;
    top: -6rem;
    left: -7rem;
  }

  .element-main-mobile .line-39 {
    position: absolute;
    width: 8rem;
    height: 74rem;
    top: 3rem;
    left: 7rem;
  }

  .element-main-mobile .line-40 {
    width: 26rem;
    height: 82rem;
    top: 0;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-73 {
    height: 78rem;
    top: 104rem;
    left: 141rem;
    transform: rotate(180deg);
    position: absolute;
    width: 1rem;
  }

  .element-main-mobile .overlap-35 {
    position: relative;
    width: 62rem;
    height: 129rem;
    top: -26rem;
    left: -26rem;
  }

  .element-main-mobile .line-41 {
    position: absolute;
    width: 4rem;
    height: 79rem;
    top: 26rem;
    left: 26rem;
    transform: rotate(-180deg);
  }

  .element-main-mobile .line-42 {
    width: 62rem;
    height: 129rem;
    top: 0;
    transform: rotate(-180deg);
    position: absolute;
    left: 0;
  }

  .element-main-mobile .group-74 {
    height: 61rem;
    top: 112rem;
    left: 130rem;
    position: absolute;
    width: 1rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-75 {
    height: 61rem;
    top: 110rem;
    left: 125rem;
    position: absolute;
    width: 1rem;
    opacity: 0.15;
  }

  .element-main-mobile .group-76 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 65rem;
  }

  .element-main-mobile .text-wrapper-4 {
    position: absolute;
    width: 317rem;
    top: 453rem;
    left: 23rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .element-main-mobile .overlap-36 {
    position: absolute;
    width: 497rem;
    height: 848rem;
    top: 2566rem;
    left: -118rem;
  }

  .element-main-mobile .about-2 {
    height: 848rem;
    top: 0;
    left: 117rem;
    position: absolute;
    width: 360rem;
  }

  .element-main-mobile .overlap-37 {
    position: relative;
    height: 1227rem;
    top: -379rem;
  }

  .element-main-mobile .rectangle-6 {
    position: absolute;
    width: 360rem;
    height: 848rem;
    top: 379rem;
    left: 0;
    background-color: #212225;
    border-radius: 40rem 40rem 0rem 0rem;
  }

  .element-main-mobile .ellipse-90 {
    position: absolute;
    width: 145rem;
    height: 718rem;
    top: 0;
    left: 100rem;
    background-color: #ffffff;
    border-radius: 72.5rem/359rem;
    transform: rotate(180deg);
    filter: blur(235rem);
    opacity: 0.05;
  }

  .element-main-mobile .chip-3 {
    top: 400rem;
    left: 131rem;
    position: absolute;
    width: 97rem;
    height: 25rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: #3780ef1f solid 0rem;
  }

  .element-main-mobile .mobile-design {
    position: absolute;
    top: 443rem;
    left: 53rem;
    width: 272rem;
    height: 56rem;
    opacity: 0.9;

    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Druk Wide Medium", Arial, Helvetica, sans-serif;
    font-size: 27rem;
    font-style: normal;
    font-weight: 500;
    line-height: 28rem;
    /* 103.704% */
    letter-spacing: -1rem;
  }

  .element-main-mobile .text-wrapper-5 {
    position: absolute;
    width: 317rem;
    top: 857rem;
    left: 27rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .element-main-mobile .group-77 {
    position: absolute;
    width: 463rem;
    height: 453rem;
    top: 134rem;
    left: 17rem;
    transform: rotate(4.5deg);
  }

  .element-main-mobile .overlap-38 {
    position: relative;
    height: 452rem;
  }

  .element-main-mobile .group-78 {
    width: 161rem;
    height: 161rem;
    top: 95rem;
    left: 188rem;
    position: absolute;
    opacity: 0.9;
  }

  .element-main-mobile .group-79 {
    height: 161rem;
  }

  .element-main-mobile .overlap-group-7 {
    position: relative;
    width: 173rem;
    height: 174rem;
    top: -7rem;
    left: -7rem;
  }

  .element-main-mobile .ellipse-91 {
    position: absolute;
    width: 161rem;
    height: 162rem;
    top: 6rem;
    left: 6rem;
    transform: rotate(-4.5deg);
  }

  .element-main-mobile .vector-18 {
    position: absolute;
    width: 160rem;
    height: 147rem;
    top: 6rem;
    left: 7rem;
    transform: rotate(-4.5deg);
  }

  .element-main-mobile .group-80 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 108rem;
    left: 198rem;
  }

  .element-main-mobile .group-81 {
    position: absolute;
    width: 358rem;
    height: 293rem;
    top: 80rem;
    left: 52rem;
    transform: rotate(-141.61deg);
  }

  .element-main-mobile .group-82 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 78rem;
  }

  .element-main-mobile .group-83 {
    width: 358rem;
    height: 166rem;
    top: 127rem;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .overlap-39 {
    position: relative;
    width: 561rem;
    height: 565rem;
    top: -190rem;
    left: -101rem;
  }

  .element-main-mobile .group-84 {
    position: absolute;
    width: 325rem;
    height: 133rem;
    top: 219rem;
    left: 118rem;
  }

  .element-main-mobile .overlap-group-8 {
    position: relative;
    width: 387rem;
    height: 386rem;
    top: -127rem;
    left: -31rem;
  }

  .element-main-mobile .ellipse-92 {
    position: absolute;
    width: 280rem;
    height: 267rem;
    top: 60rem;
    left: 53rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-93 {
    position: absolute;
    width: 256rem;
    height: 243rem;
    top: 72rem;
    left: 65rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-94 {
    position: absolute;
    width: 206rem;
    height: 196rem;
    top: 159rem;
    left: 177rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-95 {
    position: absolute;
    width: 236rem;
    height: 226rem;
    top: 144rem;
    left: 162rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-96 {
    position: absolute;
    width: 360rem;
    height: 437rem;
    top: 64rem;
    left: 100rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-97 {
    position: absolute;
    width: 151rem;
    height: 146rem;
    top: 141rem;
    left: 205rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-98 {
    position: absolute;
    width: 70rem;
    height: 67rem;
    top: 181rem;
    left: 248rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-99 {
    position: absolute;
    width: 149rem;
    height: 144rem;
    top: 158rem;
    left: 206rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .ellipse-100 {
    position: absolute;
    width: 181rem;
    height: 173rem;
    top: 144rem;
    left: 190rem;
    transform: rotate(137.11deg);
  }

  .element-main-mobile .text-wrapper-6 {
    position: absolute;
    width: 317rem;
    top: 1445rem;
    left: 21rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 28rem;
    padding: 3rem;
  }

  .element-main-mobile .about-3 {
    height: 706rem;
    top: 3414rem;
    left: -1rem;
    overflow: hidden;
    position: absolute;
    width: 360rem;
  }

  .element-main-mobile .overlap-40 {
    position: relative;
    width: 485rem;
    height: 683rem;
    left: -117rem;
  }

  .element-main-mobile .ellipse-101 {
    position: absolute;
    width: 359rem;
    height: 509rem;
    top: 0;
    left: 118rem;
  }

  .element-main-mobile .chip-4 {
    top: 21rem;
    left: 248rem;
    position: absolute;
    width: 97rem;
    height: 25rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: #3780ef1f solid 0rem;
    z-index: 1;
  }

  .element-main-mobile .NFT-design {
    position: absolute;
    top: 64rem;
    left: 165rem;
    width: 272rem;
    height: 56rem;
    opacity: 0.9;
    font-family: "Druk Wide Medium-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 27rem;
    text-align: center;
    letter-spacing: -1rem;
    line-height: 28rem;
  }

  .element-main-mobile .group-85 {
    position: absolute;
    width: 485rem;
    height: 587rem;
    top: 21rem;
    left: 0;
  }

  .element-main-mobile .overlap-41 {
    position: relative;
    width: 488rem;
    height: 584rem;
    top: 1rem;
    left: -1rem;
  }

  .element-main-mobile .group-86 {
    position: absolute;
    width: 424rem;
    height: 251rem;
    top: 228rem;
    left: 32rem;
    transform: rotate(-141.25deg);
  }

  .element-main-mobile .group-87 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 93rem;
  }

  .element-main-mobile .group-88 {
    width: 424rem;
    height: 70rem;
    top: 181rem;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .overlap-group-9 {
    position: relative;
    height: 415rem;
    top: -167rem;
  }

  .element-main-mobile .ellipse-102 {
    position: absolute;
    width: 303rem;
    height: 246rem;
    top: 85rem;
    left: 60rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .ellipse-103 {
    position: absolute;
    width: 327rem;
    height: 270rem;
    top: 73rem;
    left: 49rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .ellipse-104 {
    position: absolute;
    width: 244rem;
    height: 198rem;
    top: 96rem;
    left: 90rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .ellipse-105 {
    position: absolute;
    width: 274rem;
    height: 228rem;
    top: 81rem;
    left: 75rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .ellipse-106 {
    position: absolute;
    width: 424rem;
    height: 62rem;
    top: 175rem;
    left: 0;
    background-color: #3680ef;
    border-radius: 211.85rem/30.98rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .element-main-mobile .ellipse-107 {
    position: absolute;
    width: 170rem;
    height: 148rem;
    top: 103rem;
    left: 127rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .ellipse-108 {
    position: absolute;
    width: 115rem;
    height: 93rem;
    top: 131rem;
    left: 154rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .ellipse-109 {
    position: absolute;
    width: 187rem;
    height: 151rem;
    top: 109rem;
    left: 118rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .ellipse-110 {
    position: absolute;
    width: 209rem;
    height: 174rem;
    top: 97rem;
    left: 107rem;
    transform: rotate(141.25deg);
  }

  .element-main-mobile .group-89 {
    position: absolute;
    width: 361rem;
    height: 250rem;
    top: 93rem;
    left: 55rem;
    transform: rotate(-48.09deg);
  }

  .element-main-mobile .group-90 {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 79rem;
  }

  .element-main-mobile .group-91 {
    width: 361rem;
    height: 70rem;
    top: 180rem;
    position: absolute;
    left: 0;
  }

  .element-main-mobile .overlap-group-10 {
    position: relative;
    width: 368rem;
    height: 366rem;
    top: -142rem;
    left: -4rem;
  }

  .element-main-mobile .ellipse-111 {
    position: absolute;
    width: 224rem;
    height: 248rem;
    top: 59rem;
    left: 72rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .ellipse-112 {
    position: absolute;
    width: 248rem;
    height: 272rem;
    top: 47rem;
    left: 60rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .ellipse-113 {
    position: absolute;
    width: 180rem;
    height: 200rem;
    top: 71rem;
    left: 94rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .ellipse-114 {
    position: absolute;
    width: 210rem;
    height: 230rem;
    top: 56rem;
    left: 79rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .ellipse-115 {
    position: absolute;
    width: 361rem;
    height: 62rem;
    top: 151rem;
    left: 4rem;
    background-color: #3680ef;
    border-radius: 180.39rem/30.9rem;
    filter: blur(85rem);
    opacity: 0.43;
  }

  .element-main-mobile .ellipse-116 {
    position: absolute;
    width: 140rem;
    height: 149rem;
    top: 78rem;
    left: 115rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .ellipse-117 {
    position: absolute;
    width: 85rem;
    height: 94rem;
    top: 106rem;
    left: 142rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .ellipse-118 {
    position: absolute;
    width: 137rem;
    height: 152rem;
    top: 83rem;
    left: 116rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .ellipse-119 {
    position: absolute;
    width: 161rem;
    height: 175rem;
    top: 72rem;
    left: 104rem;
    transform: rotate(48.09deg);
  }

  .element-main-mobile .text-wrapper-7 {
    position: absolute;
    width: 317rem;
    top: 487rem;
    left: 138rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .element-main-mobile .about-4 {
    height: 525rem;
    top: 4120rem;
    left: -1rem;
    overflow: hidden;
    position: absolute;
    width: 360rem;
  }

  .element-main-mobile .overlap-42 {
    position: relative;
    height: 1007rem;
    top: -379rem;
  }

  .element-main-mobile .rectangle-7 {
    position: absolute;
    width: 360rem;
    height: 525rem;
    top: 379rem;
    left: 0;
    background-color: #212225;
    border-radius: 40rem 40rem 0rem 0rem;
  }

  .element-main-mobile .text-wrapper-8 {
    position: absolute;
    top: -1rem;
    left: 9rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #3680ef;
    font-size: 12rem;
    letter-spacing: 0;
    line-height: 24rem;
    white-space: nowrap;
  }

  .element-main-mobile .text-wrapper-9 {
    position: absolute;
    width: 331rem;
    height: 115rem;
    top: 444rem;
    left: 20rem;
    opacity: 0.9;
    font-family: "Druk Wide Medium-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 27rem;
    text-align: center;
    letter-spacing: -1rem;
    line-height: 28rem;
  }

  .element-main-mobile .text-wrapper-10 {
    position: absolute;
    width: 317rem;
    top: 671rem;
    left: 24rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .element-main-mobile .group-92 {
    position: absolute;
    width: 51rem;
    height: 199rem;
    top: 469rem;
    left: 37rem;
    opacity: 0.9;
  }

  .element-main-mobile .group-93 {
    position: absolute;
    width: 10rem;
    height: 107rem;
    top: 86rem;
    left: 41rem;
  }

  .element-main-mobile .overlap-group-11 {
    position: relative;
    height: 107rem;
  }

  .element-main-mobile .ellipse-120 {
    position: absolute;
    width: 3rem;
    height: 107rem;
    top: 0;
    left: 3rem;
    border-radius: 1.68rem/53.27rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-121 {
    position: absolute;
    width: 10rem;
    height: 57rem;
    top: 25rem;
    left: 0;
    border-radius: 5.03rem/28.63rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-122 {
    position: absolute;
    width: 5rem;
    height: 22rem;
    top: 42rem;
    left: 2rem;
    border-radius: 2.64rem/11.04rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-94 {
    position: absolute;
    width: 10rem;
    height: 147rem;
    top: 52rem;
    left: 21rem;
    opacity: 0.7;
  }

  .element-main-mobile .overlap-43 {
    position: relative;
    height: 147rem;
  }

  .element-main-mobile .ellipse-123 {
    position: absolute;
    width: 3rem;
    height: 147rem;
    top: 0;
    left: 3rem;
    border-radius: 1.68rem/73.31rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-124 {
    position: absolute;
    width: 10rem;
    height: 79rem;
    top: 34rem;
    left: 0;
    border-radius: 5.03rem/39.41rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-125 {
    position: absolute;
    width: 5rem;
    height: 30rem;
    top: 58rem;
    left: 2rem;
    border-radius: 2.64rem/15.19rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-95 {
    position: absolute;
    width: 10rem;
    height: 198rem;
    top: 0;
    left: 0;
    opacity: 0.8;
  }

  .element-main-mobile .overlap-group-12 {
    position: relative;
    height: 198rem;
  }

  .element-main-mobile .ellipse-126 {
    position: absolute;
    width: 3rem;
    height: 198rem;
    top: 0;
    left: 3rem;
    border-radius: 1.68rem/98.87rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-127 {
    position: absolute;
    width: 10rem;
    height: 106rem;
    top: 46rem;
    left: 0;
    border-radius: 5.03rem/53.15rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-128 {
    position: absolute;
    width: 5rem;
    height: 41rem;
    top: 78rem;
    left: 2rem;
    border-radius: 2.64rem/20.49rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-96 {
    position: absolute;
    width: 52rem;
    height: 200rem;
    top: 462rem;
    left: 280rem;
    opacity: 0.8;
  }

  .element-main-mobile .overlap-44 {
    height: 147rem;
    top: 53rem;
    left: 21rem;
    position: absolute;
    width: 10rem;
  }

  .element-main-mobile .ellipse-129 {
    position: absolute;
    width: 3rem;
    height: 147rem;
    top: 0;
    left: 3rem;
    border-radius: 1.73rem/73.41rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-130 {
    position: absolute;
    width: 10rem;
    height: 79rem;
    top: 34rem;
    left: 0;
    border-radius: 5.2rem/39.46rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-131 {
    position: absolute;
    width: 5rem;
    height: 30rem;
    top: 58rem;
    left: 2rem;
    border-radius: 2.72rem/15.21rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-97 {
    width: 10rem;
    height: 198rem;
    left: 42rem;
    position: absolute;
    top: 0;
    opacity: 0.8;
  }

  .element-main-mobile .ellipse-132 {
    position: absolute;
    width: 3rem;
    height: 198rem;
    top: 0;
    left: 3rem;
    border-radius: 1.73rem/99rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-133 {
    position: absolute;
    width: 10rem;
    height: 106rem;
    top: 46rem;
    left: 0;
    border-radius: 5.2rem/53.21rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-134 {
    position: absolute;
    width: 5rem;
    height: 41rem;
    top: 78rem;
    left: 2rem;
    border-radius: 2.72rem/20.51rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .group-98 {
    position: absolute;
    width: 10rem;
    height: 107rem;
    top: 91rem;
    left: 0;
  }

  .element-main-mobile .ellipse-135 {
    position: absolute;
    width: 3rem;
    height: 107rem;
    top: 0;
    left: 3rem;
    border-radius: 1.73rem/53.34rem;
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-136 {
    position: absolute;
    width: 10rem;
    height: 57rem;
    top: 25rem;
    left: 0;
    border-radius: 5.2rem/28.67rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(79.69, 170.85, 255) 0%, rgba(69.06, 165.75, 255, 0) 100%);
  }

  .element-main-mobile .ellipse-137 {
    position: absolute;
    width: 5rem;
    height: 22rem;
    top: 42rem;
    left: 2rem;
    border-radius: 2.72rem/11.05rem;
    filter: blur(14rem);
    background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .element-main-mobile .button-2 {
    position: absolute;
    width: 146rem;
    height: 41rem;
    top: 596rem;
    left: 110rem;
    background-color: #3680ef;
    border-radius: 12rem;
    box-sizing: border-box;
    cursor: pointer;
    ;
  }

  .element-main-mobile .body-3 {
    top: 8rem;
    left: 23rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 14rem;
    line-height: 24rem;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
  }

  .element-main-mobile .about-5 {
    height: 793rem;
    top: 4645rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 360rem;
  }

  .element-main-mobile .overlap-45 {
    position: relative;
    width: 392rem;
    height: 633rem;
  }

  .element-main-mobile .ellipse-138 {
    position: absolute;
    width: 360rem;
    height: 490rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .chip-5 {
    top: 21rem;
    left: 131rem;
    position: absolute;
    width: 97rem;
    height: 25rem;
    background-color: #3780ef1f;
    border-radius: 8rem;
    box-shadow: 0rem 0rem 24rem #3780ef1f;
    border: #3780ef1f solid 0rem;
  }

  .element-main-mobile .we-are-here-for-you {
    position: absolute;
    top: 64rem;
    left: 71rem;
    width: 227rem;
    height: 56rem;
    opacity: 0.9;
    font-family: "Druk Wide Medium-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 27rem;
    text-align: center;
    letter-spacing: -1rem;
    line-height: 28rem;
  }

  .element-main-mobile .text-wrapper-11 {
    position: absolute;
    width: 317rem;
    top: 139rem;
    left: 26rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #eaeaff99;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 28rem;
  }

  .element-main-mobile .item-3 {
    position: absolute;
    width: 328rem;
    height: 461rem;
    top: 172rem;
    left: 64rem;
  }

  .element-main-mobile .overlap-group-13 {
    position: relative;
    width: 345rem;
    height: 548rem;
    top: 73rem;
    left: -49rem;
  }

  .element-main-mobile .group-99 {
    position: absolute;
    width: 244rem;
    height: 262rem;
    top: 286rem;
    left: 101rem;
  }

  .element-main-mobile .surface {
    position: absolute;
    width: 328rem;
    height: 461rem;
    top: 0;
    left: 0;
    background-color: #5757571f;
    border-radius: 32rem;
    backdrop-filter: blur(63rem) brightness(100%);
    -webkit-backdrop-filter: blur(63rem) brightness(100%);
  }

  /* .element-main-mobile .field {
    height: 48rem;
    top: 78rem;
    position: absolute;
    width: 300rem;
    left: 14rem;
    background-color: #eaeaff05;
    border-radius: 12rem;
  } */
  .element-main-mobile .input-field {
    height: 48rem;
    top: 78rem;
    position: absolute;
    width: 300rem;
    left: 14rem;
    background-color: #eaeaff05;
    border-radius: 12rem;

    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;
    border: none;
  }

  .element-main-mobile .num {
    top: 20rem;
    color: #ffffff;
    position: absolute;
    left: 16rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
  }

  .element-main-mobile .body-4 {
    top: 8rem;
    left: 16rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 10rem;
    line-height: 12rem;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
  }

  .element-main-mobile .input-phone {
    height: 48rem;
    top: 202rem;
    position: absolute;
    width: 300rem;
    left: 14rem;

    background-color: #eaeaff05;
    border-radius: 12rem;
    border: none;
    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;
  }

  .element-main-mobile .num-2 {
    top: 14rem;
    color: #eaeaff99;
    position: absolute;
    left: 16rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
  }

  .element-main-mobile .input {
    height: 48rem;
    top: 140rem;
    position: absolute;
    width: 300rem;
    left: 14rem;
    background-color: #eaeaff05;
    border-radius: 12rem;
    border: none;
    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;
  }

  .element-main-mobile .field-2 {
    height: 96rem;
    top: 264rem;
    position: absolute;
    width: 300rem;
    left: 14rem;
    background-color: #eaeaff05;
    border-radius: 12rem;

    border: none;
    color: #eaeaff99;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
    padding: 0;
    padding-left: 16rem;
    padding-top: 16rem;
  }

  .element-main-mobile .button-3 {
    position: absolute;
    top: 31rem;
    left: 19rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 17rem;
    letter-spacing: -0.4rem;
    line-height: 24rem;
    white-space: nowrap;
  }

  .element-main-mobile .body-wrapper {
    position: absolute;
    width: 103rem;
    height: 36rem;
    top: 391rem;
    left: 211rem;
    background-color: #3680ef;
    border-radius: 12rem;
    box-sizing: border-box;
    z-index: 1;
    border: none;
    cursor: pointer;
  }

  .element-main-mobile .body-5 {
    top: 6rem;
    left: 27rem;
    font-family: "Manrope", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 12rem;
    line-height: 24rem;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 0;
  }

  .element-main-mobile .body-6 {
    width: 268rem;
    top: 385rem;
    left: 19rem;
    font-family: "Manrope", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 12rem;
    line-height: 24rem;
    position: absolute;
    letter-spacing: 0;
  }

  .element-main-mobile .text-wrapper-12 {
    color: #eaeaff99;
  }

  .element-main-mobile .overlap-46 {
    position: absolute;
    width: 360rem;
    height: 230rem;
    top: 5438rem;
    left: -1rem;
  }

  .element-main-mobile .footer {
    position: absolute;
    width: 360rem;
    height: 230rem;
    top: 0;
    left: 0;
    background-color: transparent;
  }

  .element-main-mobile .body-7 {
    width: 248rem;
    top: 191rem;
    left: 56rem;
    font-family: "Open Sans", Helvetica;
    font-weight: 400;
    color: #ffffff99;
    font-size: 14rem;
    text-align: center;
    line-height: 20rem;
    position: absolute;
    letter-spacing: 0;
  }

  .element-main-mobile .made-by-roobinium-io {
    position: absolute;
    top: 167rem;
    left: 107rem;
    font-family: "Open Sans", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 14rem;
    text-align: center;
    letter-spacing: 0;
    line-height: 20rem;
    white-space: nowrap;
  }

  .element-main-mobile .text-wrapper-13 {
    color: #ffffff99;
  }

  .element-main-mobile .list {
    position: absolute;
    width: 130rem;
    height: 31rem;
    top: 99rem;
    left: 115rem;
    opacity: 0.8;
  }

  .element-main-mobile .discord-wrapper {
    position: absolute;
    width: 32rem;
    height: 31rem;
    top: 0;
    left: 98rem;
    background-image: url(./img/surface.svg);
    background-size: 100% 100%;
    cursor: pointer;
  }

  .element-main-mobile .discord {
    position: relative;
    width: 16rem;
    height: 16rem;
    top: 8rem;
    left: 8rem;
  }

  .element-main-mobile .shape {
    position: absolute;
    width: 14rem;
    height: 10rem;
    top: 3rem;
    left: 1rem;
  }

  .element-main-mobile .button-4 {
    position: absolute;
    width: 32rem;
    height: 31rem;
    top: 0;
    left: 49rem;
    cursor: pointer;
  }

  .element-main-mobile .button-5 {
    position: absolute;
    width: 32rem;
    height: 31rem;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .element-main-mobile .group-100 {
    position: absolute;
    width: 44rem;
    height: 44rem;
    top: 32rem;
    left: 82rem;
  }

  .element-main-mobile .overlap-47 {
    position: relative;
    width: 85rem;
    height: 85rem;
    top: -20rem;
    left: -20rem;
  }

  .element-main-mobile .vector-19 {
    position: absolute;
    width: 30rem;
    height: 29rem;
    top: 28rem;
    left: 28rem;
  }

  .element-main-mobile .vector-20 {
    position: absolute;
    width: 85rem;
    height: 85rem;
    top: 0;
    left: 0;
  }

  .element-main-mobile .text-wrapper-14 {
    position: absolute;
    top: 42rem;
    left: 140rem;
    font-family: "Druk Wide Medium-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 24rem;
    letter-spacing: -1rem;
    line-height: 24rem;
    white-space: nowrap;
  }

}

@media (max-width: 900px) and (min-width: 720px) {
  .element-main-mobile .group {
    transform: scale(1.5);
  }
}

@media (max-width: 719px) and (min-width: 540px) {
  .element-main-mobile .group {
    transform: scale(1.3);
    top: 421rem;
  }
}

@media (max-width: 539px) and (min-width: 340px) {
  .element-main-mobile .group {
    transform: scale(1.3);
    top: 336rem;
  }
}


#menuToggle {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 31rem;
  left: 320rem;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: flex;
  width: 40rem;
  height: 32rem;
  left: -30rem;
  top: -10rem;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span {
  display: flex;
  width: 29rem;
  height: 2rem;
  right: 17rem;
  margin-bottom: 5rem;
  position: relative;
  background: #ffffff;
  border-radius: 3rem;
  z-index: 1;
  transform-origin: 5rem 0rem;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
  opacity: 1;
  transform: rotate(45deg) translate(-3rem, -1rem);
  background: #fff;
}

#menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1rem);
}

#menu {
  position: absolute;
  width: 123rem;
  height: 189rem;
  left: -22rem;
  box-shadow: 0 0 5rem #454649;
  margin: -50rem 0 0 -50rem;
  padding: 20rem;
  padding-top: 75rem;
  background-color: #232427b5;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
  padding: 10rem 0;
  transition-delay: 2s;
  text-align: center;
}

#menuToggle input:checked~ul {
  transform: none;
}

a:hover {
  opacity: 0.5;
}

ul {
  padding: 0;
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #fff;
  opacity: 1;
  font-size: 14rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  transition: 200ms;
}

@keyframes goOutLeft {
  0% {
    opacity: 1;
    transform: translate(0%);
  }

  50% {
    opacity: 0;
    transform: translate(-100%);
  }

  100% {
    opacity: 0;
    transform: translate(0%);
  }
}

@keyframes goInRight {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  100% {
    opacity: 1;
    transform: translate(0%);
  }
}

@keyframes goOutRight {
  0% {
    opacity: 1;
    transform: translate(0%);
  }

  50% {
    opacity: 0;
    transform: translate(100%);
  }

  100% {
    opacity: 0;
    transform: translate(0%);
  }
}

@keyframes goInLeft {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  100% {
    opacity: 1;
    transform: translate(0%);
  }
}