@media (max-width: 768px) {
  .dynamic-form-editor {
    .form-container {
      padding: 0px;
    }
  }
}

.form-container {
}

.intro {
  text-align: left;
  font-weight: 400;
  letter-spacing: 0px;
  color: #212121;
  opacity: 1;
  margin: 3rem 0rem 3rem 0rem;
}

.dynamic-form-editor {
  mat-vertical-stepper {
    background-color: #ffffff;
  }
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #129d99 !important;
}