.container{
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: #2c2a27; */
  /* background: linear-gradient(180deg, #5e6eff, #a0a6f9); */
    background:#292f33;
}
.login-card{
  width: 85%;
  height: 460px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  /* border: 1px solid black; */
  /* background-color: rgba(240, 248, 255, 0.877); */
  border-radius: 28px;
  gap: 18px;
}
.login-card h2, p{
  margin-left: 20px;
  color: #EEEEEE;
}
.login-card form{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: red; */
  margin-top: 25px;
}
.mobile, .password{
  width: 100%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  /* background: yellow; */
  margin-top: 8px;
}

.login-card input{
   width: 100%;
  height: 55px;
  border-radius: 25px;
  border: none;
  /* border: 1px solid rgb(179, 179, 179); */
  margin-top: 5px;
  padding-left: 10px;
  /* background-color: #d6dabc; */
  background-color: #3b3d3b;
  color: #e4e4e4;
  /* color: #ffffff; */
  padding-left: 10px;

}
::placeholder {
  color: #e4e4e4;
  opacity: 1;
}
.login-card input:focus{
  outline: #2c2a27;
  /* border: none; */
}
#login-btn{
  width: 100%;
  /* background-color: #333D29; */
    background: linear-gradient(90deg, #958e83, #2c2a27);
  
  height: 55px;
  border: none;
  border-radius: 25px;
  color: #fff;
  margin-top: 14px;
}
.new-acc{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #e4e4e4;
}
.new-acc a{
  text-decoration: none;
  color: #e4e4e4;
  font-weight: bold;
}