<!DOCTYPE html>
<html lang="zxx">
    
<head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Link of CSS files -->
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/fontawsome.min.css">
        <link rel="stylesheet" href="assets/fonts/flaticon.css">
        <link rel="stylesheet" href="assets/css/meanmenu.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/nice-select.min.css">
        <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
        <link rel="stylesheet" href="assets/css/jquery-ui.min.css">
        <link rel="stylesheet" href="assets/css/odometer.min.css">
        <link rel="stylesheet" href="assets/css/barfiller.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/dark.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        
        <title>Verification - Reclaim Ethically Legal & Ethical Standards</title> <meta name="description" content="Our compliance framework for international digital asset recovery. Legal investigation standards, ethical guidelines, cross-border recovery protocols, and regulatory adherence.">
        <link rel="icon" type="image/png" href="assets/images/fav-icon.png">
    </head>
    <body>
        
        <div class="theme-switcher">
            <label id="switch" class="switch">
                <input type="checkbox" onchange="toggleTheme()" id="slider">
                <span class="slider round"></span>
            </label>
        </div>
        
        <!-- navigation bar area start -->
        <?php
         $page = 'Verification';
         include 'header.php';?>
        <!-- navigation bar area end -->

        <!-- Uni Banner Area -->
        
        <!-- Uni Banner Area end -->

        <!-- terms area start -->
<!-- Uni Banner Area -->
<section class="uni-banner">
    <div class="container">
        <div class="uni-banner-text-area">
            <h1>Identity Verification</h1>
            <ul>
                <li><a href="index">Home</a></li>
                <li>Verification</li>
            </ul>
        </div>
    </div>
</section>
<!-- Uni Banner Area end -->

