.register-form {
  .user-container {
    .grouped-fields {
      display: flex;
      gap: 1.5rem;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      @media (min-width: 768px) {
        flex-wrap: nowrap;
      }

      .form-item {
        width: 100%;
        @media (min-width: 768px) {
          width: calc(50% - 1rem);
        }
      }
    }
  }

  .left-column {
    width: calc(50% - 1rem);
    @media (min-width: 768px) {
      width: calc(50% - 1rem);
    }
  }

  .right-column {
    width: calc(50% - 1rem);
    @media (min-width: 768px) {
      width: calc(50% - 1rem);
    }
  }
}

#city-wrapper,
.form-item,
.icon-input-wrapper,
.form-item-birthday {
  width: 100% !important;
}
/* add css for label input label-ar*/

.label-ar {
  display: block !important;
  text-align: end;
}