.login-logo-area{padding-top: 5px;}
    .login-logo-area .logo-img  {width: 70px;}
    .logo-title {width: calc(100% - 75px);padding-left: 10px; padding-top: 5px;}
    .logo-title  h2{font-size: 28px;margin-bottom:5px;font-weight: 600; margin-top: 0;color : white}
    .logo-title  h3{font-size: 26px;margin-bottom: 0;font-weight: 600;margin-top: 0;color : white}
    .logo-right-img{width: 70px;}
    .login-wrapper{position: relative;height: 100vh;width: 100vw;overflow: hidden;display: flex;align-items: center;background-image: url(../..//images/login/2340.jpg);background-size: cover;background-position: center;}
    .login-wrapper::before{content: '';position: absolute;height: 100%;width:40%;background-color: #ff8700;top: 0;left: 0;border-radius: 0px 0 150px 0; background: #0b5070;   background: -webkit-linear-gradient(to right, #007cae, #0b5070); background:linear-gradient(to right, #007cae, #0b5070);   z-index: 10;}
    .login-wrapper::after{content: '';position: absolute;height: 100%;width:40%;background-color: #ff8700;top: 0;left: 25px;border-radius: 0px 0 120px 0;background:linear-gradient(2deg, #ff6512, #f09559);z-index:  1;}
    .header{z-index: 100;position: fixed;width: 100%;top: 5px;}
    .login-container{z-index: 100;position: relative;margin-top: 20px;}
    .minister-box::after{content: '';position: absolute;height: 90%;width: 2px; top: 5%;background-color: #ff6c00;right: 0px;}
    .login-box{box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 21%); border-radius: 5px 5px 150px 5px; }
    .login-box::before{    content: '';position: absolute;height: 250px;width: 250px;background-color: #f56217;right: 15px;bottom: 0;z-index: -1;border-radius: 0 0 20px 0;}
.captcha-code-img, #dntCaptchaImg {
    width: 100px;
    height: 40px;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 4px;
}
    .reload-btn{height: 30px;width: 30px;display: inline-block;text-align: center;color: #e15a15;font-size: 20px;position:absolute;left:120px;transition: all 0.3s;}
    .reload-btn:hover{color: #0b1323 !important;transition: all 0.3s;}
    .captcha-code{margin-top: 30px;}
    .login-form{padding: 35px 20px 35px 15px;max-width: 90%;display: block; margin: auto;}
    .cm-box{display: inline-block;position: relative;width: 240px;}
    .cm-box img{max-width: 100%;border-radius: 10px;}
    .cm-box .cm-text{background-color: white;text-align: center;padding: 10px;}
    .cm-box .cm-text h3{    font-size: 20px;margin-top: 0;margin-bottom: 5px;font-weight: 900;color: #ff6c00;font-family: 'Poppins';}
    .cm-box .cm-text p{font-size: 14px;}
    .login-title{font-weight: 600;  margin-top: 0;} 
    .login-box label{font-size: 16px;font-family: 'Poppins';}
    .login-box .form-group{margin-bottom: 10px;display:inline-block;width:100%;}
    .login-box ::placeholder{color: rgb(145, 145, 145);font-weight: 400;}
    .login-box .form-control{border: 1px solid rgb(190, 190, 190);}
    .forgot-password{color: #447df7; font-weight: 600;transition : all 0.3s}
    .forgot-password:hover{color: #f56217;transition : all 0.3s} 
    
    @media (min-width: 1367px) {
        .container{max-width: 90%;}
    }
@media (min-width:200px) and (max-width: 480px) {
    .login-title{font-size: 18px;}
    .login-wrapper{display: block;padding-bottom: 50px; }
    .minister-box::after{content: none;} 
    .login-form{padding: 15px 5px 35px 5px;}
    .header{position: relative;}
    .login-wrapper{height: auto;min-height: 100vh;}
    .login-logo-area .logo-img { width: 40px; } 
    .logo-title{padding-top: 0;width: calc(100% - 42px);}
    .logo-title h2{font-size: 16px;}
    .logo-title h3{font-size: 16px;}
    .login-container{margin-top: 50px;} 
    .logo-right-img{width: 42px;}
    .cm-box{display: flex;width: 100%;padding: 5px 15px;}
    .cm-box .cm-text{text-align: left;padding: 5px 0px 10px 10px;width: calc(100% - 85px);}
    .cm-box .cm-text h3 { font-size: 18px;}
    .cm-box .cm-text p { font-size: 11px; }
    .cm-box img{width: 85px;}
    .captcha-code {margin-top: 10px; margin-bottom: 10px;} 
}

.dntCaptcha {
    display: flex;
    width: 100%;
    flex-wrap:wrap;
    justify-content: space-between;
}
span.field-validation-error {
    position: relative;
    width: 100%;
    display: block;
    text-align: right;
    margin-top: -20px;
    margin-bottom: 15px;
}
span.field-validation-erro #pwd-error { display:inline-block;min-height:40px;
}
#DNTCaptchaInputText {
    width: auto;
    max-width: calc(100% - 150px);
}