.element {
    background-color: rgba(255, 255, 255, 1.0);
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .element .div {
    background-color: rgba(255, 255, 255, 1.0);
    background: linear-gradient(
      180deg,
      rgba(185, 251, 255, 1) 0%,
      rgba(209, 201, 241, 1) 100%
    );
    width: 375px;
    height: 812px;
    position: relative;
  }
  
  .element .overlap {
    position: absolute;
    width: 355px;
    height: 481px;
    top: 0;
    left: 0;
  }
  
  .element .background-image {
    position: absolute;
    width: 353px;
    height: 396px;
    top: 0;
    left: 0;
  }
  
  .element .your-onchain {
    position: absolute;
    width: 271px;
    height: 17px;
    top: 184px;
    left: 56px;
  }
  
  .element .title {
    position: absolute;
    top: 31px;
    left: 43px;
    text-shadow: 0px 4px 4px #00000040;
    opacity: 0.92;
    font-family: "Poppins-Bold", Helvetica;
    font-weight: 700;
    color: #614ad3;
    font-size: 35px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .element .group {
    position: absolute;
    width: 25px;
    height: 46px;
    top: 292px;
    left: 55px;
    backdrop-filter: blur(2px) brightness(100%);
    -webkit-backdrop-filter: blur(2px) brightness(100%);
  }
  
  .element .img {
    position: absolute;
    width: 28px;
    height: 50px;
    top: -2px;
    left: -1px;
  }
  
  .element .card {
    position: absolute;
    width: 334px;
    height: 207px;
    top: 274px;
    left: 21px;
    opacity: 0.8;
  }
  
  .element .background {
    position: absolute;
    width: 336px;
    height: 208px;
    top: -1px;
    left: -1px;
  }
  
  .element .overlap-wrapper {
    position: absolute;
    width: 50px;
    height: 53px;
    top: 40px;
    left: 283px;
    box-shadow: 0px 4px 4px #00000040;
    opacity: 0.9;
  }
  
  .element .overlap-group {
    position: relative;
    width: 51px;
    height: 54px;
    top: -1px;
  }
  
  .element .vector {
    position: absolute;
    width: 1px;
    height: 4px;
    top: 8px;
    left: 11px;
  }
  
  .element .vector-2 {
    position: absolute;
    width: 50px;
    height: 49px;
    top: 5px;
    left: 1px;
  }
  
  .element .group-2 {
    position: absolute;
    width: 17px;
    height: 19px;
    top: 0;
    left: 21px;
  }
  
  .element .vector-3 {
    position: absolute;
    width: 42px;
    height: 45px;
    top: 7px;
    left: 7px;
  }
  
  .element .group-3 {
    position: absolute;
    width: 17px;
    height: 18px;
    top: 1px;
    left: 19px;
  }
  
  .element .vector-4 {
    position: absolute;
    width: 43px;
    height: 45px;
    top: 9px;
    left: 0;
  }
  
  .element .group-4 {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 3px;
    left: 21px;
  }
  
  .element .vector-5 {
    position: absolute;
    width: 16px;
    height: 17px;
    top: 29px;
    left: 26px;
  }
  
  .element .group-5 {
    position: absolute;
    width: 5px;
    height: 6px;
    top: 33px;
    left: 28px;
  }
  
  .element .icons {
    position: absolute;
    width: 37px;
    height: 42px;
    top: 658px;
    left: 175px;
    box-shadow: inset 0px 4px 4px #00000040;
    opacity: 0.5;
  }
  
  .element .overlap-group-2 {
    position: relative;
    height: 47px;
    top: -5px;
  }
  
  .element .union {
    position: absolute;
    width: 32px;
    height: 31px;
    top: 0;
    left: 3px;
  }
  
  .element .img-2 {
    position: absolute;
    width: 37px;
    height: 29px;
    top: 18px;
    left: 0;
  }
  
  .element .ellipse {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 30px;
    left: 15px;
    background-color: #ffffff;
    border-radius: 3.21px / 3px;
  }
  
  .element .coming-soon {
    position: absolute;
    top: 549px;
    left: 95px;
    text-shadow: 0px 4px 4px #00000040;
    opacity: 0.65;
    font-family: "Poppins-Bold", Helvetica;
    font-weight: 700;
    color: #614ad3;
    font-size: 25px;
    letter-spacing: 0;
    line-height: normal;
  }