/********************************
**
** forminator custom style

********************************/

.forminator-pagination-steps {
  margin-bottom: 50px !important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox:not(.forminator-consent),
.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio {
  margin-top: 15px !important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-custom-input {
  margin-top: 15px !important;
}

.forminator-field-consent {
  margin-top: 30px;
}

.forminator-pagination-footer {
  margin-top: 50px !important;
}

.forminator-field-checkbox.item-w-5em .forminator-checkbox {
  min-width: 5em !important;
}

.forminator-button-back {
  position: relative !important;
  width: 200px !important;
  justify-content: center !important;
}

.forminator-button-back:before {
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.forminator-button-next {
  position: relative !important;
  width: 200px !important;
  justify-content: center !important;
}

.forminator-button-next:after {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.confirm h4 {
  font-size: 16px;
  margin-bottom: 5px;
  background: #f1f1f1;
  padding: 10px 15px;
  border-radius: 5px;
}

.confirm h4[data-value=""] {
  display: none !important;
}

.confirm .form-row[data-value=""] {
  display: none !important;
}

@media screen and (max-width: 782px) {
  .forminator-pagination-steps {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .forminator-pagination-steps .forminator-step {
    flex-direction: column !important;
    height: 45px !important;
  }

  .forminator-pagination-steps .forminator-break {
    width: 3em !important;
    height: 1px !important;
  }

  .forminator-field-checkbox.item-w-5em .forminator-checkbox {
    min-width: 8em !important;
  }

  .forminator-pagination-footer {
    gap: 20px;
  }

  .forminator-pagination-footer .forminator-button {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    justify-content: center !important;
  }

  .forminator-pagination-footer .forminator-button-back {
    order: 2 !important;
  }

  .forminator-pagination-footer .forminator-button-next,
  .forminator-pagination-footer .forminator-button-submit {
    order: 1 !important;
  }
}