@media only screen and (max-width: 768px) {
  .ellipse {
    height: 622px;
  }

  .start-your-journey {
    font-size: clamp(
      2.833rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      2.833rem
    );
  }

  .quis-nostrud-exercit {
    font-size: clamp(
      0.933rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      0.933rem
    );
  }

  .illus {
    height: 28rem;
  }

  .text-wrapper-10 {
    font-size: clamp(
      1.666rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      1.666rem
    );
  }

  .list-card {
    gap: clamp(1.5rem, -1.3076923076923075rem + 6.41025641025641vw, 1.5rem);
  }

  .text-wrapper-11 {
    font-size: clamp(
      0.916rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      0.916rem
    );
  }

  .illustrasi {
    width: 16rem;
    height: 16rem;
  }

  .text-wrapper-15 {
    font-size: clamp(
      1.666rem,
      -1.3076923076923075rem + 6.41025641025641vw,
      1.666rem
    );
  }

  .frame {
    margin-top: 1rem;
  }

  .frame .button-wrapper {
    padding: 0.25rem 0.5rem;
  }

  .frame .element-night {
    text-align: center;
  }

  .frame2 {
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
  }

  .frame2 .rectangle-room {
    height: 12.5rem;
  }

  .frame2 #principal {
    border-radius: 0.75rem 0.75rem 0rem 0rem;
    -webkit-border-radius: 0.75rem 0.75rem 0rem 0rem;
    -moz-border-radius: 0.75rem 0.75rem 0rem 0rem;
    -ms-border-radius: 0.75rem 0.75rem 0rem 0rem;
    -o-border-radius: 0.75rem 0.75rem 0rem 0rem;
  }

  .frame2 #first {
    border-radius: 0rem;
    -webkit-border-radius: 0rem;
    -moz-border-radius: 0rem;
    -ms-border-radius: 0rem;
    -o-border-radius: 0rem;
  }

  .frame2 #rectangle-mobile {
    border-radius: 0rem 0rem 0rem 0.75rem;
    -webkit-border-radius: 0rem 0rem 0rem 0.75rem;
    -moz-border-radius: 0rem 0rem 0rem 0.75rem;
    -ms-border-radius: 0rem 0rem 0rem 0.75rem;
    -o-border-radius: 0rem 0rem 0rem 0.75rem;
  }

  .frame2 .button {
    right: 1.5rem;
    bottom: 0.75rem;
    width: auto;
  }

  .frame4 .div-3 {
    gap: 1.5rem;
  }

  .frame4 .div-4 {
    padding: 1rem;
    gap: 0.5rem;
  }

  .frame4 .div-6 > svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .frame4 .div-8 {
    gap: 0.5rem;
  }

  .frame4 .text-field-separator:nth-child(5) {
    flex-direction: column;
  }
}