.form {
  row-gap: 0;
  scroll-margin-top: calc(var(--header-height) + var(--space-big));
}

.form-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-small);
  margin-bottom: var(--space-med);
}

.form-header h2 {
  margin-bottom: 0;
}

.form-header .subtitle {
  font-size: var(--fs-s);
  font-weight: var(--regular);
}

.form-header h2 .subtitle {
  margin-bottom: var(--space-small);
}

.form-header ul{
  margin-top: 0;
}

.form .form-wrapper {
  border: var(--border);
  border-radius: var(--border-radius);
  padding: var(--space-big);
  grid-column: 6 / 20;
}

@media (width <= 1680px) {
  .form .form-wrapper {
    grid-column: 5 / 21;
  }
}
@media (width <= 1440px) {
  .form .form-wrapper {
    grid-column: 4 / 22;
  }
}
@media (width <= 1280px) {
  .form .form-wrapper {
    grid-column: 3 / 23;
  }
}
@media (width <= 1024px) {
  .form .form-wrapper {
    grid-column: 1 / -1;
  }
}
@media (width <= 768px) {
  .form .form-wrapper {
    padding: var(--card-padding);
  }
}

form.marketingForm {
  font-family: 'formular', 'sans-serif';
}
form.marketingForm .textFormFieldBlock,
form.marketingForm .lookupFormFieldBlock,
form.marketingForm .phoneFormFieldBlock {
  gap: var(--space-smallest);
  margin-bottom: var(--space-small);
  padding: 0;
}
form.marketingForm .twoOptionFormFieldBlock,
form.marketingForm .consentBlock {
  gap: var(--space-smallest);
  margin-bottom: 0;
  padding: 0 !important;
}
form.marketingForm .phoneCountryCode {
  border: 0;
}
form.marketingForm input, form.marketingForm textarea {
  background-color: white;
  border: var(--border) !important;
  caret-color: var(--brand);
  color: var(--black);
  font-family: 'formular', 'sans-serif' !important;
  font-size: var(--fs-body-l);
  min-height: 48px;
  outline: none;
  padding: var(--space-smallest) var(--space-smaller);
  resize: none;
}
form.marketingForm label, form.marketingForm label *, .textFormFieldBlock label * {
  display: inline-block;
  font-family: 'america', 'sans-serif' !important;
  font-size: var(--fs-body-m) !important;
  font-weight: var(--light) !important;
}
form.marketingForm label a {
  color: var(--brand) !important;
  text-decoration: underline;
  font-weight: var(--light) !important;
}
form.marketingForm label:after, .twoOptionFormFieldBlock div.twooption_checkbox label::after {
  color: var(--brand) !important;
  display: inline-block;
  width: 12px !important;
}
form.marketingForm .submitButtonWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
form.marketingForm .submitButtonWrapper button {
  min-width: 200px !important;
}
form.marketingForm .submitButtonWrapper button span {
  text-align: center;
  width: 100%;
}
form.marketingForm input[type="checkbox"] {
  accent-color: var(--brand) !important;
  border: var(--border) !important;
  border-color: var(--n200) !important;
  cursor: pointer;
}
form.marketingForm .submitButtonWrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}