.multi-step-form .elementor-form {
  display: flex;
  flex-direction: column-reverse;
  gap: 40px;
  i.mark-required {
    color: red;
  }
  /* Progress bar */
  .e-form__indicators.e-form__indicators--type-progress_bar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    .e-form__indicators__indicator__progress {
      border: 1px solid #fff;
    }
    .e-form__indicators__indicator__progress__meter {
      font-size: 0 !important;
    }
    .step-percent {
      font-size: 16px;
      font-weight: 500;
      color: #fff;
    }
  }
  /* Upload Field */
  .elementor-field-type-upload {
    display: none !important;
  }
  .custom-upload-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    span {
      width: 100%;
      background: linear-gradient(180deg, #007d67 0%, #003c4d 100%);
      align-items: center;
      border: 2px solid #fff;
      justify-content: center;
      padding: 20px;
      cursor: pointer;
      color: #fff;
      display: flex;
      gap: 20px;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      svg {
        width: 20px;
        height: 20px;
      }
    }
    input {
      position: absolute;
      z-index: -1;
      opacity: 0 !important;
      width: 0;
    }
    .files {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      i {
        word-wrap: break-word;
      }
    }
  }
  /* Radio Fields */
  .elementor-field-subgroup {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .elementor-field-type-radio {
    .elementor-field-option {
      position: relative;
      input {
        position: absolute;
        opacity: 0;
        z-index: -1;
        width: 0;
        height: 0;
      }
      label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        position: relative;

        &::before {
          content: "";
          display: flex;
          width: 20px;
          min-width: 20px;
          height: 20px;
          border: 1px solid #fff;
          border-radius: 50px;
        }
      }
      &:has(input:checked) {
        label {
          &:after {
            content: "";
            display: flex;
            width: 14px;
            min-width: 14px;
            height: 14px;
            position: absolute;
            background: #fff;
            left: 3px;
            border-radius: 50%;
          }
        }
      }
    }
  }
  /* Checkboxes */
  .elementor-field-type-checkbox {
    position: relative;
    padding-bottom: 20px;
    &::after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 100%;
      background: #fff;
      height: 1px;
    }
    .elementor-field-subgroup {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
      @media (max-width: 1200px) {
        grid-template-columns: repeat(4, 1fr);
      }
      @media (max-width: 1024px) {
        grid-template-columns: repeat(3, 1fr);
      }
      @media (max-width: 850px) {
        grid-template-columns: repeat(2, 1fr);
      }
      @media (max-width: 767px) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }
    }
  }
  /* Custom Html */
  .elementor-field-type-html {
    * {
      font-size: 16px;
      line-height: 1.2;
    }
    a {
      text-decoration: underline;
    }
  }
  /* Buttons */
  .e-form__buttons {
    @media (max-width: 767px) {
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 10px;
      .e-form__buttons__wrapper {
        margin: 0 !important;
      }
    }
  }
}