.login-box{
    width: 40%;
    box-shadow: 3px 2px 4px 1px #ac7530a3;
    background-color: #e4a430;
}

.login-main-box{
    height: 93.3vh;
    padding-top: 11%;
    background-color: #6b3c01e6;
}
.pass-eye{
    position: absolute;
    top: 18%;
    left: 76%;
}



@media screen and (max-width: 1200px) {
    .pass-eye{
        position: absolute;
        top: 18%;
        left: 70%;
    }
}



@media screen and (max-width: 930px) {
    .login-box {
        width: 75%;
    }
    .pass-eye{
        position: absolute;
        top: 18%;
        left: 78%;
    }

}

@media screen and (max-width: 680px) {
    .login-box {
        width: 92%;
    }
    .login-main-box{
        height: 93.3vh;
        padding-top: 33%;
        background-color: #6b3c01e6;
    }
    .pass-eye{
        position: absolute;
        top: 18%;
        left: 73%;
    }
}