         <!-- STEP  5-->
        <div class="form-step" id="step5">
                                
                                <div class="card-top">
                                    <div class="d-flex align-items-center gap-3">
                                        <div class="icon-box">
                                            <i class="fa-solid fa-circle-check"></i>
                                        </div>
                            
                                        <div>
                                            <div class="title">Step 5. Review & Submit</div>
                                            <div class="subtitle">
                                                Review all details before submission.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="card-content">
                                    
                                    <!-- Personal Information -->
                                    <div class="preview-section">
                                
                                        <h5 class="mb-4 border-bottom pb-2">
                                            Personal Information
                                        </h5>
                                
                                        <div class="row g-4">
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Full Name</div>
                                                 
                                                <div class="value-text"><span id="review_full_name"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Date of Birth</div>
                                                 
                                                <div class="value-text"><span id="review_dob"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Gender</div>
                                                
                                                <div class="value-text"><span id="review_gender"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Marital Status</div>
                                               
                                                <div class="value-text"> <span id="review_marital_status"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Father / Spouse Name</div>
                                                
                                                <div class="value-text"> <span id="review_father_name"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Aadhaar Number</div>
                                                
                                                <div class="value-text"> <span id="review_aadhaar_number"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">PAN Number</div>
                                                
                                                <div class="value-text"> <span id="review_pan_number"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Passport Number</div>
                                                
                                                <div class="value-text"> <span id="review_passport"></span></div>
                                            </div>
                                        </div>
                                
                                    </div>
                                
                                    <!-- Address Details -->
                                    <div class="preview-section mt-5">
                                        <h5 class="mb-4 border-bottom pb-2">
                                            Address Details
                                        </h5>
            
                                        <div class="row g-4">
                                        
                                            <!-- Current Address -->
                                            <div class="col-md-6">
                                                <div class="label-small mb-2">
                                                    Current Address
                                                </div>
                                        
                                                <div class="value-text">
                                                    <div class="mb-1">
                                                        <strong>Address :</strong>
                                                        <span id="review_current_address"></span>
                                                    </div>
                                                    
                                                    <div class="mb-1">
                                                        <strong>City :</strong>
                                                        <span id="review_current_city"></span>
                                                    </div>
                                        
                                                    <div class="mb-1">
                                                        <strong>State :</strong>
                                                        <span id="review_current_state"></span>
                                                    </div>
                                                    
                                                    <div class="mb-1">
                                                        <strong>Country :</strong>
                                                        <span id="review_current_country"></span>
                                                    </div>
                                        
                                                </div>
                                            </div>
                                        
                                            <!-- Permanent Address -->
                                            <div class="col-md-6">
                                                <div class="label-small mb-2">
                                                    Permanent Address
                                                </div>
                                        
                                                <div class="value-text">
                                                    <div class="mb-1">
                                                        <strong>Address :</strong>
                                                        <span id="review_permanent_address"></span>
                                                    </div>
                                                    <div class="mb-1">
                                                        <strong>City :</strong>
                                                        <span id="review_permanent_city"></span>
                                                    </div>
                                        
                                        
                                                    <div class="mb-1">
                                                        <strong>State :</strong>
                                                        <span id="review_permanent_state"></span>
                                                    </div>
                                                    <div class="mb-1">
                                                        <strong>Country :</strong>
                                                        <span id="review_permanent_country"></span>
                                                    </div>
                                        
                                                 
                                                </div>
                                            </div>
                                                            
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Residence Type</div>-->
            
                                            <!--    <div class="value-text"><span id="review_residence_type"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Duration at Current Address</div>-->
                                                 
                                            <!--    <div class="value-text"><span id="review_address_duration"></span></div>-->
                                            <!--</div>-->
                                        </div>
                                    </div>
                                
                                    <!-- Loan Details -->
                                    <div class="preview-section mt-5">
                                
                                        <h5 class="mb-4 border-bottom pb-2">
                                            Loan Details
                                        </h5>
                                
                                        <div class="row g-4">
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Loan Type</div>
                                                 
                                                <div class="value-text"><span id="review_loan_type"></span></div>
                                            </div>
                                            
                                            
                                                <div class="col-md-6">
                                                <div class="label-small">Purpose of Loan</div>
                                                 
                                                <div class="value-text"><span id="review_purpose_of_loan"></span></div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="label-small">Kit Cost</div>                               
                                                <div class="value-text"><span id="review_kit_cost"></span></div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="label-small"> Down Payment</div>                               
                                                <div class="value-text"><span id="review_down_payment"></span></div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="label-small">Loan Amount</div>
                                                
                                                <div class="value-text">₹  <span id="review_loan_amount"></span></div>
                                            </div>
                                                                    
                                            <div class="col-md-6">
                                                <div class="label-small">Period In Months</div>
                                                 
                                                <div class="value-text"><span id="review_loan_tenure"></span></div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="label-small"> Membership fees </div>                               
                                                <div class="value-text"><span id="review_membership_fees"></span></div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="label-small">Documentation Fees</div>                               
                                                <div class="value-text"><span id="review_documentation_fees"></span></div>
                                            </div>

                                            <div class="col-md-6">
                                                    <div class="label-small">
                                                        Processing Fees
                                                    </div>
                                                
                                                    <div class="value-text">
                                                        ₹ <span id="review_processing_charges"></span>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="label-small">
                                                       Total Loan Amount (Including fees & charges)

                                                    </div>
                                                
                                                    <div class="value-text">
                                                        ₹ <span id="review_total_payment"></span>
                                                    </div>
                                                </div>

                                            <div class="col-md-6">
                                                <div class="label-small">Rate of intrest</div>                               
                                                <div class="value-text"><span id="review_rate_of_intrest"></span></div>
                                            </div>
                                
                                            
        

                                            <div class="col-md-6" style="display:none;">
                                                <div class="label-small">Preferred EMI</div>
                                                 
                                                <div class="value-text">₹ <span id="review_preferred_emi"></span></div>
                                            </div>
                                            
                                            <div class="col-md-6">
                                                    <div class="label-small">
                                                        Total Interest
                                                    </div>
                                                
                                                    <div class="value-text">
                                                        ₹ <span id="review_total_interest"></span>
                                                    </div>
                                                </div>
                                                
                                                
                                                
                                                
                                       <h5 class="mb-4 border-bottom pb-2">
                                            Payment Details Per One Payout
                                        </h5>
                                                <div class="col-md-6">
                                                    <div class="label-small">
                                                        Loan principle
                                                    </div>
                                                
                                                    <div class="value-text">
                                                        ₹ <span id="review_loan_principle"></span>
                                                    </div>
                                                </div>
                                                 <div class="col-md-6">
                                                    <div class="label-small">
                                                        Loan Intrest
                                                    </div>
                                                
                                                    <div class="value-text">
                                                        ₹ <span id="review_intrest_principle"></span>
                                                    </div>
                                                </div>
                                                 <div class="col-md-6">
                                                    <div class="label-small">
                                                        Total Deduction Per Payout
                                                    </div>
                                                
                                                    <div class="value-text">
                                                        ₹ <span id="review_deduction_principle"></span>
                                                    </div>
                                                </div>

                                                
                                

                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Current EMIs</div>-->
                                                 
                                            <!--    <div class="value-text">₹ <span id="review_current_emi"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Existing Loans</div>-->
                                                 
                                            <!--    <div class="value-text"><span id="review_existing_loans"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Credit Card Dues</div>-->
                                                 
                                            <!--    <div class="value-text">₹ <span id="review_credit_card_dues"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Outstanding Amount</div>-->
                                                 
                                            <!--    <div class="value-text">₹ <span id="review_outstanding_amount"></span></div>-->
                                            <!--</div>-->
                                
                                        </div>
                                
                                    </div>
                                
                                    <!-- Financial Details -->
                                    <div class="preview-section mt-5">
                                
                                        <h5 class="mb-4 border-bottom pb-2">
                                            Financial Details
                                        </h5>
                                
                                        <div class="row g-4">
                                            <div class="col-md-6">
                                                <div class="label-small">Occupation</div>                                                
                                                <div class="value-text"><span id="review_occupation"></span></div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="label-small">Income particulars</div>                                                
                                                <div class="value-text"><span id="review_income_particulars"></span></div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="label-small">Repayment schedule</div>                                                
                                                <div class="value-text"><span id="review_repayment_schedule"></span></div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="label-small">Renewal after</div>                                                
                                                <div class="value-text"><span id="review_renewal_after"></span></div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="label-small">Security purpose</div>                                                
                                                <div class="value-text"><span id="review_security_purpose"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Monthly Salary</div>
                                                
                                                <div class="value-text">₹  <span id="review_monthly_income"></span></div>
                                            </div>
                                
                                             <div class="col-md-6">
                                                <div class="label-small">Other Income Sources</div>
                                                 
                                                <div class="value-text"><span id="review_other_income"></span></div>
                                            </div>
                                
                                            <div class="col-md-6">
                                                <div class="label-small">Annual Income</div>
                                                 
                                                <div class="value-text">₹ <span id="review_annual_income"></span></div>
                                            </div>
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Salary Account Bank</div>-->
                                                 
                                            <!--    <div class="value-text"><span id="review_salary_bank"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Savings / Investments</div>-->
                                                 
                                            <!--    <div class="value-text"><span id="review_investments"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Property Details</div>-->
                                                
                                            <!--    <div class="value-text"> <span id="review_preperty_details"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Vehicles Owned</div>-->
                                                 
                                            <!--    <div class="value-text"><span id="review_vehicles_owned"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Net Worth</div>-->
                                                 
                                            <!--    <div class="value-text">₹ <span id="review_networth"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Type of Security</div>-->
                                                 
                                            <!--    <div class="value-text"><span id="review_type_of_security"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-md-6">-->
                                            <!--    <div class="label-small">Estimated Value</div>-->
                                                 
                                            <!--    <div class="value-text">₹ <span id="review_estimated_value"></span></div>-->
                                            <!--</div>-->
                                
                                            <!--<div class="col-12">-->
                                            <!--    <div class="label-small">Ownership Details</div>-->
                                                 
                                            <!--    <div class="value-text">-->
                                            <!--       <span id="review_ownership_details"></span>-->
                                            <!--    </div>-->
                                            <!--</div>-->
                                
                                        </div>
                                
                                    </div>
                                
                                    <!-- Bank Details -->
                                    <!--<div class="preview-section mt-5">-->
                                
                                    <!--    <h5 class="mb-4 border-bottom pb-2">-->
                                    <!--        Bank Details-->
                                    <!--    </h5>-->
                                
                                    <!--    <div class="row g-4">-->
                                
                                    <!--        <div class="col-md-6">-->
                                    <!--            <div class="label-small">Bank Name</div>-->
                                                 
                                    <!--            <div class="value-text"><span id="review_bank_details"></span></div>-->
                                    <!--        </div>-->
                                
                                    <!--        <div class="col-md-6">-->
                                    <!--            <div class="label-small">Account Number</div>-->
                                                 
                                    <!--            <div class="value-text"><span id="review_account_number"></span></div>-->
                                    <!--        </div>-->
                                
                                    <!--        <div class="col-md-6">-->
                                    <!--            <div class="label-small">IFSC Code</div>-->
                                                 
                                    <!--            <div class="value-text"><span id="review_ifsc_code"></span></div>-->
                                    <!--        </div>-->
                                
                                    <!--    </div>-->
                                
                                    <!--</div>-->
                                    
                                    <!-- Documents -->
                                    <div class="preview-section mt-5">
                                    
                                        <h5 class="mb-4 border-bottom pb-2">
                                            Uploaded Documents
                                        </h5>
                                    
                                        <div class="row g-4">
                                    
                                            <div class="col-md-6" id="review_id_proof_box">
                                                <div class="label-small">
                                                    ID Proof
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_id_proof_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>
                                    
                                            <div class="col-md-6" id="review_address_proof_box">
                                                <div class="label-small">
                                                    Address Proof
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_address_proof_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>
                                    
                                            <div class="col-md-6" id="review_income_proof_box">
                                                <div class="label-small">
                                                    Income Proof
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_income_proof_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>
                                    
                                            <div class="col-md-6" id="review_bankstatement_box">
                                                <div class="label-small">
                                                    Bank Statements
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_bankstatement_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>
                                    
                                            <div class="col-md-6" id="review_business_proof_box">
                                                <div class="label-small">
                                                    Business Proof
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_business_proof_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6" id="review_on_boarding_letter_box">
                                                <div class="label-small">
                                                   Onboarding Letter
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_on_boarding_letter_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6" id="review_background_verification_box">
                                                <div class="label-small">
                                                    Background verification box
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_background_verification_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6" id="review_file_name3_box">
                                                <div class="label-small">
                                                    File Name3
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_file_name3_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6" id="review_file_name4_box">
                                                <div class="label-small">
                                                    File Name4
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_file_name4_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6" id="review_file_name5_box">
                                                <div class="label-small">
                                                    File Name5
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_file_name5_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="col-md-6" id="review_photo_proof_box">
                                                <div class="label-small">
                                                    Photo
                                                </div>
                                    
                                                <div class="value-text">
                                                    <a href="" target="_blank" id="review_photo_proof_link">
                                                        <i class="fa fa-eye"></i> View Document
                                                    </a>
                                                </div>
                                            </div>
                                    
                                        </div>
                                    
                                    </div>
            
            
                                     <div class="col-12 mt-4">
                                        <div class="form-check">
                                            <input class="form-check-input checkbox-alignment" type="checkbox" id="declarationCheck" />
            
                                            <label class="form-check-label text-dark-600" for="declarationCheck">
                                                I hereby declare that all the information provided is
                                                true and correct to the best of my knowledge.
                                            </label>
                                        </div>
                                        <div id="declarationError"></div>
                                    </div>
            
                                    <!-- Consent for Credit Check -->
                                    <div class="col-12 mt-3">
                                        <div class="form-check">
                                            <input class="form-check-input checkbox-alignment" type="checkbox" id="creditCheckConsent" />
            
                                            <label class="form-check-label text-dark-600" for="creditCheckConsent">
                                                I authorize the lender to perform credit checks
                                                including CIBIL verification.
                                            </label>
                                        </div>
                                        <div id="creditError"></div>
                                    </div>
            
                                    <!-- Terms & Conditions Agreement -->
                                    
                                    <!-- <div class="terms-box d-flex align-items-start gap-3">
                                        <input class="form-check-input mt-1" type="checkbox" id="termsAgreement" />
                                        <label class="form-check-label text-dark-600" for="termsAgreement">
                                            By proceeding, you agree with our
                                            <a href="{{ url('help-center') }}">Terms &amp; Conditions</a>
                                            &amp;
                                            <a href="{{ url('help-center') }}">Privacy Policy</a>.
                                         </label>
                                    </div>
                                    
                                    <div id="termsError"></div> -->
                                    
                                    <div id="step5Message" class="step-message"></div>
                                </div>
                                
                                 <!-- Footer -->
                                <div class="card-footer-area d-flex justify-content-between">
                                    <button class="btn-outline-custom" onclick="prevStep(5)">
                                        Previous
                                    </button>
        
                                   <button type="button" class="btn-primary-custom" id="submitApplicationBtn">
                                        Submit Application
                                    </button>
                                </div>
                            </div>

                        </div>
                        
                    </div>
                </div>
            </main>

        </div>
    </section>
</article>

<!-- SUCCESS SCREEN -->
<div class="submit-success-wrapper d-none" id="successScreen">

    <div class="success-box">

        <div class="success-icon">

            <i class="bi bi-check-circle-fill"></i>

        </div>

        <h2 class="success-title">
            Application Submitted Successfully
        </h2>

        <p class="success-text">
            Thank you! Your loan application has been submitted successfully.
        </p>
        <p>Reference ID: 13445455666767</p>

    </div>

</div>

<div id="globalLoader">

    <div class="loader-content">

        <i class="fa fa-spinner fa-spin"></i>

        <p id="loaderText">Processing...</p>

    </div>

</div>
