:root{--primary-color: #189fda;}
.sky{--primary-color: #189fda;}

@font-face { font-family: 'lohit'; font-display: fallback; src: url('fonts/Lohit-Gujarati.ttf');}
.lohit-font{font-family: lohit;}
.bg-grad-sharp {background: #fff;}
.invalid-feedback {font-size: 90%;}
.top-part {display: block;padding: 13px;background-color: var(--primary-color);color: #fff;}
.card-login {width: 380px; max-width: 90%;}
.top-part .heading{font-size: 20px;margin: 0;}
.login-content {min-height: calc(100vh - 50px);overflow: hidden;}
.login-content::before{content: '';position: absolute;height: 200px;width: 200px;right: -50px;border: 10px solid var(--primary-color);border-radius: 50%;animation: biground 3s infinite;opacity: 0.4;}
.card-login .card-header-login{background-color: #fff;}
.card-notice{display: block;}
.card-notice .card-header-notice{padding: 15px 20px;}
.card-login .card-header-login .login-account,
.card-notice .notice-heading{font-size: 20px;}
.card-notice .card-body-notice .notice-text{border-left: 10px solid;padding: 15px 20px;margin: 0 0 20px;}
.card-notice .card-body-notice .warning-color{background-color: rgba(255,193,7,0.2);border-color: rgba(255,193,7,0.5);}
.card-notice .card-body-notice .danger-color{background-color: rgba(220,53,69,0.2);border-color: rgba(220,53,69,0.5);}
.card-notice .card-body-notice .primary-color{background-color: rgba(0,123,255,0.2);border-color: rgba(0,123,255,0.5);}
.card-notice .card-body-notice .info-color{background-color: rgba(23,162,184,0.2);border-color: rgba(23,162,184,0.5);}
.logo-position{position: absolute;top: 10px;left: 0;right: 0;text-align: center;}
.logo-position .logo-image{width: 200px;}
marquee{height: 280px;}
.login-footer{font-size: 14px;color: #6b6b6b !important;}
.login-footer-part{position: absolute;bottom: 5px;left: 0;right: 0;}
@keyframes biground {
    0%   {top: 0px;}
    50%  {top: 30px;}
    100% {top: 0px;}
}

@media(min-width:768px) and (max-width:1280px){
    .logo-position .logo-image{width: 250px;}
    .logo-position{top: 40px;}
}

@media(max-width:767px){
    .card-login{max-width: 100%;margin-top: 100px;}
    .login-footer-part{bottom: 10px;}
    .top-part .heading{font-size: 16px;}
}