.wrapper {
  width: 720px;
  margin: 100px auto;
  position: relative;
}

.wrapper h3 {
  font-family: Inter;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -0.04em;
  text-align: left;
  margin-bottom: 40px;
  text-transform: uppercase
}

.wrapper div {
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.94px;
  letter-spacing: -0.02em;
}

.wrapper-content div:not(:first-child) {
  margin-bottom: 24px
}

.wrapper-content .para {
  margin-bottom: 24px
}


.wrapper-content img {
  width: 100%;
}
.wrapper-content .info-block {
  text-align: center;
}
.wrapper-content .info-block p {
  text-align: center;
  font-weight: 700;
}

.wrapper-content .info-block .qr-code {
  width: 150px;
  text-align: center
}

@media (max-width: 580px) {
  .wrapper {
    width: auto;
    margin: 12px;
  }
  .wrapper h3 {
    font-size: 24px;
    line-height: 24px;
  }
}