.page-wrapper .form-hs {
  color: var(--color-navy);
}

.page-wrapper .form-hs form.hs-form {
  font-family: var(--font-sans);
}

.page-wrapper .hs-form-field > label {
  font-weight: 600;
  font-size: var(--label);
  display: inline-block;
  margin-bottom: var(--space-3);
}

.page-wrapper .hs-form-field ul {
  list-style: none;
}

.page-wrapper .hs-fieldtype-text {
  padding-bottom: 20px;
}

.page-wrapper
  .form-hs
  .hs-custom-style
  > div
  input:not([type='image']):not([type='submit']):not([type='button']):not(
    [type='radio']
  ):not([type='checkbox']):not([type='file']) {
  color: var(--color-navy);
  padding: var(--space-4) var(--space-5);
  border-radius: 70px;
  background-color: transparent;
  border: 1px solid var(--section-form-input-border);
}

.page-wrapper
  .form-hs
  .hs-custom-style
  > div
  input:not([type='image']):not([type='submit']):not([type='button']):not(
    [type='radio']
  ):not([type='checkbox']):not([type='file']):focus {
  border: 1.5px solid var(--section-form-input-border);
}

.page-wrapper .hs-input::placeholder {
  /* color: var(--color-navy) */
}

.page-wrapper .actions {
  display: flex;
  justify-content: center;
}

.page-wrapper .hs-button {
  color: var(--section-form-button-text-color);
  border: 1px solid var(--section-form-button-bg);
  background-color: var(--section-form-button-bg);
  border-radius: var(--space-12);
  padding: var(--space-4) var(--space-5);
  font-size: var(--label);
  width: fit-content;
  cursor: pointer;
}

.page-wrapper .hs-error-msg {
  color: #e51520 !important;
}

.page-wrapper .hs_error_rollup {
  margin-bottom: 16px;
}

.page-wrapper .hs-form-booleancheckbox-display,
.page-wrapper .hs-richtext,
.page-wrapper .legal-consent-container {
  color: var(--color-navy);
  font-size: var(--p);
}

.page-wrapper .legal-consent-container .field.hs-form-field {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.page-wrapper .hs-form-booleancheckbox-display a,
.page-wrapper .hs-richtext a,
.page-wrapper .legal-consent-container a {
  color: var(--color-blue);
  text-decoration: underline;
}

.page-wrapper .hs-form-booleancheckbox {
  list-style-type: none !important;
  padding-left: 0 !important;
}

.page-wrapper .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: center !important;
  gap: 4px;
}

.page-wrapper .hs-form-booleancheckbox-display input {
  margin-right: 10px !important;
}

.page-wrapper .hs-form-booleancheckbox-display input[type='checkbox'] {
  appearance: none;
  width: 27px;
  height: 27px;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid var(--color-navy);
  border-radius: 3px;
  opacity: 1;
  margin: 0;
}

.page-wrapper .hs-form-booleancheckbox-display input[type='checkbox']:checked {
  background-color: var(--color-navy);
  border-color: var(--color-navy);
}

.page-wrapper .hs-form-booleancheckbox-display input[type='checkbox']::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  opacity: 0;
  transform: translate(-50%, -60%) rotate(45deg);
}

.page-wrapper
  .hs-form-booleancheckbox-display
  input[type='checkbox']:checked::after {
  opacity: 1;
}

.page-wrapper .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 4px;
}
