/* Login Page Design CSS Start */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: "Frank Ruhl Libre", serif;
    
}
html, body{
    width: 100%;
    height: 100%;
}

.container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    
    

}
.loginpage{
    display: flex;
    max-width: 1500px;
    max-height: 90vh;
    height: auto; 

   
}
.login_image{
    width: 618px;
    height: 1060px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    
    overflow: hidden;
    position: relative;
}
.login_image img{
    
    width: 100%;
    height: 100%;
    object-fit: cover;
    

    
}
.login_image .logo{
    position: absolute;
    left: 75%;
    top: 0;
    color: white;
    font-size: 48px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    
}

/* Login Content Design */
.login_content{
    width: 822px;
    height: 1060px;
    background-color: antiquewhite;
    justify-items: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    
}
.login_content h1{
    font-size: 64px;
    font-weight: 700;
    
    margin-top: 40px;
    margin-bottom: 24px;
}
.login_content p{
    color: #868686;
    font-size: 24px;
    font-weight: 500;
    
    margin-bottom: 22px;
}
.login_content p span a{
    color: #F59C15;
    text-decoration: none;
}
.login_content h5{
    
    font-size: 24px;
}
.divider_parent{
    position: relative;
}
.divider{
    margin-bottom: 36px;
}
.divider::before{
    content: '';
    top: 50%;
    left: 60px;
    position: absolute;
    width: 230px;
    height: 2px;
    background-color: #C4C4C4;
}
.divider::after{
    content: '';
    top: 50%;
    right: 60px;
    position: absolute;
    width: 230px;
    height: 2px;
    background-color: #C4C4C4;
}
.button{
    display: flex;
    column-gap: 25px;
    margin-bottom: 57px;
}
.button1 button{
    background-color: #F4F4F4;
    color: black;
    font-size: 22px;
    width: 304px;
    height: 61px;
    border-radius: 20px;
    font-weight: 600;
    cursor: pointer;
}
.button2 button{
    background-color: #4946E5;
    color: white;
    font-size: 22px;
    width: 304px;
    height: 61px;
    border-radius: 20px;
    font-weight: 600;
    cursor: pointer;
}
.fa-facebook{
    margin-right: 8px;
}
.fa-google{
    margin-right: 8px;
}
.label {
    color: #868686;
    font-size: 24px;
    justify-self: start;
    margin-left: 100px;
    margin-bottom: 20px;

}
.input input{
    width: 633px;
    height: 55px;
    border-radius: 20px;
    font-size: 24px;
    padding-left: 5px;
    margin-bottom: 35px;
}
.input input:last-child{
    margin-bottom: 25px;
}   
input[type=checkbox]{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    
}
.checkbox{
    margin-bottom: 90px;
}
.checkbox label{
    font-size: 24px;
}
.style{
    color: #F59C15;
}
.button3 button{
    width: 472px;
    height: 60px;
    border-radius: 20px;
    background-color: #FAE3B6;
    font-size: 24px;
    font-weight: 600;
    font-weight: 600;
    cursor: pointer;
}