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

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

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

  .illus {
    height: 40rem;
    top: 0;
  }

  .img-people {
    width: 100%;
    height: 100%;
  }

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

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

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

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

  .rectangle-5 {
    width: 100%;
    height: 100%;
    left: 0;
  }

  .mask-group {
    width: 100%;
    height: 100%;
    left: 0;
  }

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

  .frame4 {
    width: 55.96%;
  }

  .frame4 .div-wrapper {
    width: 100%;
    gap: initial;
  }

  .frame4 .frame-wrapper {
    gap: initial;
  }

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

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

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

  .frame5 {
    width: 44.04%;
  }

  .frame5 .div {
    gap: initial;
  }

  .frame5 .div-2 .img {
    width: 10rem;
    height: 7rem;
  }
}