<!-- Modal -->
<div class="modal fade otpModal" id="otpModal" tabindex="-1" role="dialog" aria-labelledby="otpModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="" method="post">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Otp</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="form-group">
                        <label>Phone</label>
                        <div class="input-group">
                            <span class="otp_icon"><i class="fa-solid fa-phone"></i></span>
                            <input type="text" name="phone_otp" class="form-control _inputStye" oninput="this.value = this.value.replace(/[^0-9]/g,'')">
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Email</label>
                        <div class="input-group">
                            <span class="otp_icon"><i class="fa-solid fa-envelope-open-text"></i></span>
                            <input type="email" name="email_otp" class="form-control _inputStye">
                        </div>
                    </div>

                </div><!-- modal-body -->
                <div class="modal-footer">
                    <button type="submit" class="btn otpSaveBtn">Save changes</button>
                </div>
            </div>
        </form>
    </div>
</div>