*{
    margin:0;
    padding:0;
}

html, body {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#1257ee, #0B98F8);
}

form{
    width:100%;height:100%;
}
.login_bg {
    height: 100%;
    width: 100%;
}
.login_bgg {
    position: relative;
    height: 100%;
    width: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.login_bgg .login-logo{
    position:absolute;
    top:55px;
    left:55px;
}
.login-wrap{
    width:100%;
}
.login_bgg .login-wrapper {
    display: flex;
    width: 100%;
    padding: 0 6%;
    box-sizing: border-box;
    align-items: center;
    height: 60%;
    justify-content: space-between;
}


        .login_bgg .login-wrapper .left-banner{
            width:53%;
            
        }
        .login_bgg .login-wrapper .left-banner img{
            width:100%;
        }
    .login_bgg .login-wrapper .login-inner-wrap {
        height:580px;
        width:580px;
        position:relative;
    }

        .login_bgg .login-wrapper .login-inner-wrap .login-inner-w {
            height: 332px;
            width: 580px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: rgba(255,255,255,0.15);
            z-index: 1;
            border-radius:20px;
        }
        .login_bgg .login-wrapper .login-inner-wrap .lgoin-inner-n {
            height: 460px;
            width: 546px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: rgba(173,218,255,0.92);
            z-index: 2;
            border-radius: 20px;
        }
        .login_bgg .login-wrapper .login-inner-wrap .login-inner {
            height: 573px;
            width: 510px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: rgba(255,255,255,1);
            z-index: 3;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            padding: 7px 34px 0 34px;
        }
        .login_bgg .login-wrapper .login-inner-wrap .login-inner .tag{
            text-align:center;
            font-size:35px;
            margin:78px 0;
        }
            .login_bgg .login-wrapper .login-inner-wrap .login-inner .user-mz {
                display: flex;
                height: 62px;
                border:1px solid #e0e0e0;
                margin-bottom:30px;
            }
                .login_bgg .login-wrapper .login-inner-wrap .login-inner .user-mz .login_ipt {
                    height: 100% !important;
                    border: none;
                    outline: none !important;
                    box-shadow:none;
                }
                .login_bgg .login-wrapper .login-inner-wrap .login-inner .user-mz  .left-img-user{
                    width:62px;
                    height:62px;
                    display:flex;
                    justify-content:center;
                    align-items:center;
                }
                .login_bgg .login-wrapper .login-inner-wrap .login-inner .user-mz .left-img-user img{
                    width:24px;
                    height:24px;
                }
                .login_bgg .login-wrapper .login-inner-wrap .login-inner .user-mz .user-box {
                    margin: 0 !important;
                    flex-grow:1;
                }

            .login_bgg .login-wrapper .login-inner-wrap .login-inner .user-box .btn {
                width: 437px;
                height: 62px;
                background-image: linear-gradient(to right, #3963ed, #3a6cfa)
            }

            .login_bgg .login-wrapper .login-inner-wrap .login-inner .remember-pas-wrap{
                display:flex;
                align-items:center;
                margin-bottom:60px;
            }
                .login_bgg .login-wrapper .login-inner-wrap .login-inner .remember-pas-wrap .remember-pas{
                    width:20px;
                    height:20px;
                    border:1px #e0e0e0 solid;
                    margin-right:15px;
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    
                }
                .login_bgg .login-wrapper .login-inner-wrap .login-inner .remember-pas-wrap .remember-pas img{
                    width:10px;
                    height:10px;
                }
                    .login_bgg .login-wrapper .login-inner-wrap .login-inner .remember-pas-wrap .remember-title {
                        margin-bottom: 0;
                    }