@media only screen and (max-width: 992px) {
  .ellipse {
    height: 822px;
  }

  .start-your-journey {
    font-size: clamp(
      3.166rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      3.166rem
    );
  }

  .quis-nostrud-exercit {
    font-size: clamp(
      0.966rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      0.966rem
    );
  }

  .illus {
    height: 36rem;
  }

  .text-wrapper-10 {
    font-size: clamp(
      1.832rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      1.832rem
    );
  }

  .text-wrapper-11 {
    font-size: clamp(
      0.957rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      0.957rem
    );
  }

  .illustrasi {
    width: 17rem;
    height: 17rem;
  }

  .frame-12 {
    max-width: 100%;
    width: 25rem;
  }

  .text-wrapper-15 {
    font-size: clamp(
      1.832rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      1.832rem
    );
  }

  .frame {
    flex-direction: column;
    align-items: center;
  }

  .frame .div {
    align-items: center;
  }

  .frame .div-4 {
    align-items: center;
  }

  .frame .div-5 {
    align-items: center;
  }

  .frame .div-6 {
    align-items: center;
  }

  .frame .button-wrapper {
    padding: 0.375rem 0.75rem;
  }

  .frame .element-night {
    text-align: left;
  }

  .frame2 .button {
    right: 1.2rem;
    bottom: 0.5rem;
    width: 17%;
  }

  .frame2 .style-layer {
    text-align: center;
  }

  .paycheck {
    flex-direction: column;
  }

  .frame4 {
    width: 100%;
  }

  .frame4 .text-field-separator:nth-child(5) {
    flex-direction: row;
  }

  .frame5 {
    width: 100%;
  }
}
