* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
       /* font-family: 'Red Hat Display', sans-serif; */
  font-family: 'Inter', sans-serif;

      overflow-x: hidden;
    }
      #forgot-password{
            background: linear-gradient(to bottom right, #c6f6f8, white, #c6f6f8);
            height: 100vh;
           display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
       font-family: 'Red Hat Display', sans-serif !important;

        }
        .white-background-div{
  background: white;
  margin: 0 27rem;
  padding: 0 0 25px 0;
  border-radius: 15px;
}
        .logo-div{
            background-color: #D1F3CE;
            text-align: center;
            padding: 10px 0;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }
      #forgot-password h3{
        text-align: center;
      }
#frgt-password-row{
    display: flex;
    justify-content: center;
    margin: 0;
}
        .logo-div img {
  width: 230px;
  height: 46px;
}
.email-input-div{
 background-color: #D1F3CE;
/* padding: 45px 25px 45px 25px; */
  border-radius: 15px;
  color: #004050;
  margin-top: 15px;
  width: 479px; /* new width height figma design */
  height: 288px;
  display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 25px;
}
.form-control{
  padding: 0.7rem 0.75rem;
  font-size: 18px;
  border: 2px solid #97b1b7;
    height: 40px;
    border-radius: 11px;
    background-color: #EEF5F8;
}
.form-control::placeholder{
    color: #97b1b7 !important;

}
.form-label{
  font-size: 18px;
}
.check-mail-text{
  text-align: center;
  font-size: 14px;
  padding: 10px 0 14px 0;
}
.forgot-password-text{
  font-size: 20px;
  font-weight: 600;
  color: #004050;
}

.check-mailbox{
  text-align: center;
    margin: 30px 0 0 0;
    display: none;
    /* visibility: hidden; */
}
#reset-password-btn{
  font-size: 18px;
  font-weight: 700;
  background: #30CB65 !important;
  border: none !important;
  display: block;
  margin: auto;
  border-radius: 32px;
  width: 320px;
  height: 45px;
  margin-top: 30px;
}
.social-icons{
   display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}
.social-icons img{
    width: 28px;
}
.footer h6{
    margin-top: 15px;
    color: #004050;
    font-size: 12px;
    font-weight: 400;
    border-top: 1px solid #9EC4CD;
    padding-top: 12px;
}

@media (max-width: 1200px) {
 .white-background-div {
    margin: 0 10rem;
}
}
 @media (max-width: 991px) {
    .white-background-div{
  margin: 0 0;
 }
}