.contact-message-get-involved-form {
  display: flex;
  flex-direction: column;
  width: 60vw;
  gap: 10px;
  padding: 70px var(--padding-page);
}

.form-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

label {
  font-size: 24px;
  line-height: 24px;
}

.contact-form input {
  width: 100%;
  background-color: transparent;
  font-size: 24px;
  line-height: 24px;
  padding: 12px 20px;
  border-radius: 10px;
  color: var(--color-text-main);
  border: 1px solid var(--color-borders);
}

.contact-form textarea {
  width: 100%;
  background-color: transparent;
  border-radius: 10px;
  color: var(--color-text-main);
  font-size: 24px;
  line-height: 24px;
  padding: 12px 20px;
  border: 1px solid var(--color-borders);
}

.js-form-type-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  color: var(--color-text-main);
}

.form-checkbox {
  width: fit-content!important;
}

.option {
  font-size: 16px;
  line-height: 16px;
}

#edit-field-get-involved-disclaimer-value {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}

#edit-actions {
  align-self: flex-end;
}

#edit-submit {
  width: fit-content;
  background: transparent;
  font-size: 18px;
  line-height: 18px;
  border: 1px solid var(--color-borders);
  color: var(--color-text-main);
  border-radius: 45px;
  padding: 20px 30px;
}

@media screen and (max-width: 1024px) {
  .contact-message-get-involved-form {
    width: 70vw;
  }
}

@media screen and (max-width: 769px) {
  .contact-message-get-involved-form {
    width: 80vw;
  }
}

@media screen and (max-width: 480px) {
  .contact-message-get-involved-form {
    width: 100%;
  }
}