.container_forgetpass{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}
.newform{
    background-color: var(--color-primary);
    width: 60%;
    padding: 35px;
    border-radius: 27px;
    box-shadow: 0 4px 4px 0 rgba(16, 53, 89, 0.38);
    text-align: center;
    color: var( --color-white);
}
.newform h3{
    color: var(--color-white);
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 1.92px;
}
.newform label{
    overflow: hidden;
    color: var(--color-bg) !important;
    text-align: center;
    text-overflow: ellipsis;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 38px ;
}
.newform input{
    margin-bottom: 7px ;
}
.newform button{
    background-color: var(--color-primary-variant);
    margin-top: 38px;
    border: transparent;
    width: 80%;
    padding: 16px;
    color: var(--color-bg);
    border-radius: 4px;
    margin-bottom: 25px;
}
/* For tablets (max-width: 992px) */
@media (max-width: 992px) {
  .newform {
    width: 80%;
    padding: 25px;
  }
  .newform h3 {
    font-size: 36px;
    line-height: 42px;
  }
  .newform label {
    font-size: 14px;
  }
}

/* For mobile devices (max-width: 576px) */
@media (max-width: 576px) {
  .container_forgetpass {
    height: auto;
    padding: 20px 0;
  }
  .newform {
    width: 95%;
    padding: 20px;
    border-radius: 15px;
  }
  .newform h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .newform label {
    font-size: 13px;
    line-height: 20px;
  }
  .newform button {
    width: 100%;
    padding: 12px;
    margin-top: 25px;
  }
}