<!-- Verification Content Start -->
<section class="verification-content ptb-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <!-- Page Header -->
                <div class="verification-header text-center mb-5">
                    <div class="default-section-title default-section-title-middle">
                        <span>Secure Authentication</span>
                        <h2>Identity Verification & KYC Process</h2>
                        <p class="mt-3">Advanced verification systems to ensure security, compliance, and trust in every interaction</p>
                    </div>
                    
                    <!-- Verification Status (If logged in) -->
                    <div class="verification-status-card mt-4" id="verificationStatus">
                        <div class="status-header">
                            <h4><i class="fas fa-user-check"></i> Your Verification Status</h4>
                            <span class="status-badge pending">Pending</span>
                        </div>
                        <div class="status-progress">
                            <div class="progress-step completed">
                                <span class="step-number">1</span>
                                <span class="step-label">Account Created</span>
                            </div>
                            <div class="progress-step active">
                                <span class="step-number">2</span>
                                <span class="step-label">Identity Verification</span>
                            </div>
                            <div class="progress-step">
                                <span class="step-number">3</span>
                                <span class="step-label">Address Verification</span>
                            </div>
                            <div class="progress-step">
                                <span class="step-number">4</span>
                                <span class="step-label">Source of Funds</span>
                            </div>
                            <div class="progress-step">
                                <span class="step-number">5</span>
                                <span class="step-label">Complete</span>
                            </div>
                        </div>
                        <p class="status-note">Complete all steps to unlock full platform access and higher transaction limits.</p>
                    </div>
                </div>

                <!-- Why Verification Matters -->
                <div class="why-verification mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-shield-alt"></i> Why We Verify Identities
                    </h3>
                    
                    <div class="verification-reasons">
                        <div class="reason-card">
                            <div class="reason-icon">
                                <i class="fas fa-user-shield"></i>
                            </div>
                            <h5>Prevent Fraud</h5>
                            <p>Reduce fake accounts, identity theft, and unauthorized access by verifying every user.</p>
                        </div>
                        <div class="reason-card">
                            <div class="reason-icon">
                                <i class="fas fa-balance-scale"></i>
                            </div>
                            <h5>Regulatory Compliance</h5>
                            <p>Meet KYC (Know Your Customer) and AML (Anti-Money Laundering) requirements globally.</p>
                        </div>
                        <div class="reason-card">
                            <div class="reason-icon">
                                <i class="fas fa-handshake"></i>
                            </div>
                            <h5>Build Trust</h5>
                            <p>Create a secure environment where verified users can interact with confidence.</p>
                        </div>
                        <div class="reason-card">
                            <div class="reason-icon">
                                <i class="fas fa-bolt"></i>
                            </div>
                            <h5>Faster Processing</h5>
                            <p>Verified accounts enjoy quicker transaction approvals and higher limits.</p>
                        </div>
                    </div>
                </div>

                <!-- Verification Methods -->
                <div class="verification-methods-section mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-fingerprint"></i> Verification Methods
                    </h3>
                    <p class="section-subtitle">Multi-layered verification for maximum security</p>
                    
                    <div class="methods-tabs">
                        <!-- Tab Navigation -->
                        <ul class="nav nav-tabs" id="verificationTabs" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="basic-tab" data-bs-toggle="tab" data-bs-target="#basic" type="button" role="tab">
                                    <i class="fas fa-envelope"></i> Basic
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="advanced-tab" data-bs-toggle="tab" data-bs-target="#advanced" type="button" role="tab">
                                    <i class="fas fa-id-card"></i> Advanced
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="biometric-tab" data-bs-toggle="tab" data-bs-target="#biometric" type="button" role="tab">
                                    <i class="fas fa-user-circle"></i> Biometric
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="corporate-tab" data-bs-toggle="tab" data-bs-target="#corporate" type="button" role="tab">
                                    <i class="fas fa-building"></i> Corporate
                                </button>
                            </li>
                        </ul>
                        
                        <!-- Tab Content -->
                        <div class="tab-content" id="verificationTabsContent">
                            <!-- Basic Verification -->
                            <div class="tab-pane fade show active" id="basic" role="tabpanel">
                                <div class="method-details">
                                    <div class="method-header">
                                        <h4>Basic Verification</h4>
                                        <span class="method-level">Level 1</span>
                                    </div>
                                    <p>Email and phone verification for initial account access.</p>
                                    
                                    <div class="method-requirements">
                                        <h5>Requirements:</h5>
                                        <ul>
                                            <li><i class="fas fa-check-circle"></i> Valid email address</li>
                                            <li><i class="fas fa-check-circle"></i> Active phone number</li>
                                            <li><i class="fas fa-check-circle"></i> Email confirmation code</li>
                                            <li><i class="fas fa-check-circle"></i> SMS verification code</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="method-limits">
                                        <h5>Account Limits:</h5>
                                        <table class="limits-table">
                                            <tr>
                                                <td>Daily Transactions</td>
                                                <td><strong>$1,000</strong></td>
                                            </tr>
                                            <tr>
                                                <td>Maximum Single Transaction</td>
                                                <td><strong>$500</strong></td>
                                            </tr>
                                            <tr>
                                                <td>Withdrawal Limit</td>
                                                <td><strong>$2,000/month</strong></td>
                                            </tr>
                                        </table>
                                    </div>
                                    
                                    <!-- <button class="btn-verify-basic btn-primary">
                                        <i class="fas fa-envelope"></i> Complete Basic Verification
                                    </button> -->
                                </div>
                            </div>
                            
                            <!-- Advanced Verification -->
                            <div class="tab-pane fade" id="advanced" role="tabpanel">
                                <div class="method-details">
                                    <div class="method-header">
                                        <h4>Advanced Verification</h4>
                                        <span class="method-level">Level 2</span>
                                    </div>
                                    <p>Government ID verification for higher trust and limits.</p>
                                    
                                    <div class="method-requirements">
                                        <h5>Accepted Documents:</h5>
                                        <div class="doc-options">
                                            <div class="doc-option">
                                                <i class="fas fa-passport"></i>
                                                <h6>Passport</h6>
                                                <p>All countries accepted</p>
                                            </div>
                                            <div class="doc-option">
                                                <i class="fas fa-id-card"></i>
                                                <h6>Driver's License</h6>
                                                <p>Issued by government</p>
                                            </div>
                                            <div class="doc-option">
                                                <i class="fas fa-address-card"></i>
                                                <h6>National ID</h6>
                                                <p>Government-issued</p>
                                            </div>
                                        </div>
                                        
                                        <h5 class="mt-4">Additional Requirements:</h5>
                                        <ul>
                                            <li><i class="fas fa-check-circle"></i> Clear photo of document</li>
                                            <li><i class="fas fa-check-circle"></i> Selfie with document</li>
                                            <li><i class="fas fa-check-circle"></i> Liveness check</li>
                                            <li><i class="fas fa-check-circle"></i> Address confirmation</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="method-limits">
                                        <h5>Account Limits:</h5>
                                        <table class="limits-table">
                                            <tr>
                                                <td>Daily Transactions</td>
                                                <td><strong>$10,000</strong></td>
                                            </tr>
                                            <tr>
                                                <td>Maximum Single Transaction</td>
                                                <td><strong>$5,000</strong></td>
                                            </tr>
                                            <tr>
                                                <td>Withdrawal Limit</td>
                                                <td><strong>$50,000/month</strong></td>
                                            </tr>
                                        </table>
                                    </div>
                                    
                                    <button class="btn-verify-advanced btn-primary">
                                        <i class="fas fa-camera"></i> Start Advanced Verification
                                    </button>
                                </div>
                            </div>
                            
                            <!-- Biometric Verification -->
                            <div class="tab-pane fade" id="biometric" role="tabpanel">
                                <div class="method-details">
                                    <div class="method-header">
                                        <h4>Biometric Verification</h4>
                                        <span class="method-level">Level 3</span>
                                    </div>
                                    <p>Advanced biometric authentication for maximum security.</p>
                                    
                                    <div class="method-features">
                                        <div class="feature">
                                            <i class="fas fa-face-recognition"></i>
                                            <div>
                                                <h6>Facial Recognition</h6>
                                                <p>3D face mapping and liveness detection</p>
                                            </div>
                                        </div>
                                        <div class="feature">
                                            <i class="fas fa-fingerprint"></i>
                                            <div>
                                                <h6>Fingerprint Scan</h6>
                                                <p>Device biometric authentication</p>
                                            </div>
                                        </div>
                                        <div class="feature">
                                            <i class="fas fa-voice"></i>
                                            <div>
                                                <h6>Voice Verification</h6>
                                                <p>Unique voice pattern recognition</p>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="method-requirements">
                                        <h5>Compatible Devices:</h5>
                                        <div class="devices">
                                            <span class="device-badge"><i class="fab fa-apple"></i> iPhone X+</span>
                                            <span class="device-badge"><i class="fab fa-android"></i> Android 8+</span>
                                            <span class="device-badge"><i class="fas fa-laptop"></i> Webcam required</span>
                                        </div>
                                    </div>
                                    
                                    <div class="method-limits">
                                        <h5>Account Limits:</h5>
                                        <table class="limits-table">
                                            <tr>
                                                <td>Daily Transactions</td>
                                                <td><strong>$100,000</strong></td>
                                            </tr>
                                            <tr>
                                                <td>Maximum Single Transaction</td>
                                                <td><strong>$25,000</strong></td>
                                            </tr>
                                            <tr>
                                                <td>Withdrawal Limit</td>
                                                <td><strong>Unlimited</strong></td>
                                            </tr>
                                        </table>
                                    </div>
                                    
                                    <button class="btn-verify-biometric btn-primary">
                                        <i class="fas fa-fingerprint"></i> Setup Biometric Verification
                                    </button>
                                </div>
                            </div>
                            
                            <!-- Corporate Verification -->
                            <div class="tab-pane fade" id="corporate" role="tabpanel">
                                <div class="method-details">
                                    <div class="method-header">
                                        <h4>Corporate Verification</h4>
                                        <span class="method-level">Business</span>
                                    </div>
                                    <p>Business entity verification for corporate accounts and high-volume transactions.</p>
                                    
                                    <div class="method-requirements">
                                        <h5>Required Documents:</h5>
                                        <div class="corporate-docs">
                                            <div class="doc-item">
                                                <i class="fas fa-file-contract"></i>
                                                <div>
                                                    <h6>Certificate of Incorporation</h6>
                                                    <p>Proof of business registration</p>
                                                </div>
                                            </div>
                                            <div class="doc-item">
                                                <i class="fas fa-user-tie"></i>
                                                <div>
                                                    <h6>Director Identification</h6>
                                                    <p>IDs of all directors & beneficial owners</p>
                                                </div>
                                            </div>
                                            <div class="doc-item">
                                                <i class="fas fa-building"></i>
                                                <div>
                                                    <h6>Proof of Address</h6>
                                                    <p>Business utility bill or lease agreement</p>
                                                </div>
                                            </div>
                                            <div class="doc-item">
                                                <i class="fas fa-chart-line"></i>
                                                <div>
                                                    <h6>Source of Funds</h6>
                                                    <p>Business financial statements</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="corporate-benefits">
                                        <h5>Business Benefits:</h5>
                                        <ul>
                                            <li>Dedicated account manager</li>
                                            <li>Custom API integration</li>
                                            <li>Bulk transaction processing</li>
                                            <li>International wire capabilities</li>
                                            <li>Priority support 24/7</li>
                                        </ul>
                                    </div>
                                    
                                    <button class="btn-verify-corporate btn-primary">
                                        <i class="fas fa-building"></i> Start Corporate Verification
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Data Security & Privacy -->
                <div class="security-privacy-section mb-5">
                    <div class="security-card">
                        <div class="security-header">
                            <h3><i class="fas fa-lock"></i> Your Data is Secure</h3>
                            <span class="security-badge">SOC 2 Certified</span>
                        </div>
                        
                        <div class="security-features-grid">
                            <div class="security-feature">
                                <i class="fas fa-shield-alt"></i>
                                <h5>End-to-End Encryption</h5>
                                <p>All verification data encrypted with AES-256</p>
                            </div>
                            <div class="security-feature">
                                <i class="fas fa-user-secret"></i>
                                <h5>Data Minimization</h5>
                                <p>We collect only what's necessary for verification</p>
                            </div>
                            <div class="security-feature">
                                <i class="fas fa-trash-alt"></i>
                                <h5>Automatic Deletion</h5>
                                <p>Documents deleted after 90 days of verification</p>
                            </div>
                            <div class="security-feature">
                                <i class="fas fa-eye-slash"></i>
                                <h5>No Third-Party Sharing</h5>
                                <p>We never sell or share your verification data</p>
                            </div>
                        </div>
                        
                        <div class="compliance-badges">
                            <div class="badge">
                                <img src="https://img.icons8.com/color/48/000000/gdpr.png" alt="GDPR">
                                <span>GDPR Compliant</span>
                            </div>
                            <div class="badge">
                                <img src="https://img.icons8.com/color/48/000000/security-checked.png" alt="SOC2">
                                <span>SOC 2 Type II</span>
                            </div>
                            <div class="badge">
                                <img src="https://img.icons8.com/color/48/000000/iso.png" alt="ISO">
                                <span>ISO 27001</span>
                            </div>
                            <div class="badge">
                                <img src="https://img.icons8.com/color/48/000000/privacy.png" alt="CCPA">
                                <span>CCPA Compliant</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Verification Process -->
                <div class="verification-process-section mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-list-ol"></i> How Verification Works
                    </h3>
                    
                    <div class="process-timeline-detailed">
                        <div class="process-step-detailed">
                            <div class="step-number-detailed">1</div>
                            <div class="step-content-detailed">
                                <h5>Submit Documents</h5>
                                <p>Upload required documents through our secure portal</p>
                                <ul class="step-tips">
                                    <li>Ensure documents are clear and legible</li>
                                    <li>All corners visible in photos</li>
                                    <li>Documents must be valid and not expired</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="process-step-detailed">
                            <div class="step-number-detailed">2</div>
                            <div class="step-content-detailed">
                                <h5>Automated Checks</h5>
                                <p>AI-powered verification systems analyze your documents</p>
                                <div class="check-types">
                                    <span class="check-badge"><i class="fas fa-check"></i> Document Authenticity</span>
                                    <span class="check-badge"><i class="fas fa-check"></i> Face Match</span>
                                    <span class="check-badge"><i class="fas fa-check"></i> Liveness Detection</span>
                                    <span class="check-badge"><i class="fas fa-check"></i> Database Cross-check</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="process-step-detailed">
                            <div class="step-number-detailed">3</div>
                            <div class="step-content-detailed">
                                <h5>Manual Review</h5>
                                <p>Our verification team performs final quality checks</p>
                                <div class="review-info">
                                    <div class="info-item">
                                        <i class="fas fa-clock"></i>
                                        <div>
                                            <h6>Review Time</h6>
                                            <p>1-24 hours for most cases</p>
                                        </div>
                                    </div>
                                    <div class="info-item">
                                        <i class="fas fa-user-tie"></i>
                                        <div>
                                            <h6>Review Team</h6>
                                            <p>Trained verification specialists</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="process-step-detailed">
                            <div class="step-number-detailed">4</div>
                            <div class="step-content-detailed">
                                <h5>Approval & Access</h5>
                                <p>Get notified and unlock your account features</p>
                                <div class="approval-benefits">
                                    <div class="benefit">
                                        <i class="fas fa-check-circle"></i>
                                        <span>Higher transaction limits</span>
                                    </div>
                                    <div class="benefit">
                                        <i class="fas fa-check-circle"></i>
                                        <span>Faster processing times</span>
                                    </div>
                                    <div class="benefit">
                                        <i class="fas fa-check-circle"></i>
                                        <span>Priority support access</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- FAQ Section -->
                <div class="verification-faq mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-question-circle"></i> Verification FAQs
                    </h3>
                    
                    <div class="faq-accordion">
                        <div class="accordion" id="verificationFaq">
                            <!-- FAQ 1 -->
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                        How long does verification take?
                                    </button>
                                </h2>
                                <div id="faq1" class="accordion-collapse collapse show">
                                    <div class="accordion-body">
                                        <p><strong>Basic verification:</strong> Instant (email/SMS codes)</p>
                                        <p><strong>Advanced verification:</strong> 1-24 hours (document review)</p>
                                        <p><strong>Corporate verification:</strong> 1-3 business days (due to complexity)</p>
                                        <p class="mt-2"><em>Note: Incomplete or unclear submissions may require re-submission, adding 24 hours.</em></p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- FAQ 2 -->
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                        What if my verification is rejected?
                                    </button>
                                </h2>
                                <div id="faq2" class="accordion-collapse collapse">
                                    <div class="accordion-body">
                                        <p>Common reasons for rejection:</p>
                                        <ul>
                                            <li><strong>Blurry photos:</strong> Ensure all text is readable</li>
                                            <li><strong>Expired documents:</strong> Submit current, valid documents</li>
                                            <li><strong>Mismatched information:</strong> Names must match exactly</li>
                                            <li><strong>Incomplete documents:</strong> Submit all required pages</li>
                                        </ul>
                                        <p>If rejected, you'll receive specific instructions for resubmission. You have <strong>3 attempts</strong> before a 7-day cooldown period.</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- FAQ 3 -->
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                        Is my verification data secure?
                                    </button>
                                </h2>
                                <div id="faq3" class="accordion-collapse collapse">
                                    <div class="accordion-body">
                                        <p><strong>Yes, absolutely.</strong> We implement multiple security layers:</p>
                                        <div class="security-points">
                                            <div class="point">
                                                <i class="fas fa-lock"></i>
                                                <div>
                                                    <h6>Encryption</h6>
                                                    <p>AES-256 encryption at rest and in transit</p>
                                                </div>
                                            </div>
                                            <div class="point">
                                                <i class="fas fa-server"></i>
                                                <div>
                                                    <h6>Secure Storage</h6>
                                                    <p>SOC 2 compliant data centers with biometric access</p>
                                                </div>
                                            </div>
                                            <div class="point">
                                                <i class="fas fa-trash"></i>
                                                <div>
                                                    <h6>Data Retention</h6>
                                                    <p>Documents automatically deleted after 90 days</p>
                                                </div>
                                            </div>
                                        </div>
                                        <p>We are <strong>GDPR, CCPA, and SOC 2 compliant</strong> and never share verification data with third parties.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Get Started CTA -->
                <div class="verification-cta">
                    <div class="cta-card-verification">
                        <div class="cta-content">
                            <h3>Ready to Get Verified?</h3>
                            <p>Complete verification in minutes and unlock full access to Reclaim Ethically's services.</p>
                            <div class="cta-buttons">
                                <button class="btn-start-verification btn-primary btn-lg">
                                    <i class="fas fa-play-circle"></i> Start Verification Now
                                </button>
                                <a href="contact" class="btn-contact-support">
                                    <i class="fas fa-headset"></i> Need Help? Contact Support
                                </a>
                            </div>
                            <div class="cta-features">
                                <div class="feature">
                                    <i class="fas fa-check"></i>
                                    <span style="color: #3f9f42;">100% Secure</span>
                                </div>
                                <div class="feature">
                                    <i class="fas fa-clock"></i>
                                    <span style="color: #3f9f42;">5-10 Minutes Average</span>
                                </div>
                                <!-- <div class="feature">
                                    <i class="fas fa-lock"></i>
                                    <span style="color: #3f9f42;">No Upfront Cost</span>
                                </div> -->
                            </div>
                        </div>
                        <div class="cta-image">
                            <i class="fas fa-user-check fa-5x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Verification Content End -->

