#login-wrap{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999;
  background-color:#fff;
  display: flex;
  overflow: scroll;
}



#login-wrap .right-bg{
  flex:50%;
}

#login-wrap .right-bg img{
  width:100%; 
  height: 100%;
}
#login-wrap .form-wrap{
  padding:233px 0px ;
  flex:50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#login-wrap .form-wrap form{
  display: flex;
  flex-direction: column;
}
#login-wrap  #logo{
  margin-bottom: 120px;
  text-align: center;
}

#login-wrap  #logo h3{
  font-family: 'GT Walsheim Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  color: #0854D8;
  margin-bottom: 5px;
}

#login-wrap  #logo p{
 
font-family: 'GT Walsheim Pro';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #6B758E;
margin-bottom: 0px;
}

#login-wrap .form-wrap form input{
  background: #FFFFFF;
  border: 1px solid #C0C4CC;
  border-radius: 10px;
  width:380px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #6B758E;
  height:50px;
  padding:17px 30px;
  outline:none;
  margin-bottom: 30px;
}

#login-wrap .form-wrap form button{
  width:380px;
  height:60px;
  background: linear-gradient(90deg, #0052D4 0%, #4364F7 50%, #3F99FF 100%);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  padding:18px;
  border:transparent;
}

#login-wrap .form-wrap form button:hover{
  opacity:0.7;
}



#login-wrap .form-wrap form label{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #4B4D5F;
  margin-bottom:10px;
}

#login-wrap .form-wrap form .labelError{
  color:red;
}

#login-wrap .form-wrap form .inputError{
  border-color: red;
}
@media screen and (max-width: 902px){
  #login-wrap .right-bg{
  display: none;
}

}
@media screen and (max-width: 463px){
  #login-wrap{
  display: flex;
  justify-content: center;
  align-items:center;
}
  #login-wrap .form-wrap{
  padding:0px 15px ;
}
#login-wrap .form-wrap form {
  max-width: 380px;
}
#login-wrap .form-wrap form input{
  width:100%;
}
#login-wrap .form-wrap form button{
  width:100%;
}
}