*{margin:0;padding:0;box-sizing:border-box}
.modal-width{position:absolute !important;margin:unset !important;width:480px !important;top:50%;left:50%;transform:translate(-50%,-50%) !important}
.otp-header span{display:flex;align-items:center;margin-left:-7px}
.mail-input input{width:100%;padding:6px 8px;border:1px solid var(--gray-300,#d0d5dd);border-radius:6px;margin:1rem 0 10px;outline:0}
.verify-heading{color:#101828;font-size:18px;font-style:normal;font-weight:800;line-height:28px;margin-left:10px}
.success-img{width:36px;height:36px}
.otp-header{padding:unset !important;border-bottom:unset !important;margin:unset}
.otp-text{padding:unset !important}
.otp-text p{color:#475467;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:8px 0 0 0}
.otp-content{padding:20px}
.otp-boxes{display:flex;gap:3%;margin:1rem 0 8px}
.otp-boxes input{width:18%;padding:10px 14px;border-radius:8px;border:1px solid var(--gray-300,#d0d5dd);height:40px;text-align:center}
.otp-timing{color:#808080fc;font-size:14px;font-style:normal;line-height:20px;margin-bottom:1rem}
.otp-footer{width:100%;gap:6%;border-top:unset !important;margin:unset !important;padding:unset !important}
.otp-footer .verify{width:47%;color:#fff;font-size:14px;font-style:normal;line-height:20px;border-radius:8px;border:1px solid #f58220;background:#f58220;padding:6px 20px;cursor:pointer;transition:.2s ease-out;margin:unset;outline:0}
.otp-footer .verify:hover{background:#f58220d6;transition:.2s ease}
.otp-footer .resend{width:47%;color:#808080fc;cursor:pointer;font-size:14px;font-style:normal;line-height:20px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;padding:6px 20px;margin:unset;transition:.2s ease-out;outline:0}
.otp-footer .resend:hover{background:#8a8a8a2e;transition:.2s ease}
@media screen and (max-width:767px){.modal-width{width:92vw !important}
}