<style>
    /* ===== VERIFICATION PAGE SPECIFIC STYLES ===== */
.verification-content {
    background: #f8f9fa;
}

/* Verification Status Card */
.verification-status-card {
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 2px solid #e0e0e0;
    max-width: 800px;
    margin: 0 auto;
}

.status-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.status-header h4 {
    color: #000000;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.status-badge {
    padding: 8px 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 14px;
}

.status-badge.pending {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.status-badge.verified {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-badge.rejected {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.status-progress {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 30px 0;
}

.status-progress:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    height: 4px;
    background: #e0e0e0;
    z-index: 1;
}

.progress-step {
    position: relative;
    z-index: 2;
    text-align: center;
    flex: 1;
}

.step-number {
    width: 34px;
    height: 34px;
    background: #e0e0e0;
    color: #666;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    font-weight: bold;
    font-size: 14px;
    border: 3px solid white;
}

.progress-step.active .step-number {
    background: #3f9f42;
    color: white;
    box-shadow: 0 0 0 4px rgba(63, 159, 66, 0.2);
}

.progress-step.completed .step-number {
    background: #2d8a2f;
    color: white;
}

.step-label {
    font-size: 12px;
    color: #666;
    display: block;
    font-weight: 600;
}

.progress-step.active .step-label {
    color: #3f9f42;
}

.status-note {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin: 20px 0 0;
    font-style: italic;
}

/* Why Verification Reasons */
.verification-reasons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.reason-card {
    background: white;
    padding: 30px;
    border-radius: 12px;
    text-align: center;
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
    height: 100%;
}

.reason-card:hover {
    border-color: #3f9f42;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(63, 159, 66, 0.1);
}

.reason-icon {
    width: 70px;
    height: 70px;
    background: rgba(63, 159, 66, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: #3f9f42;
    font-size: 30px;
}

.reason-card h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 15px;
}

.reason-card p {
    color: #666;
    margin: 0;
    line-height: 1.5;
}

/* Verification Methods Tabs */
.methods-tabs {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    margin-top: 30px;
}

.nav-tabs {
    background: #f8f9fa;
    border-bottom: 2px solid #e0e0e0;
    padding: 0 20px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.nav-tabs .nav-link {
    border: none;
    color: #666;
    font-weight: 600;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.nav-tabs .nav-link:hover {
    color: #3f9f42;
    background: transparent;
}

.nav-tabs .nav-link.active {
    color: #3f9f42;
    background: white;
    border-bottom: 3px solid #3f9f42;
}

.tab-content {
    padding: 40px;
}

.method-details {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.method-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.method-header h4 {
    color: #000000;
    font-weight: 700;
    margin: 0;
}

.method-level {
    background: #3f9f42;
    color: white;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
}

.method-requirements {
    margin: 25px 0;
}

.method-requirements h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 15px;
}

.method-requirements ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.method-requirements li {
    padding: 10px 0;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
}

.method-requirements li i {
    color: #3f9f42;
}

/* Document Options */
.doc-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.doc-option {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
}

.doc-option:hover {
    border-color: #3f9f42;
    transform: translateY(-3px);
}

.doc-option i {
    font-size: 32px;
    color: #3f9f42;
    margin-bottom: 15px;
}

.doc-option h6 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.doc-option p {
    color: #666;
    margin: 0;
    font-size: 13px;
}

/* Limits Table */
.limits-table {
    width: 100%;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #e0e0e0;
    margin: 15px 0;
}

.limits-table tr {
    border-bottom: 1px solid #f0f0f0;
}

.limits-table tr:last-child {
    border-bottom: none;
}

.limits-table td {
    padding: 15px 20px;
    color: #333;
}

.limits-table td:first-child {
    font-weight: 500;
}

.limits-table td:last-child {
    font-weight: 700;
    color: #3f9f42;
    text-align: right;
}

/* Biometric Features */
.method-features {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 25px 0;
}

.feature {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
}

.feature i {
    font-size: 28px;
    color: #3f9f42;
    flex-shrink: 0;
}

.feature h6 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.feature p {
    color: #666;
    margin: 0;
    font-size: 14px;
}

.devices {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}

.device-badge {
    background: white;
    padding: 10px 20px;
    border-radius: 20px;
    border: 2px solid #e0e0e0;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Corporate Verification */
.corporate-docs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.doc-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

.doc-item i {
    color: #3f9f42;
    font-size: 24px;
    flex-shrink: 0;
}

.doc-item h6 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.doc-item p {
    color: #666;
    margin: 0;
    font-size: 14px;
}

.corporate-benefits {
    background: rgba(63, 159, 66, 0.05);
    padding: 25px;
    border-radius: 10px;
    margin: 25px 0;
    border-left: 4px solid #3f9f42;
}

.corporate-benefits h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 15px;
}

.corporate-benefits ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    column-count: 2;
}

.corporate-benefits li {
    padding: 8px 0;
    padding-left: 25px;
    position: relative;
    color: #333;
}

.corporate-benefits li:before {
    content: "✓";
    color: #3f9f42;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Verification Buttons */
.btn-verify-basic,
.btn-verify-advanced,
.btn-verify-biometric,
.btn-verify-corporate {
    width: 100%;
    padding: 18px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
    transition: all 0.3s ease;
}

.btn-verify-basic:hover,
.btn-verify-advanced:hover,
.btn-verify-biometric:hover,
.btn-verify-corporate:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(63, 159, 66, 0.2);
}

/* Security & Privacy Card */
.security-card {
    background: white;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 2px solid #3f9f42;
}

.security-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.security-header h3 {
    color: #000000;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
}

.security-badge {
    background: #3f9f42;
    color: white;
    padding: 8px 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 14px;
}

.security-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin: 30px 0;
}

.security-feature {
    text-align: center;
    padding: 25px;
    background: #f9f9f9;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.security-feature:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.security-feature i {
    font-size: 36px;
    color: #3f9f42;
    margin-bottom: 20px;
}

.security-feature h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}

.security-feature p {
    color: #666;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.compliance-badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid #f0f0f0;
}

.compliance-badges .badge {
    text-align: center;
}

.compliance-badges img {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
}

.compliance-badges span {
    display: block;
    color: #666;
    font-weight: 600;
    font-size: 14px;
}

/* Detailed Process Timeline */
.process-timeline-detailed {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
    position: relative;
    padding-left: 30px;
}

.process-timeline-detailed:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #3f9f42;
}

