.success{color:green}
.valid-otp-wrap{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;text-align:center}
.otp-verification-wrapper{padding-top:42px;padding-bottom:40px;background-image:url("clientlib/images/otp-verification-bg.png");background-size:cover;background-repeat:no-repeat;z-index:1;overflow:hidden;position:relative;background-position:bottom}
.otp-verification-wrapper::before{position:absolute;content:'';width:100%;height:100%;background-color:rgba(203,225,248,0.5);left:0;top:0;right:0;bottom:0;z-index:-1}
.otp-verification-wrapper .otp-verification-inner{max-width:564px;margin:0 auto;width:100%}
.otp-verification-wrapper .otp-verification-inner{border-radius:5px;background:#FFF;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);padding:40px 44px}
.otp-verification-wrapper .top-content{padding-bottom:24px}
.otp-verification-wrapper .top-heading{position:relative;padding-left:28px}
.otp-verification-wrapper .user-mob-text{display:none}
.otp-verification-wrapper .tick{position:absolute;left:0;font-size:16px;line-height:16px;color:#00d764;top:5px}
.otp-verification-wrapper .top-text{text-align:center;color:#565656;font-family:"Roboto-Light";margin-top:8px}
.otp-verification-wrapper .bottom-content{padding-top:7px;border-top:1px solid #f2f2f2;max-width:416px;margin:0 auto}
.otp-verification-wrapper .image-wrapper img{margin:0 auto}
.otp-verification-wrapper .mob-verification-img{display:none}
.otp-verification-wrapper .sent-otp-wrap{margin-top:2px;text-align:center}
.otp-verification-wrapper .sent-otp-inner{display:inline-flex;align-items:center;justify-content:center}
.otp-verification-wrapper .contact-num-text{color:#565656}
.otp-verification-wrapper .contact-num-text .country-code{color:#565656;font-family:"Roboto-Medium";margin-right:3px}
.otp-verification-wrapper .contact-num-text .contact-num{font-family:"Roboto-Medium"}
.otp-verification-wrapper .enter-otp{position:relative;padding-bottom:11px}
.otp-verification-wrapper .invalid-otp-wrap{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;text-align:center}
.otp-verification-wrapper .invalid-otp-wrap .alert-icon{font-size:18px;line-height:18px;vertical-align:bottom;margin-right:6px}
.otp-verification-wrapper .invalid-otp-wrap p{color:#f3313a;font-size:12px;line-height:14px;letter-spacing:.12px}
.otp-verification-wrapper .edit-btn{font-size:16px;list-style:16px;color:#c21b17;margin-left:10px;cursor:pointer}
.otp-verification-wrapper .otp-outer-box{padding-top:26px}
.otp-verification-wrapper .enter-otp-text{text-align:center;margin-bottom:9px;color:#20252b}
.otp-verification-wrapper .otp-col{display:flex;flex-wrap:wrap;justify-content:center}
.otp-verification-wrapper .otp-col.wrong-otp .input-textbox{border-bottom:1px solid #f3313a}
.otp-verification-wrapper .input-textbox{border:0;outline:0;border-bottom:1px solid #707070;width:33px;height:31px;text-align:center;font-size:16px;line-height:18px;font-family:"Roboto-Light";margin:0 6px}
.otp-verification-wrapper .input-textbox:first-child{margin-left:0}
.otp-verification-wrapper .input-textbox:last-child{margin-right:0}
.otp-verification-wrapper .input-textbox.pointer-none{pointer-events:none}
.otp-verification-wrapper .input-textbox::placeholder{visibility:hidden}
.otp-verification-wrapper .verfiy-btn-wrap{max-width:300px;margin:44px auto 0}
.otp-verification-wrapper .verfiy-btn-wrap .btn{width:100%}
.otp-verification-wrapper .resend-otp-wrap{max-width:300px;margin:15px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.otp-verification-wrapper .timer,.otp-verification-wrapper .resend-btn{font-size:12px;line-height:14px;font-family:"Roboto-Regular"}
.otp-verification-wrapper .timer.disabled,.otp-verification-wrapper .resend-btn.disabled{opacity:.3;pointer-events:none}
.otp-verification-wrapper .timer{color:#20252b}
.otp-verification-wrapper .resend-btn{color:#c21b17;cursor:pointer}
.otp-verification-wrapper .verify-through-whatsapp{margin-top:14px;padding-top:19px;border-top:1px solid #f2f2f2}
.otp-verification-wrapper .or-text{font-family:"Roboto-Light";color:#565656;margin-right:19px}
.otp-verification-wrapper .verify-through-inner{display:flex;align-items:center;justify-content:center}
.otp-verification-wrapper .wp-inner-wrap{padding:9px 36px;border:1px solid #707070;border-radius:5px;display:flex;align-items:center;justify-content:center}
.otp-verification-wrapper .wp-inner-wrap span{color:#00d764;font-size:17px;line-height:17px;margin-right:10px}
.otp-verification-wrapper .wp-inner-wrap p{color:#707070;text-transform:uppercase;font-size:12px;line-height:14px}
@media(max-width:767px){.otp-verification-wrapper{padding-top:24px}
.otp-verification-wrapper .otp-verification-inner{padding:20px 16px}
.otp-verification-wrapper .top-text{text-align:left;margin-left:28px}
.otp-verification-wrapper .user-desktop-text{display:none}
.otp-verification-wrapper .image-wrapper img{display:none !important}
.otp-verification-wrapper .mob-verification-img{display:block;position:absolute;left:0;width:40px}
.otp-verification-wrapper .user-mob-text{display:block;font-weight:600;color:#000}
.otp-verification-wrapper .resend-otp-wrap,.otp-verification-wrapper .verfiy-btn-wrap{max-width:100%}
.otp-verification-wrapper .resend-otp-wrap{margin-top:12px}
.otp-verification-wrapper .verfiy-btn-wrap{margin-top:35px}
.otp-verification-wrapper .enter-otp-text{text-align:left}
.otp-verification-wrapper .bottom-content{max-width:100%}
.otp-verification-wrapper .js-OtpBox{justify-content:flex-start}
.otp-verification-wrapper .input-textbox{width:65px}
.otp-verification-wrapper .input-textbox::placeholder{visibility:visible}
.otp-verification-wrapper .input-textbox:focus::placeholder{visibility:hidden}
.otp-verification-wrapper .sent-otp-wrap{text-align:left}
.otp-verification-wrapper .sent-otp-inner{justify-content:space-between;width:100%;position:relative;padding-left:48px}
.otp-verification-wrapper .contact-num-text .contact-num{display:block}
.otp-verification-wrapper .wp-inner-wrap{padding-left:24px;padding-right:24px}
.parent-mobile-no-txt{display:flex}
}
@media(max-width:359px){.otp-verification-wrapper .input-textbox{width:55px}
.otp-verification-wrapper .wp-inner-wrap{padding-left:12px;padding-right:12px}
.parent-mobile-no-txt{display:flex}
}
.resendSuccess{font-size:12px;text-align:center;color:#000 !important}