:root { --yelken-purple: #6149CD; }

.login-left { width: 27%; height: 100vh; background-color: var(--yelken-purple); position: relative; overflow: hidden; }
.login-left::after { content:''; display:block; background:url(/assets/images/Logo-Neon.png) no-repeat -25px 110%; position:absolute; left:-50px; bottom:0; width:730px; height:300px; transform:rotate(-18deg) }
.login-right { width: 73%; background:#fff; }

.loginLogo { width:180px; margin-bottom:85px }
.loginLogo img { width:100%; }
.login-slogan { font-size:55px; margin-bottom:40px; }
.login-slogan2 { font-size:26px; }
.login-title { font-size:44px; }
.login-right label { color:#000; }
.login-right .form-control { padding: 10px 20px; line-height: 2.53; }

@media (min-width: 992px) { 
.w-lg-600px { width: 600px; }
}

@media (max-width: 500px) {
	.login-left { width: 100% }
	.login-right { width: 100%; padding:40px 0; }

}