<div class="otp-box">

    <h2>Verify Mobile Number</h2>

    <input
        type="tel"
        id="phone"
        placeholder="Enter mobile number"
        maxlength="10"
    >

    <div id="recaptcha-container"></div>

    <button type="button" id="sendOtpBtn">
        Send OTP
    </button>

    <div id="otp-section" style="display:none;">

        <input
            type="text"
            id="otp"
            placeholder="Enter OTP"
            maxlength="6"
        >

        <button type="button" id="verifyOtpBtn">
            Verify OTP
        </button>

    </div>

    <div id="otp-message"></div>

</div>