.change-forgot-password-layout {
  display: flex;
  align-items: center;
  width: 100%;
}
.change-forgot-password-container {
  margin-top: 15rem;
}
.flex-change-forgot-password-card {
  display: flex;
  justify-content: center;
}
.change-forgot-password-card {
  display: flex;
  flex-direction: column;
  padding: 30px 40px 30px 40px;
  border-radius: 5px !important;
  width: 500px;
}
.change-forgot-password-card__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 !important;
}
.submit-button {
  width: 150px;
  border-radius:10px
}
.v-card__actions {
  padding: 0 !important;
}
ul {
  position: relative;
  margin-left: 0;
  padding-left: 1.2em;
  list-style: none;
}
.validate-pw {
  color: #a4a7ae;
}
.validate-pw > li.errorr {
  color: #dc2626;
}
.validate-pw > li.successs {
  color: #059669;
}
li {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
}
li:before {
  font-size: 14px;
  font-weight: 400;
  content: "\2714";
  position: absolute;
  left: 0;
}
li.errorr:before {
  font-size: 14px;
  content: "\2716";
  color: #dc2626;
  position: absolute;
  left: 0;
}
li.successs:before {
  font-size: 14px;
  content: "\2714";
  color: #059669;
  position: absolute;
  left: 0;
}
p {
  font-weight: 300;
  font-size: 12px;
}
@media only screen and (max-width:500px)  {
.flex-change-forgot-password-card {
    max-width:-webkit-fill-available;
}
}