.container{
    max-width: 1200px;
    width: 90%;
    margin:0 auto;
}

.card , .cm-color{
    font-family: "Poppins", sans-serif;
    color:#32475b;
}      
.btn-color{
    background-color: #32475b;
}
.logo{
    height: 90px;
    width: 250px;
    a{
        .logo-img{
            width: 100%;
        }
    }
}




.klogin{display: flex; align-items: center;}
.klogin__left{width: 50%; background-image: url('/assets/img/login_screen.jpg'); background-size: cover; background-position: center; height: 100vh;}
.klogin__right{width: 50%; position: relative; overflow: hidden;}
.container{max-width: unset!important;}
body{background-color: #f8f9fa;}
.card{background-color: #ffffff!important; padding: 30px!important; max-width: 500px!important; position: relative!important; z-index: 2!important;}
.logo{margin-left: auto; margin-right: auto;}

.klogin__rightIcoTop{position: absolute; right: 100px; top: 100px; opacity: 0.1; animation: MoveUpDown 6s linear infinite; display: none;}
.klogin__rightIcoBottom{position: absolute; left: 20%; bottom: 50px; opacity: 0.1; animation: MoveUpDown2 6.5s linear infinite; display: none;}


@keyframes MoveUpDown {
    0%, 100% {top: 100px;}
    50% {top: 120px;}
}

@keyframes MoveUpDown2 {
    0%, 100% {bottom: 50px;}
    50% {bottom: 70px;}
}