body{overflow:hidden;}
.login{display: flex; flex-direction: row; justify-content: space-between;}
.login-bg{display:flex;flex-grow: 1; background-image:url(../imgs/login/img_log_bg.png); background-size:cover; height: 100vh; }
.login-content{display:flex; width: 650px; height: 100vh; }
.login-content .card{padding: 86px 66px; margin:0px; width:100%;}
.login-content h1{margin-bottom: 54px; }
.login-content .form-control{font-size: 16px; border-top-right-radius:1px ; border-bottom-right-radius:1px ; border-left: none;}
.login-content .row{margin:0px auto;}
.login-content .input-group-prepend{border-top-left-radius:1px ; border-bottom-left-radius:1px ; display:flex; flex-direction: row; align-items: center; align-content: center; border:1px solid #dee2e6; border-right: none; }
.login-content .input-group-prepend span{display: inline-block; width: 2px; height: 20px; background: #dee2e6;}
.login-content .input-group-prepend img{margin:0px 20px;}

.login-content .nav a{font-size: 20px; color: rgb(102, 102, 102); padding-bottom: 10px; display: inline-block;}
.login-content .nav a.active span{color:rgb(51,51,51) !important;}
.login-content .nav a.active{border-bottom: 3px solid #145CFA;}
.login-content .nav {gap: 60px;}
.login-content .custom-control-label{font-size: 16px;}
.vc{display: inline-block; border: 1px solid #dee2e6; width: 120px; margin-left: 20px;}

.login-bg{display: flex; flex-direction: column; justify-content: space-between; padding: 35px;}

.login-paragraph h1{ color: black; font-size: 48px; font-weight: 700; font-family: "source han sans cn"; }
.login-paragraph{display: flex;    flex-direction: column;    align-items: start;    gap: 30px;}
.login-logo span{color: black; font-weight: 500; font-size: 16px;}