@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,body{
      font-family: "Poppins", sans-serif !important;
}


.login-section{
     background-color: #fff;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
   background-image: linear-gradient(0deg, rgb(0 0 0 / 14%) 0%, rgb(0 0 0 / 12%) 100%), url(../img/3.jpg);
    backdrop-filter: blur(10px);
   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.login-box-latest{
    border-radius: 25px;
    padding: 40px !important;
    padding-top: 20px !important;
 background: rgb(255 255 255 / 35%);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(16.9px);
-webkit-backdrop-filter: blur(16.9px);
}
.login-box-latest img{
    width:200px;
    display:flex;
    margin:10px auto;
}

.login-box-latest h4{
        font-size: 23px;
    text-align: center;
    line-height: 34px;
    font-weight: 500;
    color:#fff;

}
.login-box-latest label{
    font-size:16px;
    color:#fff;
}
.login-box-latest input{
    height:50px !important;
    /*padding:0 !important;*/
    border:0 !important;
    border:1px solid #ffffff !important;
    border-radius:7px !important;
    color:#fff !important;
    font-weight:300 !important;
    background-color:transparent !important;
    box-shadow:none !important;
    
}
.login-box-latest input::placeholder{
    color:#fff !important;
    
}
.login-box-latest input:focus{
     border:1px dashed #fff !important;
}


.btn--form {
  width: 70%;
  border: none;
  outline: none;
  height: 50px;
     background: #FC0066;
    background: linear-gradient(90deg, #d0214e, #6c0c65), linear-gradient(270deg, #ec1b3c, #ec1b3c);
  color: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  transition: 0.5s;
}
.btn--form:hover{
  color: #fff;
  border-radius: 40px;
}