.mobile-only {
  display: none;
}

.thanks {
  width: 100%;
  background: #fff;
}

.thanks * {
  margin: 0;
  padding: 0;
}

.thanks .under-page_title > h1 {
  border-bottom: 2px solid #ea778e;
}

.thanks > div {
  width: 1000px;
  margin: 0 auto;
  padding: 130px 0 200px;
  display: flex;
  flex-direction: column;
  row-gap: 150px;
}

.thanks-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 90px;
}

.thanks-wrapper > h2 {
  font-size: 80px;
  line-height: 100px;
  font-family: "industry", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  margin: 0;
  background: linear-gradient(90deg, #2846b0, #e66691 40%, #ffd576);
  background: -webkit-linear-gradient(0deg, #2846b0, #e66691 40%, #ffd576);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.thanks-wrapper > div {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.thanks-wrapper > div > p {
  color: #000;
  text-align: center;
  font-size: 20px;
}

@media screen and (min-width: 836px) and (max-width: 1440px) {
  .thanks > div {
    width: 69.444vw;
    padding: 9.028vw 0 13.889vw;
    row-gap: 10.417vw;
  }

  .thanks-wrapper {
    row-gap: 6.25vw;
  }

  .thanks-wrapper > h2 {
    font-size: 5.556vw;
    line-height: 6.944vw;
  }

  .thanks-wrapper > div {
    row-gap: 1.389vw;
  }

  .thanks-wrapper > div > p {
    font-size: 1.389vw;
  }
}

@media screen and (max-width: 835px) {
  .mobile-only {
    display: block;
  }

  .thanks > div {
    width: 89.744vw;
    padding: 20.513vw 0 25.641vw;
    row-gap: 20.513vw;
  }

  .thanks-wrapper {
    row-gap: 12.821vw;
  }

  .thanks-wrapper > h2 {
    font-size: 12.821vw;
    line-height: 15.385vw;
  }

  .thanks-wrapper > div {
    row-gap: 5.128vw;
  }

  .thanks-wrapper > div > p {
    font-size: 3.59vw;
  }
}