.chr-banner-form-main{padding:24px 4.1% 24px 9.7%}
.chr-banner-form-main .chr-banner-subtitle{font-size:24px !important}
.chr-banner-form-main .chr-banner-form-text-and-fields{z-index:2}
.chr-banner-image{z-index:1}
.chr-banner-form-main button{width:400px;padding:10.5px 0}
.chrFormLoader{animation:rotateLoaderchr 1s linear infinite}
#chrFormOtpVerificationLoader{font-size:18px}
#chr-form-login-failed-retry{margin-top:36px}
.chr-title-1{color:var(--chrTitleColor1) !important}
.chr-title-2{color:var(--chrTitleColor2) !important}
.companyNameListCHR{position:absolute;top:53px;width:100%;max-height:142px;overflow-y:auto;background-color:white;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;padding:12px 16px}
.companyNameListCHR ul{list-style:none;margin:0;padding:0}
.companyNameListCHR ul li{margin-bottom:8px;font-size:14px;cursor:pointer}
.companyNameListCHR::-webkit-scrollbar{width:6px}
.companyNameListCHR::-webkit-scrollbar-track{background:#e0e0e0}
.companyNameListCHR::-webkit-scrollbar-thumb{background-color:#1e3a8a;border-radius:10px}
.companyNameListCHR::-webkit-scrollbar-thumb:hover{background-color:#274bb5}
.companyNameListCHR{scrollbar-width:thin;scrollbar-color:#1e3a8a #e0e0e0}
@keyframes rotateLoaderchr{100%{transform:rotate(360deg)}
}
@media(max-width:767.98px){.chr-banner-form-main{padding:16px 16px}
.chr-banner-form-main .chr-banner-subtitle{font-size:18px !important}
.chr-page-background-image{opacity:50%}
.chr-banner-form-main button{width:100%}
}
@media(min-width:767.98px){#chrFormOtpVerificationLoader{font-size:24px}
}
@media(max-width:767px){#expAopLoginFailedModal .modal-content{position:fixed;right:0;bottom:0;left:0}
}
@media(min-width:768px) and (max-width:1160px){.chr-banner-image img{width:100%}
}
.exp-aop-chr-form-container{position:relative}
.exp-aop-chr-form-input-field{height:50px;width:100% !important;border:1px solid var(--Gray);border-radius:4px;background-color:var(--Super-silver);transition:all .3s}
.input-field-mobile:focus{padding-left:46px !important}
#exp-aop-chr-form-monthlySalary:focus{padding-left:24px !important}
.exp-aop-chr-form-input-field:focus ~ .chr-country-code{display:block !important}
.exp-aop-chr-form-input-field:focus ~ .chr-inr-symbol{display:block !important}
.chr-form-consent{width:328px !important}
.exp-aop-chr-form-input-field:focus{outline:0;border:solid 1px var(--bs-secondary) !important;background-color:#f2f9ff !important;padding:22px 16px 9px;font-size:16px}
.exp-aop-chr-form-input-field:focus.exp-aop-invalid-input-field-chr-form{outline:0;border:solid 1px var(--bs-danger) !important;background-color:#fff2f4 !important}
.exp-aop-chr-form-input-field:not(:placeholder-shown){border:1px solid var(--Gray);background-color:var(--Super-silver);padding:22px 16px 9px;font-size:16px}
.input-field-mobile:not(:placeholder-shown){padding-left:46px !important}
#exp-aop-chr-form-monthlySalary:not(:placeholder-shown){padding-left:24px !important}
.exp-aop-chr-form-input-field:not(:placeholder-shown) ~ .chr-country-code{display:block !important}
.exp-aop-chr-form-input-field:not(:placeholder-shown) ~ .chr-inr-symbol{display:block !important}
.exp-aop-chr-form-input-field:not(:placeholder-shown).exp-aop-invalid-input-field-chr-form{background-color:#fff2f4 !important;border:solid 1px var(--bs-danger) !important}
.chr-country-code{top:20px;font-size:16px}
.chr-inr-symbol{left:0;top:19px;font-size:17px}
.exp-aop-chr-form-input-label{position:absolute;left:16px;top:12px;font-family:"Lato";font-size:16px;transition:all .3s;cursor:text;color:var(--Stone)}
.chr-error-input{border:1px solid var(--bs-danger) !important;background-color:#fff2f4 !important}
.exp-aop-chr-form-input-field:focus+.exp-aop-chr-form-input-label{font-size:10px;top:8px;transform:translateY(0);color:var(--bs-secondary) !important}
.exp-aop-chr-form-input-field:focus.exp-aop-invalid-input-field-chr-form+.exp-aop-chr-form-input-label{color:var(--bs-danger) !important}
.exp-aop-chr-form-input-field:not(:placeholder-shown)+.exp-aop-chr-form-input-label{font-size:10px;top:8px;transform:translateY(0);color:var(--Black)}
.exp-aop-chr-form-input-field:not(:placeholder-shown).exp-aop-invalid-input-field-chr-form+.exp-aop-chr-form-input-label{font-size:10px;top:8px;transform:translateY(0);color:var(--bs-danger) !important}
.exp-aop-chr-form-guideline-text{font-size:12px;color:var(--Stone);margin-top:4px;padding-left:8px}
.chr-banner-form-main .exp-aop-chr-form-error-message{display:inline;margin:0;font-size:12px !important}
.chr-form-error-warning-icon{width:15px;height:15px}
.exp-aop-chr-form-error-text{display:block;margin-top:4px;padding-left:8px;font-size:12px;color:var(--bs-danger)}
.chr-banner-form-main .chr-comp-sec-text{font-size:12px !important}
.chr-form-two-button .chr-btn-checked{background-color:#f50;border:1px solid #f50;color:white;font-weight:bold}
.chr-form-two-button button{width:unset;padding:8px 12px;border-radius:4px;color:#111;background-color:#fff;border:1px solid #666;font-size:14px}
.chr-form-two-button{gap:8px}
.chr-banner-form-main .chr-profession p{margin-bottom:unset !important;font-size:14px !important}
.chr-form-two-inputs{width:100%}
#exp-aop-chr-form-pan{text-transform:uppercase}
.chr-banner-form-main .chr-pincode-loc{font-size:14px !important;color:#aaa;padding:24px 16px 8px 0}
.initiateProcessError{color:var(--bs-danger);margin-top:10px}
@media(min-width:767.98px){.chr-form-consent{width:571px !important}
.exp-aop-chr-form-input-field{max-width:277px !important}
.chr-form-two-inputs{max-width:277px !important}
.chr-form-two-inputs input{max-width:unset !important}
.exp-aop-chr-form-container{width:50% !important}
.chr-banner-form-main .chr-comp-sec-text{font-size:14px !important}
}
@media(min-width:1075px) and (max-width:1220px){.chr-form-consent{width:500px !important}
}
.chr-form-input{background-color:var(--Super-silver);border:solid 1px var(--Gray);color:var(--Stone);position:relative;padding:16px}
.chr-form-input:focus,.chr-form-input:not(:placeholder-shown){padding:20px 16px 8px 16px;color:var(--bs-dark);font-weight:bold}
.chr-form-input:focus{border:solid 1px var(--bs-secondary);background-color:#f2f9ff}
.chr-form-input:focus-visible{outline:0}
.chr-form-error-text{color:var(--bs-danger);left:8px;top:2px}
.chr-form-input:focus::placeholder{color:transparent}
#chr-form-dialog[open]{min-width:100vw;margin-bottom:0;border-radius:10px 10px 0 0}
#chr-form-dialog[open]:focus-visible,#chr-form-dialog[open]:focus{outline:0}
#chr-form-dialog::backdrop{background-color:rgba(0,0,0,0.5)}
#chr-form-dialog .chr-form-input:not(:placeholder-shown),#chr-form-dialog .chr-form-input:focus{padding:16px 32px;letter-spacing:11vw;text-align:center;padding-right:0 !important}
#chr-form-dialog .chr-form-timer{color:var(--Gray);font-size:12px !important}
#chr-form-dialog .chr-form-secure-text{background-color:var(--Super-silver);font-size:10px !important;color:#111}
.disable-chr-form-btn{pointer-events:none;background-color:var(--Gray) !important;border-color:white}
#chr-form-dialog #chr-form-otp-value{width:100%;height:50px;padding:0 24px;border:1px solid #aaa;background-color:#f4f4f4;transition:all .3s;font-size:16px;border-radius:4px}
#chr-form-dialog #chr-form-otp-value:focus{outline:0;border:solid 1px #005dac !important;background-color:#f2f9ff !important;font-size:16px;padding:16px 24px}
#chr-form-dialog #chr-form-otp-value:focus:not(:placeholder-shown){letter-spacing:calc((100vw - 48px - 10ch) / 5) !important}
#chr-form-dialog #chr-form-otp-value:not(:placeholder-shown){letter-spacing:calc((100vw - 48px - 10ch) / 5) !important;font-weight:bold}
#chr-form-otp-value:focus::placeholder{color:transparent}
.chr-otp-head-font{font-size:16px !important}
#chr-form-dialog .chr-otp-subhead-font{font-size:12px !important}
#chr-form-dialog .chr-form-timer-reset{font-size:12px !important}
#chr-form-dialog .chr-otp-email-mobile-font{font-size:12px !important}
.chr-otp-pop-error-font{font-size:12px !important}
.chr-otp-error-msg{border-color:#cc293b !important;background-color:#fff2f4 !important}
.chr-form-dialog-resend-otp{max-width:448px !important}
.finalAttempEmailOtp{text-align:center;font-size:14px !important;color:#666}
.chr-form-submit-btn{font-size:16px !important;margin-top:28px}
@media only screen and (min-width:768px){#chr-form-dialog #chr-form-otp-value:not(:placeholder-shown){letter-spacing:59px !important;font-weight:bold}
#chr-form-dialog #chr-form-otp-value:focus:not(:placeholder-shown){letter-spacing:59px !important}
#chr-form-dialog .chr-form-timer-reset{font-size:16px !important}
#chr-form-dialog .chr-form-timer{font-size:14px !important}
.chr-otp-head-font{font-size:20px !important}
#chr-form-dialog .chr-otp-subhead-font{font-size:14px !important}
#chr-form-dialog .chr-otp-email-mobile-font{font-size:16px !important}
.chr-otp-pop-error-font{font-size:12px !important}
.chr-form-input{font-size:16px;color:var(--bs-dark)}
.chr-form-submit-btn{width:50% !important;font-size:16px !important;margin-top:32px}
#chr-form-dialog[open]{margin:auto;min-width:448px;border-radius:12px}
#chr-form-dialog .chr-form-submit-btn{min-width:100%}
#chr-form-dialog .close-chr-form-otp{height:20px;width:20px;position:absolute;top:16px;right:16px}
.chr-form-otp-input-wrap p{font-size:14px}
#chr-form-dialog .chr-form-secure-text{font-size:10px !important;color:#111}
#chr-form-dialog .chr-form-input:not(:placeholder-shown),#chr-form-dialog .chr-form-input:focus{letter-spacing:48px}
}