@charset "UTF-8";
:root{--otp-rubik-medium:inherit;--otp-rubik-light:inherit;--otp-primary-color:#53a545;--otp-white:#fff;--otp-black:#000;--otp-black-rgb:0,0,0;--otp-text-color:rgba(var(--otp-black-rgb),.5);--otp-transparent-color:rgba(var(--otp-black-rgb),0);--otp-error-color:red;--otp-danger-color:#ca3838;--otp-tr:.2s}
.form{box-sizing:border-box;}
.form p{font-size: 14px;color: #777777;margin-bottom: 16px;}
.form .form-group{position:relative;margin-bottom:16px}
.slerror{color:var(--otp-error-color)!important}
.slsuccess{color:var(--otp-primary-color)!important}
.form-group.has-error .form-field,.iti.has-error .form-field{border-color:orange}
.form-group.has-error .form-field+.slerror,.iti.has-error .form-field+.slerror{font-family:var(--otp-rubik-light);text-align:left;font-weight:500;font-size:clamp(12px,1vw,14px);padding:2px 10px;display:block;position:absolute;top:-22px}
.form-group .input-group+.slerror{font-family:var(--otp-rubik-light);text-align:center;font-weight:400;font-size:.75rem;padding:0;display:block;position:absolute;left: 0;right: 0;}
.form-group.has-error .form-field+.slerror,.iti.has-error .form-field+.slerror,.alert-warning,.alert-danger{color:var(--otp-error-color);border-color:#eed8d4}
.form-group.has-error .form-field+.slerror,.iti.has-error .form-field+.slerror,.form-group.has-error .form-field,.iti.has-error .form-field{border-color:var(--otp-error-color)}
/*.form input[type="tel"]{width:100%;height:clamp(40px,5.5556vw,45px);padding:0 24px;background:0 0;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:2px;font-family:var(--otp-rubik-light);font-size:clamp(16px,2.6316vw,18px);transition:all var(--otp-tr);-webkit-appearance:none}
@media (max-width: 767px) {
.form input[type="tel"]{padding:0 15px}
}
.form input[type="tel"]::placeholder,{color:#acacac}
.form input[type="tel"]:focus{outline:0;border-color:var(--otp-primary-color)}*/
.form-group .iti__selected-dial-code{max-height:55px!important;font-family:var(--otp-rubik-light);font-size:18px;transition:all var(--otp-tr)}
.form-group .iti__selected-country-primary:hover{background-color:var(--otp-transparent-color)!important}
.form-group required{position:absolute;right:0;top:0;-moz-transition:var(--otp-tr) ease all;-webkit-transition:var(--otp-tr) ease all;transition:var(--otp-tr) ease all;z-index:22;width:42px;background-color:#f2dede38;height:42px;border-bottom-right-radius:4px;border-top-right-radius:4px;text-align:center;padding:13px;border-left:1px solid #ddd}
.form-group required:after{content:"\f314";display:inline-block;font:normal normal normal 18px/1 Ionicons;font-size:10px;color:#777}
.popup-overlay{display:none;position:fixed;inset:0;background:var(--otp-text-color);z-index:19009}
.popup-window{display:none;background:var(--otp-white);width:96%;max-width:450px;height:-moz-max-content;height:-webkit-max-content;height:max-content;overflow:auto;margin:auto;margin-top: 2rem;position:fixed;inset:0;max-height:100%;-webkit-overflow-scrolling:touch}
.popup-window .inner{overflow-y:auto;padding:15px}
.popup-window .inner .popup-title{font-family: inherit;font-weight: 700;font-size: 21px;line-height: 1;text-align: left;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #E5E5E5;margin-left: -15px;margin-right: 15px;padding-right: 15px;padding-left: 15px;}
.popup-window .inner .popup-text{font-family:var(--otp-rubik-light);font-size:14px;line-height:1.3;text-align:center;margin-bottom:16px}
.btn-close-popup{position:absolute;z-index:99;width:54px;height:48px;top:0;right:0;background-color:transparent;border:none;cursor:pointer}
.popup-window p{font-size:clamp(15px,2vw,17px);line-height:22px;color:var(--otp-text-color);margin-bottom:5px}
@media (min-width: 768px) {
 .popup-window .inner {padding: 15px 25px 25px;}
 .popup-window .inner .popup-title {margin-left: -25px;margin-right: -25px;padding-right: 25px;padding-left: 25px;}
}
@media (max-width: 767px) {
.popup-window .inner{max-height:100%}
}
#otpbox .input-group .send_otp_btn{height:clamp(40px,5.5556vw,45px);width:95px;border-radius:2px;margin:0 0 0 -2px;font-family:var(--otp-rubik-medium);font-size:15px;color:var(--otp-white);cursor:pointer;display:block;z-index:1;position:relative}
#otpbox .input-group .otp_btn-s{background:var(--otp-primary-color);border:2px solid var(--otp-primary-color)}
#otpbox .input-group .otp_btn-d{background:var(--otp-danger-color);border:2px solid var(--otp-danger-color)}
#otpbox .input-group .otp_btn-s:hover{background:var(--otp-white);color:var(--otp-primary-color)}
#otpbox .input-group .send_otp_btn-s:hover:after{border-color:var(--otp-primary-color)}
#otpbox .input-group .otp_btn-d:hover{background:var(--otp-white);color:var(--otp-danger-color)}
#otpbox .input-group .send_otp_btn-d:hover:after{border-color:var(--otp-danger-color)}
@media(max-width:767px) {
#otpbox .input-group .send_otp_btn:after{margin-left:-3px}
}
.verifyacc{font-size:12px;margin-bottom:15px}
.ver-simple{font-size:14px;margin-bottom:15px;background-color:#f2dede;border-radius:4px;padding:8px 14px}
.disable-hover,.disable-hover:hover,.disable-hover:active,.disable-hover *{pointer-events:none!important}
.text-center{text-align:center}
.otp-input .fa{font-size:1em!important;transform:rotate(0deg) scale(1.003) translate(0.01%,-0.02%);line-height:1em}
.otp-input .fa.fa-spin{animation-name:fixed-spin!important}
@keyframes fixed-spin {
100%{transform:rotate(360deg) scale(1.003) translate(0.01%,-0.01%)}
}
.no-overflow{overflow:hidden}
.onetime{border:none;background:repeating-linear-gradient(90deg,dimgrey 0,dimgrey 1ch,transparent 0,transparent 1.7ch) 0 100%/100% 2px no-repeat;font:4ch consolas,monospace;letter-spacing:.7ch;color:var(--otp-primary-color);-webkit-appearance:none;margin:0;padding:0}
.onetime:focus{outline:none;color:var(--otp-primary-color)}
.btn_resend{border:none;background:none;color:var(--otp-primary-color);display:inline-block;font-size:16px;font-family: inherit;}
.btn_resend strong{border-bottom:1px dashed var(--otp-primary-color)}
.btn_resend strong:hover{border-bottom:1px dashed var(--otp-white)}
#popup-otp .errordiv-otp{text-align: center;font-size: 0.75rem;}
#popup-otp .popup-form .form{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:1rem}
#popup-otp .popup-form .form .group-telephoneotp .edit-field{right:14px;position:absolute;top:clamp(12px,1.5625vw,15px);border:0;display:inline-block;width:12px;height:12px;margin-left:22px;cursor:pointer;--c-pen:var(--otp-primary-color);--c-pen-hover:none}
#popup-otp .popup-form .form .group-telephoneotp .edit-field:hover{--c-pen-hover:var(--otp-primary-color)}
#popup-otp .popup-form .otp-input{display:grid;grid-row-gap:4px;letter-spacing:.2px;align-self:center;justify-self:center;place-self:center;margin-top:-30px}
.otp-input_field{display:grid;grid-auto-flow:column;grid-column-gap:16px;justify-content:center;border:none}
.otp-info{background-color: #F3F0E8;border-color: #F3F0E8;padding: 8px 14px;border: 1px solid transparent;}
.otp-input_message{color:#929292;font-size:12px;line-height:14px;letter-spacing:.2px}
.otp-input_message.is-error{color:#e00027}
progress{border-radius:3px;width:50%;height:12px;border:1px solid #e8c00e}
progress::-webkit-progress-bar{background-color:#f5f5dc;border-radius:3px}
progress::-webkit-progress-value{background-color:var(--otp-primary-color);background-image:linear-gradient(var(--otp-primary-color),#2cbc24);border-radius:3px}
progress::-moz-progress-bar{background-color:var(--otp-primary-color);background-image:linear-gradient(var(--otp-primary-color),#2cbc24);border-radius:3px}
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) {
#otpbox .iti__arrow{border:none}
}
.margintop20{margin-top:20px}
@media screen and (max-width: 600px) {
#otpbox button i{font-size:1rem}
}
.otpboxedit .input-group,.otpboxedit .input-group .iti{display:flex;width:100%;position:relative}
.otpboxedit .input-group .form-control,.otpboxedit .input-group .iti .form-control{flex-grow:1;min-width:0;padding-right:50px}
.otpboxedit .input-group-btn{position:absolute;top:0;right:0;bottom:0;display:none;width:auto!important;align-items:center;justify-content:center;z-index:3}
.otpboxedit .input-group-btn.show{display:flex}
.opt-form .form-control {margin-bottom: 16px;}
.opt-form .input-group-btn {text-align: center;}
.opt-form .forgot-link {margin-left: auto;margin-right: auto;display: block;}
.opt-form .forgot-link + .forgot-link {margin-top: 8px;}
#popup-otp .form-field.numeric{border: none;background: transparent;margin-bottom: 0;text-align: center;width: 100%;}