:where(.containerotp,form,.input-field,header){display:flex;flex-direction:column;align-items:center;justify-content:center}.containerotp{background:#fff;padding:20px 65px;border-radius:12px;row-gap:20px}.containerotp header{height:65px;width:65px;background:#4070f4;color:#fff;font-size:2.5rem;border-radius:50%}.containerotp h4{font-size:14px;color:#8c8c8c;font-weight:500}form .input-field{flex-direction:row;column-gap:10px}.input-field input{height:45px;width:42px;border-radius:6px;outline:0;font-size:1.125rem;text-align:center;border:1px solid #ddd}.input-field input:focus{box-shadow:0 1px 0 rgba(0,0,0,.1)}.input-field input::-webkit-inner-spin-button,.input-field input::-webkit-outer-spin-button{display:none}form button{margin-top:25px;width:100%;color:#fff;font-size:1rem;border:none;padding:9px 0;cursor:pointer;border-radius:6px;pointer-events:none;background:#6e93f7;transition:all .2s ease}form button.active{background:#4070f4;pointer-events:auto}form button:hover{background:#0e4bf1}span.span_mobile{font-size:inherit}div#InvalidOTP .popupcontainer{border-radius:15px;margin:15px;width:calc(100% - 30px)}div#InvalidOTP .popupcontainer span.cross{top:10px!important;right:9px!important}div#InvalidOTP .popupcontainer big{border-radius:15px 15px 0 0}@media only screen and (max-width:481px){div#InvalidOTP .popupcontainer{position:fixed;bottom:0;top:auto!important;margin:0;width:100%;border-radius:20px 20px 0 0}}