/* ==========================================================================
	Form Component
============================================================================= */
.form {
  color: #fff;
  background-color: #001835;
  padding-block: clamp(20px, -1.2765957447px + 4.2553191489vw, 60px);
  padding-block: clamp(1.25rem, -0.07979rem + 4.2553191489vw, 3.75rem);
}

.form__inner {
  display: grid;
  align-items: start;
  gap: 30px;
  gap: 1.875rem;
  grid-template-columns: 100%;
}
@media (min-width:61.25rem) {
  .form__inner {
    gap: clamp(30px, -45.5813953488px + 15.1162790698vw, 160px);
    gap: clamp(1.875rem, -2.84884rem + 15.1162790698vw, 10rem);
    grid-template-columns: 41% 1fr;
  }
}

.form__header {
  display: grid;
  gap: 18px;
  gap: 1.125rem;
  grid-template-columns: 100%;
  container-name: --header;
  container-type: inline-size;
}

.form__title {
  font-family: "Anton", "Impact", "Arial Black", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #9dcee6;
  font-size: clamp(50px, -30px + 25cqi, 100px);
  font-size: clamp(3.125rem, -1.875rem + 25cqi, 6.25rem);
  line-height: 1;
  text-transform: uppercase;
}
.form__title :where(em) {
  color: #fff;
  font-style: normal;
}

.form__description {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  color: rgba(255, 255, 255, 0.6);
}
@container (min-width: 500px) {
  .form__description {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
.form__body {
  container-name: --body;
  container-type: inline-size;
}
/*# sourceMappingURL=form.css.map */