body{
    font-family: 'Poppins' !important;
}
.card .card-body {
    font-family: 'Poppins' !important;
}
.signin-container .left-panel .card{
    box-shadow: none !important;
}
.kmk-text-light{
    color: #fff;
}
.kmk-text-primary{
    color: #fa5100;
}
/* LEFT */
.signin-container .left-panel .card-header{
    padding-top: 3em;
    padding-bottom: 3em;
}
.signin-container .left-panel .card-header span{
    font-size: 27px;
    position: absolute;
    top: 40px;
    font-weight: 400;
}
.signin-container .left-panel .card-body{
    padding-top: 1em;
    padding-bottom: 3em;
}
.signin-container .left-panel .card-footer .fs-7{
    font-size: 14px;
}
.signin-container .left-panel p{
    color: #c8c8c8;
}
.signin-container .left-panel a, .signin-container .right-panel a{
    color: #0027ff !important;
}
.signin-container .left-panel a:hover, .signin-container .right-panel a:hover{
    color: #03a9f4 !important;
}
.signin-container .left-panel .bd-title{
    font-size: 30px;
}
/* RIGHT */
.signin-container .right-panel{
    background: #fff;
    padding: 3em;
}
.signin-container .right-panel .kmk-btn-primary{
    background: #fa5100 !important;
    color: #fff !important;
    padding: 20px;
    box-shadow: -5px 5px 7px rgba(66,66,66,.32);
    text-shadow: -50px 0px 0px rgba(66,66,66,.0);
}
.signin-container .right-panel .card-body{
    padding: 2rem 2rem 0rem !important;
}
.signin-container .right-panel .card-body .footer-span{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #dedede;
    line-height: 0em;
    margin: 10px 0 20px;
}
.signin-container .right-panel .card-body .footer-span span{
    background:#fff;
    padding:0 10px;
    color: #969696 !important;
}
.signin-container .right-panel .card-footer{
    padding: 0rem 2.7rem !important;
}
.signin-container .right-panel .card-footer span{
    font-size: 15px;
    color: #969696 !important;
    background: #fff;
    padding: 10px;
}
.signin-container .right-panel .card-body .kmk-input {
    padding: 20px;
    font-size: 13px;
    font-weight: 600;
    border-width: 1px;
    border-color: #dedede;
    background-color: #FFFFFF;
    color: #000000;
    border-style: solid;
    border-radius: 10px !important;
    box-shadow: -50px 0px 0px rgba(66,66,66,.0);
    text-shadow: -50px 0px 0px rgba(66,66,66,.0);
    width: 100%;
}
.signin-container .right-panel .kmk-checkbox:checked{
    background: none !important;
    border-color: #ff5722 !important;
}
.signin-container .right-panel .kmk-checkbox:checked:disabled{
    opacity: 1 !important;
}
.signin-container .right-panel .kmk-checkbox:after{
    color: #fa5100 !important;
}
.signin-container .right-panel .card-body .kmk-input:focus {
    outline:none;
}
.signin-container .right-panel .card-body .kmk-input::placeholder{
    color: #000000;
}
.signin-container .right-panel .card-body .kmk-input.error-highlight {
    border: 2px #fa5100 solid;
}
.signin-container .right-panel h3{
    font-weight: 800 !important;
}
.signin-container .right-panel .kmk-social .social-container{
    border: 2px solid #ededed;
    border-radius: 10px;
}
.signin-container .right-panel .kmk-outer-footer{
    margin-top: 5em;
    padding: 1em 2em;
    font-weight: 500;
}
.kmk-password-container .kmk-icon{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    margin: 10px;
}
.kmk-password-container .kmk-icon:hover{
    background: #f3f3f3;
    border: 2px solid #fa5100;
    border-radius: 20% !important;
}
.right-panel .general-error-message{
    background: #000000;
    padding: 20px;
    border-radius: 10px;
}
.right-panel .general-error-message .error{
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
}
.right-panel .general-error-message .error-message{
    color: #fff !important;
    font-size: 15px;
}
@media only screen and (max-width: 1818px){
    .kmk-outer-footer{
        font-size: 13px;
    }
    .signin-container .left-panel .bd-title{
        font-size: 25px;
    }
}
@media only screen and (max-width: 1516px){
    .kmk-outer-footer{
        font-size: 11px;
    }
    .signin-container .left-panel .bd-title{
        font-size: 22px;
    }
}
@media only screen and (max-width: 1348px){
    .row-1{
        display: none;
    }
    .kmk-screen-signup{
        font-size: 25px;
    }
    .kmk-screen-login{
        font-size: 25px;
    }
    .col-xl-8 {
        width: 100% !important;
    }
    .left-panel{
        margin-left: 110px;
    }
}
@media only screen and (max-width: 1100px){
    .left-panel {
        margin-left: 60px;
    }
    .bd-title{
        font-size: 21px !important;
    }
}
@media only screen and (max-width: 991px){
    .left-panel{
        display: none;
    }
}
@media only screen and (max-width: 450px) {
    .signin-container .right-panel{
        padding: 2em !important;
    }
    .signin-container .right-panel .card-body{
        padding: 0.5rem 0.5rem !important;
    }
    .signin-container .right-panel .card-footer{
        padding: 0.5rem 0.5rem !important;
    }
}
@media only screen and (max-width: 352px){
    .kmk-screen-signup {
        font-size: 20px;
    }
    .kmk-screen-login{
        font-size: 20px;
    }
}
@media only screen and (max-width: 295px){
    .kmk-screen-login {
        font-size: 17px;
    }
}

#otp input::selection{
    background: #fff;
  }