.login-container{height:100vh;overflow:hidden;width:100%;font-family:"Mulish",sans-serif !important}
.header{width:100%;height:65px;display:flex;align-items:center;padding-left:5%;box-shadow:0 4px 16px 0 #00000014}
.login-section{height:calc(100vh - 94px);width:90%;margin:1rem auto;display:flex;gap:6%}
.vector-image{background:#ffdac9;width:55%;border-radius:24px;padding:2rem;position:relative;max-height:445px}
.vector-image h2{font-size:24px;font-weight:800;text-align:center;color:#00447c}
.vector-image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);width:420px}
.login-box{width:40%;border:1px solid #cfcfcf;padding:1rem 1.5rem;border-radius:24px;max-height:445px;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}
.login-box h3{color:#f36523;font-size:24px;font-weight:700px;font-weight:800}
.login-details{position:relative}
.login-details h4{font-size:16px;font-weight:700;color:#00447c;margin:10px 0}
.login-details input{border:1px solid #cfcfcf;font-size:16px;font-weight:400;padding:12px 1rem;border-radius:8px;width:100%;outline:0}
.login-details input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.dashboard-select{padding:12px 1rem !important;border-radius:8px !important;font-size:16px}
.login-btn{background-color:#f36523;color:#fff;font-size:16px;font-weight:700;padding:12px;width:100%;text-align:center;border:2px solid #f36523;transition:.5s;border-radius:78px;cursor:pointer;margin-top:1rem}
.login-btn:hover{background-color:#fff;color:#f36523}
.input-pass svg{position:absolute;right:1rem;width:20px;top:3px}
.captcha-info{font-family:"Mulish",sans-serif !important}
#recaptcha-box h3{padding:1rem 0}
.captcha-info h2{color:#111;font-size:16px;font-style:normal;font-weight:600;line-height:18px;margin-bottom:16px}
.captcha-info h2 span{color:#dc3545}
.input-boxes{display:flex;align-items:center;gap:1rem}
#addedNumber{background-color:#fff;color:black}
.select-option{color:#00447c !important;font-size:16px;font-style:normal;font-weight:700;line-height:18px;margin-bottom:16px}
.input-boxes input{border-radius:4px;border:1px solid #ced4da;padding:13px 12px;text-align:center;outline:0;width:85px;font-size:16px;font-weight:700}
.input-boxes span{font-size:24px;color:#111;font-weight:600}
.input-boxes input:disabled{background:#f3f3f3}
.refresh-captcha{margin:1rem 0}
.refresh-captcha span{color:#f36523;font-size:16px;font-style:normal;font-weight:500;line-height:normal;position:relative;top:2px;left:8px;cursor:pointer}
.refresh-captcha>img{cursor:pointer}
.random-numbers{display:flex;align-items:center;justify-content:space-between}
.random-numbers input{border-radius:4px;border:1px solid #ced4da;padding:16px 12px;text-align:center;outline:0;width:100px;cursor:pointer;font-size:16px;font-weight:700;color:#f36523}
.random-numbers input:hover{border:1px solid #f36523}
.recaptcha-box{padding:1rem 2px !important}
.error{color:#e03a3e;font-size:14px;margin:4px 0 0 0}
.captcha-info{font-family:"mulish-regular";animation:fadeIn 1s ease-in-out}
.captcha-btn{position:absolute;width:calc(100% - 3rem);bottom:10%}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@media(min-width:1000px) and (min-height:570px){.login-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-47%);height:unset;justify-content:center}
.vector-image{min-height:470px}
.login-box{min-height:470px}
.random-numbers{justify-content:unset;gap:2rem}
}
@media(min-width:1000px) and (min-height:670px){.vector-image{min-height:550px !important}
.vector-image img{width:550px}
.login-box{min-height:550px}
.vector-image h2{font-size:30px}
.login-details input{font-size:20px}
.login-box h3{font-size:30px}
.login-details h4{font-size:20px}
.dashboard-select{font-size:20px !important}
}
.errMsg{position:absolute;left:2px;bottom:-22px;color:red;font-size:14px}
.errMsg.password{bottom:-38px !important}
@media(max-width:768px){.login-section{flex-direction:column}
.login-box{width:100%}
.vector-image{width:100%}
.vector-image img{width:100%;position:unset;transform:unset}
.login-container{height:unset;overflow:unset}
}
*{margin:0;padding:0;box-sizing:border-box}
.otp-alert-container{border-radius:8px;border:1px solid #d2c1bc;box-shadow:0 8px 19px 10px #f1e1d7;width:459px;padding:20px;position:fixed;bottom:2rem;right:2rem;animation:slideInFromLeft .5s ease-in-out;background:#ffff;z-index:9999}
@keyframes slideInFromLeft{from{transform:translateX(100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.otp-alert-container h1,p,button{margin:unset;font-family:sans-serif}
.otp-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.otp-alert-header span{display:flex;align-items:center;margin-left:-7px}
.otp-alert-header h1{color:#101828;font-size:18px;font-style:normal;font-weight:600;line-height:28px;margin-left:10px}
.success-img{width:36px;height:36px}
.cross-img{width:24px;height:24px;cursor:pointer;transition:.2s ease-out;margin-top:-7px}
.cross-img:hover{width:22px;height:22px;transition:.2s ease}
.otp-alert-text{color:#475467;font-size:14px;font-style:normal;font-weight:400;line-height:20px}
.otp-alert-footer{margin-top:1rem}
.otp-alert-footer .view{color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:20px;border-radius:30px;border:1px solid #b02a30;background:#b02a30;padding:6px 20px;cursor:pointer;transition:.2s ease-out;outline:0}
.otp-alert-footer .view:hover{background:#b02a30d6;transition:.2s ease}
.otp-alert-footer .dismiss{outline:0;color:#8a8a8a;cursor:pointer;font-size:14px;font-style:normal;font-weight:600;line-height:20px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;padding:6px 20px;margin-left:1rem;transition:.2s ease-out}
.otp-alert-footer .dismiss:hover{background:#8a8a8a2e;transition:.2s ease}
@media screen and (max-width:767px){.otp-alert-container{position:fixed;width:92vw;right:4vw;margin:0 auto}
.otp-alert-footer{display:flex;flex-direction:column;gap:1rem}
.otp-alert-footer .dismiss{margin-left:unset}
@keyframes slideInFromLeft{from{transform:translateY(100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
}