.loginotp{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%}
.loginotp .modal-content{background-color:#fff;margin:10% auto;display:flex;flex-direction:column;align-items:center;padding:40px;width:497px;height:267px;position:relative;border-radius:10px}
.loginotp .modal-content h4{font-family:"Poppins-SemiBold";font-style:normal;font-weight:600;font-size:21px;line-height:28px;font-weight:500;margin-bottom:7px;text-align:center;color:#252525;text-transform:uppercase}
.loginotp .input-group-btn{position:absolute;right:0;top:0}
.loginotp .btn.btn-link{padding:4px 0;display:inline-block;min-width:auto;position:relative;font-size:14px;line-height:16px;text-align:left;text-transform:uppercase;font-weight:600;font-family:"Poppins-SemiBold";color:#f58228;border:0;cursor:pointer;background-color:transparent;margin-bottom:0;width:auto}
.loginotp .btn.btn-link:before{position:absolute;width:0;height:2px;bottom:0;content:"";left:0;background-color:#f58228;transition:all .3s ease-in-out}
.loginotp .btn.btn-link:hover:before{width:30px}
.loginotp .modal-content button{width:200px;font-size:16px;line-height:18px;padding:11px 30px;text-transform:uppercase;font-weight:600;font-family:"Poppins-SemiBold";color:#f58228;text-align:center;transition:all .4s ease-in-out;min-width:200px;display:inline-block;cursor:pointer;background:#f58228;color:#fff;border-radius:40px;text-align:center;outline:0;border:0}
.loginotp .close{color:#000;position:absolute;top:20px;right:20px;font-size:28px;font-weight:bold;cursor:pointer}
#modalBackdrop{display:none;position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.otp #invalid-otp{font-family:"Poppins-Regular";font-style:italic;font-weight:400}
.new-popup .bs-form.typ-otp-field #otpForm .input-group-btn{top:19px}
@media screen and (max-width:1020px){.loginotp .modal-content{width:497px;height:262px}
}
@media screen and (max-width:767px){.loginotp .modal-content{width:95%;height:auto;margin:30% auto;padding:20px 25px;max-width:460px}
.loginotp .modal-content h4{font-size:18px;margin-bottom:20px}
}
.otpSuccess{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%}
.otpSuccess .modal-content{background-color:#fff;margin:10% auto;display:flex;flex-direction:column;align-items:center;padding:40px;width:497px;height:267px;position:relative;border-radius:5px}
.otpSuccess .modal-content img{margin-bottom:20px}
.otpSuccess .modal-content h2{font-family:'Poppins-Semibold';font-style:normal;font-weight:600;font-size:20px;line-height:120%;margin-bottom:40px;text-align:center}
.otpSuccess .modal-content button{display:flex;justify-content:center;align-items:center;padding:9px 20px;gap:10px;width:154px;background:#333;border:1px solid #333;font-family:"Poppins-Regular";font-style:normal;font-weight:400;font-size:14px;line-height:155%;color:#fff;border-radius:40px;letter-spacing:.04em;text-transform:uppercase}
.otpSuccess .close{color:#000;position:absolute;top:20px;right:20px;font-size:28px;font-weight:bold;cursor:pointer}
@media screen and (max-width:1020px){.otpSuccess .modal-content{width:497px;height:262px}
}
@media screen and (max-width:767px){.otpSuccess .modal-content{width:95%;margin:30% auto;padding:20px 25px;max-width:360px}
.otpSuccess .modal-content h2{font-size:18px;margin-bottom:20px}
}