.process-step-detailed {
    position: relative;
    display: flex;
    gap: 30px;
}

.step-number-detailed {
    width: 32px;
    height: 32px;
    background: #3f9f42;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: -40px;
    top: 0;
    z-index: 1;
    border: 4px solid white;
}

.step-content-detailed {
    background: white;
    padding: 25px;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    flex-grow: 1;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.step-content-detailed h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}

.step-content-detailed p {
    color: #666;
    margin-bottom: 15px;
}

.step-tips {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 0;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

.step-tips li {
    padding: 5px 0;
    color: #333;
    font-size: 14px;
}

.check-types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.check-badge {
    background: rgba(63, 159, 66, 0.1);
    color: #3f9f42;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.review-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

.info-item i {
    color: #3f9f42;
    font-size: 20px;
}

.info-item h6 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.info-item p {
    color: #666;
    margin: 0;
    font-size: 14px;
}

.approval-benefits {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.benefit {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
}

.benefit i {
    color: #3f9f42;
}

/* Verification FAQ */
.verification-faq {
    background: white;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.faq-accordion .accordion-item {
    border: 2px solid #e0e0e0;
    border-radius: 8px !important;
    margin-bottom: 15px;
    overflow: hidden;
}

.faq-accordion .accordion-button {
    background: #f9f9f9 !important;
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.faq-accordion .accordion-button:not(.collapsed) {
    background: rgba(63, 159, 66, 0.05) !important;
    color: #2d8a2f !important;
}

.security-points {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.point {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

.point i {
    color: #3f9f42;
    font-size: 20px;
    margin-top: 3px;
}

.point h6 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.point p {
    color: #666;
    margin: 0;
    font-size: 14px;
}

/* Verification CTA */
.verification-cta {
    background: linear-gradient(135deg, #3f9f42 0%, #2d8a2f 100%);
    border-radius: 12px;
    overflow: hidden;
    color: white;
    margin-top: 50px;
}

.cta-card-verification {
    display: flex;
    align-items: center;
    padding: 50px;
}

.cta-content {
    flex-grow: 1;
}

.cta-content h3 {
    color: white;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 32px;
}

.cta-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 600px;
}

.cta-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.btn-start-verification {
    background: white !important;
    color: #3f9f42 !important;
    border: none !important;
    padding: 18px 40px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease !important;
}

.btn-start-verification:hover {
    background: #f8f9fa !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
}

.btn-contact-support {
    color: white;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 18px 30px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    transition: all 0.3s ease;
}

.btn-contact-support:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    transform: translateY(-3px);
}

.cta-features {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.cta-features .feature {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
}

.cta-features .feature i {
    font-size: 18px;
}

.cta-image {
    flex-shrink: 0;
    margin-left: 50px;
}

.cta-image i {
    color: rgba(255, 255, 255, 0.2);
    font-size: 150px;
}

/* Responsive */
@media (max-width: 992px) {
    .cta-card-verification {
        flex-direction: column;
        text-align: center;
        padding: 40px 30px;
    }
    
    .cta-image {
        margin: 30px 0 0;
    }
    
    .cta-image i {
        font-size: 100px;
    }
    
    .nav-tabs {
        flex-wrap: wrap;
    }
    
    .nav-tabs .nav-link {
        flex: 1;
        min-width: 120px;
        justify-content: center;
    }
    
    .corporate-benefits ul {
        column-count: 1;
    }
}

@media (max-width: 768px) {
    .verification-reasons,
    .security-features-grid,
    .doc-options {
        grid-template-columns: 1fr;
    }
    
    .status-progress {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
    
    .status-progress:before {
        display: none;
    }
    
    .progress-step {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        text-align: left;
    }
    
    .step-number {
        margin: 0;
    }
    
    .process-timeline-detailed {
        padding-left: 0;
    }
    
    .process-timeline-detailed:before {
        display: none;
    }
    
    .process-step-detailed {
        flex-direction: column;
    }
    
    .step-number-detailed {
        position: static;
        margin-bottom: 15px;
    }
    
    .cta-buttons {
        flex-direction: column;
    }
    
    .btn-start-verification,
    .btn-contact-support {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .verification-status-card,
    .methods-tabs,
    .security-card,
    .verification-faq {
        padding: 25px 20px;
    }
    
    .tab-content {
        padding: 25px 20px;
    }
    
    .method-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .compliance-badges {
        gap: 15px;
    }
    
    .compliance-badges .badge {
        flex: 1;
        min-width: 100px;
    }
}
</style>
        <!-- terms area end -->

        <!-- Footer area start -->
        <?php include 'footer.php';?>
        <!-- Footer area end -->

       

        <div class="go-top go-top-3"><i class="fas fa-chevron-up"></i></div>

        <!-- Link of JS files -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery-ui.min.js"></script>
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <script src="assets/js/meanmenu.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/magnific-popup.min.js"></script>
        <script src="assets/js/TweenMax.js"></script>
        <script src="assets/js/nice-select.min.js"></script>
        <script src="assets/js/form-validator.min.js"></script>
        <script src="assets/js/contact-form-script.js"></script>
        <script src="assets/js/ajaxchimp.min.js"></script>
        <script src="assets/js/countdown.min.js"></script>
        <script src="assets/js/appear.min.js"></script>
        <script src="assets/js/barfiller.js"></script>
        <script src="assets/js/odometer.min.js"></script>
        <script src="assets/js/custom.js"></script>
    </body>

</html>



