@media (min-width: 768px) {
  .eform-submission-contact-form-submit-form .group--footer {
    align-items: flex-start;
    display: flex !important;
    gap: 30px !important;
  }

  .eform-submission-contact-form-submit-form .group--footer .form-item {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 6px;
  }

  .eform-submission-contact-form-submit-form .group--footer label.option {
    box-sizing: border-box;
    display: block;
    line-height: 24px;
    padding-left: 28px;
    position: relative;
  }

  .eform-submission-contact-form-submit-form .group--footer label.option::before {
    left: 0;
    position: absolute;
    top: 3px;
    margin-top: 0;
  }

  .eform-submission-contact-form-submit-form .group--footer label.option::after {
    top: 8px;
  }

  .eform-submission-contact-form-submit-form .group--footer .form-item-altcha-checkbox {
    flex: 0 0 calc(35% - 10.5px);
    margin-top: -23px;
    order: 1;
  }

  .eform-submission-contact-form-submit-form .form-item-altcha-rules-agreement {
    flex: 0 1 300px;
    order: 2;
  }

  .eform-submission-contact-form-submit-form .form-actions {
    margin-left: auto;
    order: 3;
  }
}

/* Error states */
.error-form,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border-color: red !important;
}

input[type="checkbox"].error + label:before,
input[type="checkbox"].error-form + label:before {
  border-color: red !important;
}

/* Modal form checkboxes styling */
.modal-form .js-form-type-checkbox {
  text-align: center;
}

.modal-form .js-form-type-checkbox label.option {
  box-sizing: border-box;
  display: block;
  line-height: 24px;
  padding-left: 28px;
  position: relative;
  text-align: left !important;
  width: fit-content;
  max-width: 280px;
  margin: 0 auto !important;
}

.modal-form .js-form-type-checkbox label.option::before {
  left: 0;
  position: absolute;
  top: 3px;
  margin-top: 0;
}

.modal-form .js-form-type-checkbox label.option::after {
  top: 8px;
  left: 4px;
}