.user-login-form input[type="text"],
.user-login-form input[type="password"] {
  color: #374151;
  display: block;
  width: 100%;
  padding-right: unset !important;
  /* padding: 12px  16px 12px 16px;  */
  border: 1px solid #d1d5db;
  border-radius: 8px;
}

.user-login-form .form-submit {
  all: unset;
  display: block;
  width: 100%;
  background: var(--color-primary);
  color: white;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
}

input.password-field,
input.password-confirm {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #D1D5DB; /* gray-300 */
  border-radius: 0.5rem;
  outline: none;
  margin-bottom: 1rem;
  transition: all 0.2s;
}

input.password-field:focus,
input.password-confirm:focus {
  border-color: #D1D5DB;
}

input.password-field,
input.password-confirm {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #D1D5DB;
  border-radius: 0.5rem;
  outline: none;
  margin-bottom: 1rem;
  transition: all 0.2s;
}

input.password-field:focus,
input.password-confirm:focus {
  border-color: #D1D5DB;
}

/* Password strength bar ko Confirm Password ke neeche le jane ke liye */
#edit-pass {
  display: flex;
  flex-direction: column;
}

.password-parent,
.confirm-parent {
  display: contents;
}

.password-parent label {
  order: 1;
}
.password-parent input.password-field {
  order: 2;
}
.confirm-parent label {
  order: 3;
}
.confirm-parent input.password-confirm {
  order: 4;
}
.confirm-parent .password-confirm-message {
  order: 5;
}
.password-parent .password-strength {
  order: 6;
}
.password-suggestions {
  order: 7;
}

.user-pass , .user-login-form .user-register-form {

  margin: 100px 0px;
}