custom1/track_application.html

362 lines
34 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>track_application</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Visa2Egypt</div><ul class="nav-1-nav-links"><li><a href="home.html">Home</a></li><li><a href="about.html">Visa Types</a></li><li><a href="contact.html">Requirements</a></li><li><a href="services.html">Processing</a></li><li><a href="faq.html">FAQ</a></li><li class="nav-1-dropdown"><a href="#">Resources<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Track Visa</button><button class="nav-1-btn nav-1-solid">Apply Now</button></div></nav></div>
<div class="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Pharaoh-Approved Processing</p><h2 class="text-2-heading">Apply for Your Egypt Visa Online Fast & Secure</h2><p class="text-2-description">Government-approved processing with 24/7 support. Explore the land of Pharaohs with confidence.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Start Your Application</button><button class="text-2-btn text-2-outline">Explore Visa Types</button></div></section></div>
<section id="application-tracking" style="background-color: #002147; color: white; padding: 80px 20px; font-family: 'Open Sans', sans-serif; box-sizing: border-box;">
<div style="max-width: 1000px; margin: 0 auto; text-align: center;">
<h2 style="font-family: 'Cairo', sans-serif; color: #C19A6B; font-size: 2.8em; margin-bottom: 25px; font-weight: bold;">Track Your Visa Application</h2>
<p style="font-size: 1.2em; line-height: 1.7; margin-bottom: 50px; max-width: 750px; margin-left: auto; margin-right: auto; opacity: 0.9;">
Enter your Application ID and Email to get real-time updates on your Egypt visa status. Receive embassy submission timestamps and essential approval notes.
</p>
<form style="display: flex; flex-direction: column; gap: 25px; max-width: 550px; margin: 0 auto; background-color: #002147; padding: 40px; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); border: 1px solid rgba(193, 154, 107, 0.3);">
<div style="text-align: left;">
<label for="tracking-id" style="display: block; margin-bottom: 10px; font-weight: 600; font-size: 1.05em;">Application ID:</label>
<input type="text" id="tracking-id" name="tracking_id" placeholder="e.g., VSE-2023-123456" required
style="width: calc(100% - 24px); padding: 15px 12px; border: 1px solid #C19A6B; border-radius: 8px; background-color: rgba(255, 255, 255, 0.08); color: white; font-size: 1em; outline: none; transition: border-color 0.3s ease;">
</div>
<div style="text-align: left;">
<label for="tracking-email" style="display: block; margin-bottom: 10px; font-weight: 600; font-size: 1.05em;">Email Address:</label>
<input type="email" id="tracking-email" name="tracking_email" placeholder="your.email@example.com" required
style="width: calc(100% - 24px); padding: 15px 12px; border: 1px solid #C19A6B; border-radius: 8px; background-color: rgba(255, 255, 255, 0.08); color: white; font-size: 1em; outline: none; transition: border-color 0.3s ease;">
</div>
<button type="submit" style="background-color: #C19A6B; color: #002147; padding: 18px 35px; border: none; border-radius: 8px; font-size: 1.2em; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease; margin-top: 25px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
Track My Application
</button>
</form>
<div id="tracking-results" style="margin-top: 70px; padding: 40px; background-color: rgba(255, 255, 255, 0.05); border-radius: 12px; text-align: left; min-height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px dashed #C19A6B; opacity: 0.8;">
<p style="font-size: 1.3em; color: rgba(255, 255, 255, 0.7); font-style: italic;">Your application status and updates will be displayed here.</p>
<p style="font-size: 0.95em; color: rgba(255, 255, 255, 0.5); margin-top: 15px;">(Example: Application received, In processing, Approved, Denied, etc.)</p>
</div>
</div>
</section>
<section id="status-display" class="py-12 px-4 md:px-8 lg:px-16 bg-white text-deep-blue-text">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl md:text-5xl font-bold text-center mb-12 font-heading text-deep-blue">
Your Egypt Visa Application Status
</h2>
<div class="bg-gray-50 p-8 rounded-lg shadow-xl mb-12 border border-gray-200">
<p class="text-lg text-center mb-6 font-body text-gray-700">
Enter your Application Reference ID to check the real-time status of your visa.
</p>
<form class="flex flex-col md:flex-row justify-center items-center gap-4">
<label for="tracking-id" class="sr-only">Application Reference ID</label>
<input
type="text"
id="tracking-id"
name="tracking-id"
placeholder="e.g., V2E-12345678"
class="w-full md:w-auto flex-grow px-5 py-3 border-2 border-gray-300 rounded-md focus:outline-none focus:border-egyptian-gold font-body text-gray-800"
aria-label="Application Reference ID"
>
<button
type="submit"
class="w-full md:w-auto px-8 py-3 bg-egyptian-gold text-white font-bold rounded-md hover:bg-gold-dark transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-egyptian-gold focus:ring-opacity-75 font-heading shadow-md"
>
Track Status
</button>
</form>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div class="status-card bg-deep-blue text-white p-8 rounded-lg shadow-xl flex flex-col justify-between">
<div>
<h3 class="text-3xl font-semibold mb-4 font-heading">Current Application Status</h3>
<p class="text-4xl md:text-5xl font-bold mb-4 font-heading text-egyptian-gold">Processing Documents</p>
<p class="text-lg mb-6 font-body opacity-90">
Your application is currently being reviewed by our team and the Egyptian authorities.
</p>
<p class="text-sm font-body opacity-70">Last Updated: <span class="font-semibold">October 26, 2023, 10:30 AM EGY</span></p>
</div>
<div class="mt-8">
<p class="text-md font-body opacity-80">Estimated Completion: <span class="font-semibold text-egyptian-gold">24 - 72 Hours</span></p>
<p class="text-md font-body opacity-80">Reference ID: <span class="font-semibold text-egyptian-gold">V2E-12345678</span></p>
</div>
</div>
<div class="status-steps bg-white p-8 rounded-lg shadow-xl border border-gray-200">
<h3 class="text-3xl font-semibold mb-6 font-heading text-deep-blue">Application Progress</h3>
<ol class="relative border-l-2 border-egyptian-gold ml-4">
<li class="mb-8 ml-6">
<span class="absolute flex items-center justify-center w-6 h-6 bg-egyptian-gold rounded-full -left-3 ring-8 ring-white">
<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
</span>
<h4 class="flex items-center mb-1 text-xl font-semibold text-deep-blue font-heading">Application Submitted <span class="bg-green-100 text-green-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded ml-3">Completed</span></h4>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500 font-body">October 25, 2023</time>
<p class="text-base font-normal text-gray-700 font-body">Your application form and documents were successfully received.</p>
</li>
<li class="mb-8 ml-6">
<span class="absolute flex items-center justify-center w-6 h-6 bg-gray-300 rounded-full -left-3 ring-8 ring-white">
<svg class="w-4 h-4 text-gray-600" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
</span>
<h4 class="mb-1 text-xl font-semibold text-deep-blue font-heading">Documents Reviewed</h4>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500 font-body">Awaiting Review</time>
<p class="text-base font-normal text-gray-700 font-body">Our team is verifying the completeness and accuracy of your submitted documents.</p>
</li>
<li class="mb-8 ml-6">
<span class="absolute flex items-center justify-center w-6 h-6 bg-gray-300 rounded-full -left-3 ring-8 ring-white">
<svg class="w-4 h-4 text-gray-600" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
</span>
<h4 class="mb-1 text-xl font-semibold text-deep-blue font-heading">Embassy Processing</h4>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500 font-body">Pending</time>
<p class="text-base font-normal text-gray-700 font-body">Your application has been forwarded to the Egyptian Ministry for final approval.</p>
</li>
<li class="ml-6">
<span class="absolute flex items-center justify-center w-6 h-6 bg-gray-300 rounded-full -left-3 ring-8 ring-white">
<svg class="w-4 h-4 text-gray-600" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
</span>
<h4 class="mb-1 text-xl font-semibold text-deep-blue font-heading">Visa Issued & Delivered</h4>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500 font-body">Awaiting Finalization</time>
<p class="text-base font-normal text-gray-700 font-body">Your e-Visa will be sent to your registered email address.</p>
</li>
</ol>
</div>
</div>
<div class="mt-12 text-center">
<p class="text-lg mb-4 font-body text-gray-700">
Need assistance or have questions about your application?
</p>
<a href="#support" class="inline-block px-8 py-3 bg-deep-blue text-white font-bold rounded-md hover:bg-blue-dark transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-deep-blue focus:ring-opacity-75 font-heading shadow-md">
Contact Support
</a>
</div>
</div>
</section>
<section id="realtime-updates" style="background-color: #f8f8f8; padding: 60px 20px; text-align: center; font-family: 'Open Sans', sans-serif; line-height: 1.6;">
<div style="max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 40px;">
<div class="updates-header">
<h2 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 2.5em; margin-bottom: 15px; position: relative;">
Real-Time Updates & Notifications
<span style="display: block; width: 60px; height: 3px; background-color: #C19A6B; margin: 10px auto 0; border-radius: 2px;"></span>
</h2>
<p style="color: #444; font-size: 1.1em;">
Stay informed every step of the way. Track your Egypt visa application status and manage your notification preferences with ease.
</p>
</div>
<div class="tracking-module" style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; text-align: left;">
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.8em; margin-bottom: 20px;">Track Your Application</h3>
<div style="display: flex; flex-direction: column; gap: 15px;">
<label for="trackingId" style="font-weight: bold; color: #002147; font-size: 1em;">Enter Your Application ID:</label>
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
<input type="text" id="trackingId" name="trackingId" placeholder="E.g., VISA2EGYPT-12345" style="flex-grow: 1; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1em; min-width: 200px; box-sizing: border-box;">
<button style="background-color: #C19A6B; color: #fff; padding: 12px 25px; border: none; border-radius: 5px; cursor: pointer; font-size: 1em; font-weight: bold; transition: background-color 0.3s ease; white-space: nowrap;">
<span style="display: inline-block; vertical-align: middle;">Track Now</span>
<span style="display: inline-block; vertical-align: middle; margin-left: 8px;">&#x2192;</span>
</button>
</div>
</div>
<div class="application-status-display" style="margin-top: 30px; border-top: 1px solid #eee; padding-top: 25px;">
<h4 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.4em; margin-bottom: 15px;">Latest Status:</h4>
<div style="background-color: #e0f2f7; border: 1px solid #b3e0ed; border-left: 5px solid #002147; border-radius: 5px; padding: 20px;">
<p style="margin-bottom: 10px; font-size: 1.1em; color: #002147;">
<strong style="color: #C19A6B;">Application ID:</strong> VISA2EGYPT-12345
</p>
<p style="margin-bottom: 10px; font-size: 1.1em; color: #002147;">
<strong style="color: #C19A6B;">Status:</strong> <span style="font-weight: bold; color: #28a745;">Approved!</span>
</p>
<p style="font-size: 0.9em; color: #555;">
<strong style="color: #C19A6B;">Last Update:</strong> October 26, 2023, 10:30 AM (GMT+2) - E-Visa sent to your email.
</p>
</div>
<p style="margin-top: 15px; font-size: 0.9em; color: #777;">
*For detailed history, log in to your dashboard.
</p>
</div>
</div>
<div class="notification-settings" style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; text-align: left;">
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.8em; margin-bottom: 20px;">Manage Notifications</h3>
<p style="color: #444; margin-bottom: 20px;">
Receive timely updates via your preferred channels.
</p>
<form style="display: flex; flex-direction: column; gap: 15px;">
<div>
<input type="checkbox" id="email-updates" name="email-updates" checked style="margin-right: 8px;">
<label for="email-updates" style="font-weight: bold; color: #002147;">Email Updates</label>
<p style="font-size: 0.9em; color: #777; margin-left: 25px;">Get major status changes and important alerts.</p>
</div>
<div>
<input type="checkbox" id="sms-updates" name="sms-updates" style="margin-right: 8px;">
<label for="sms-updates" style="font-weight: bold; color: #002147;">SMS Notifications</label>
<p style="font-size: 0.9em; color: #777; margin-left: 25px;">Receive instant alerts on your mobile phone.</p>
</div>
<div>
<label for="notification-email" style="display: block; font-weight: bold; color: #002147; margin-bottom: 8px;">Notification Email:</label>
<input type="email" id="notification-email" name="notification-email" placeholder="your.email@example.com" value="user@example.com" style="width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1em; box-sizing: border-box;">
</div>
<div>
<label for="notification-phone" style="display: block; font-weight: bold; color: #002147; margin-bottom: 8px;">Notification Phone (for SMS):</label>
<input type="tel" id="notification-phone" name="notification-phone" placeholder="+1234567890" style="width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1em; box-sizing: border-box;">
</div>
<button type="submit" style="background-color: #002147; color: #fff; padding: 12px 25px; border: none; border-radius: 5px; cursor: pointer; font-size: 1em; font-weight: bold; transition: background-color 0.3s ease; align-self: flex-start; margin-top: 15px;">
Save Preferences
</button>
</form>
</div>
<div class="updates-feed" style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; text-align: left;">
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.8em; margin-bottom: 20px;">Your Recent Updates</h3>
<ul style="list-style: none; padding: 0;">
<li style="border-left: 4px solid #C19A6B; padding: 15px 0 15px 20px; margin-bottom: 15px; background-color: #fcfcfc;">
<p style="font-weight: bold; color: #002147; margin-bottom: 5px;">October 26, 2023, 10:30 AM</p>
<p style="color: #555;">Your E-Visa for Application ID <span style="color: #002147; font-weight: bold;">VISA2EGYPT-12345</span> has been <span style="color: #28a745; font-weight: bold;">Approved</span> and sent to your registered email address.</p>
</li>
<li style="border-left: 4px solid #C19A6B; padding: 15px 0 15px 20px; margin-bottom: 15px; background-color: #fcfcfc;">
<p style="font-weight: bold; color: #002147; margin-bottom: 5px;">October 25, 2023, 03:15 PM</p>
<p style="color: #555;">Application ID <span style="color: #002147; font-weight: bold;">VISA2EGYPT-12345</span> status updated: <span style="color: #007bff; font-weight: bold;">Under Review by Embassy.</span></p>
</li>
<li style="border-left: 4px solid #C19A6B; padding: 15px 0 15px 20px; margin-bottom: 15px; background-color: #fcfcfc;">
<p style="font-weight: bold; color: #002147; margin-bottom: 5px;">October 24, 2023, 09:00 AM</p>
<p style="color: #555;">Documents for Application ID <span style="color: #002147; font-weight: bold;">VISA2EGYPT-12345</span> have been <span style="color: #ffc107; font-weight: bold;">Verified.</span></p>
</li>
<li style="border-left: 4px solid #C19A6B; padding: 15px 0 15px 20px; background-color: #fcfcfc;">
<p style="font-weight: bold; color: #002147; margin-bottom: 5px;">October 23, 2023, 05:00 PM</p>
<p style="color: #555;">Application ID <span style="color: #002147; font-weight: bold;">VISA2EGYPT-12345</span> <span style="color: #28a745; font-weight: bold;">Submitted</span> successfully.</p>
</li>
</ul>
<p style="margin-top: 25px; font-size: 0.9em; color: #777;">
Updates are pushed automatically. Check back regularly for the latest information.
</p>
</div>
</div>
</section>
<section id="troubleshooting-guide" style="padding: 4rem 1rem; background-color: #fff; color: #002147;">
<div style="max-width: 1200px; margin: 0 auto;">
<h2 style="font-family: 'Cairo', sans-serif; font-size: 2.5rem; text-align: center; color: #002147; margin-bottom: 2rem;">Troubleshooting Guide</h2>
<p style="font-family: 'Open Sans', sans-serif; font-size: 1.1rem; text-align: center; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;">Encountering an issue? Our comprehensive troubleshooting guide helps you resolve common challenges during your Egypt visa application process. Find solutions for submission problems, document rejections, payment issues, and more.</p>
<div class="troubleshooting-topics" style="display: grid; gap: 1.5rem;">
<details class="troubleshooting-item" style="background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">
<summary style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2rem; padding: 1.2rem; cursor: pointer; background-color: #C19A6B; color: #fff; border-bottom: 1px solid #C19A6B; display: flex; justify-content: space-between; align-items: center;">
Application Submission Issues
<span style="font-size: 1.5rem;">&#x25BC;</span>
</summary>
<div class="troubleshooting-content" style="padding: 1.5rem; font-family: 'Open Sans', sans-serif; line-height: 1.7;">
<p>If you're having trouble submitting your application, please check the following:</p>
<ul style="list-style: disc; margin-left: 1.5rem;">
<li><strong>Incomplete Fields:</strong> Ensure all mandatory fields marked with an asterisk (*) are filled out.</li>
<li><strong>Internet Connection:</strong> Verify you have a stable internet connection.</li>
<li><strong>Browser Compatibility:</strong> Try using a different browser (e.g., Chrome, Firefox, Edge) or clear your browser cache and cookies.</li>
<li><strong>File Sizes:</strong> Make sure uploaded document sizes comply with the specified limits (e.g., max 2MB per file).</li>
</ul>
<p style="margin-top: 1rem;">If the problem persists, please contact our 24/7 support via <a href="#" style="color: #002147; text-decoration: underline;">Live Chat</a>.</p>
</div>
</details>
<details class="troubleshooting-item" style="background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">
<summary style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2rem; padding: 1.2rem; cursor: pointer; background-color: #C19A6B; color: #fff; border-bottom: 1px solid #C19A6B; display: flex; justify-content: space-between; align-items: center;">
Document Rejection & Upload Errors
<span style="font-size: 1.5rem;">&#x25BC;</span>
</summary>
<div class="troubleshooting-content" style="padding: 1.5rem; font-family: 'Open Sans', sans-serif; line-height: 1.7;">
<p>Documents can be rejected for several reasons. Use our <a href="#" style="color: #002147; text-decoration: underline;">Document Hub</a> for AI-powered checks or review these common issues:</p>
<ul style="list-style: disc; margin-left: 1.5rem;">
<li><strong>Poor Quality/Blurry:</strong> Ensure scans are clear, high-resolution, and all details are legible.</li>
<li><strong>Incorrect Format:</strong> Upload documents in the specified format (e.g., JPEG, PDF).</li>
<li><strong>Expired Passport:</strong> Your passport must be valid for at least six months beyond your intended stay.</li>
<li><strong>Photo Requirements:</strong> Ensure your photo meets passport-style specifications (recent, plain background, no shadows).</li>
<li><strong>Missing Pages:</strong> For multi-page documents, upload all required pages.</li>
</ul>
<p style="margin-top: 1rem;">If you're unsure, upload your documents again or contact support for assistance.</p>
</div>
</details>
<details class="troubleshooting-item" style="background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">
<summary style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2rem; padding: 1.2rem; cursor: pointer; background-color: #C19A6B; color: #fff; border-bottom: 1px solid #C19A6B; display: flex; justify-content: space-between; align-items: center;">
Payment Processing Failures
<span style="font-size: 1.5rem;">&#x25BC;</span>
</summary>
<div class="troubleshooting-content" style="padding: 1.5rem; font-family: 'Open Sans', sans-serif; line-height: 1.7;">
<p>If your payment failed, consider these possibilities:</p>
<ul style="list-style: disc; margin-left: 1.5rem;">
<li><strong>Insufficient Funds:</strong> Check if you have enough balance on your card/account.</li>
<li><strong>Incorrect Details:</strong> Double-check your card number, expiry date, and CVV.</li>
<li><strong>Bank Restrictions:</strong> Some banks might block international transactions. Contact your bank to authorize the payment.</li>
<li><strong>Network Issues:</strong> Try again after a few minutes or from a different device/network.</li>
</ul>
<p style="margin-top: 1rem;">All transactions are SSL Encrypted for your security. If issues persist, please try an alternative payment method or contact us.</p>
</div>
</details>
<details class="troubleshooting-item" style="background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">
<summary style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2rem; padding: 1.2rem; cursor: pointer; background-color: #C19A6B; color: #fff; border-bottom: 1px solid #C19A6B; display: flex; justify-content: space-between; align-items: center;">
E-Visa Delivery Delays & Missing Visas
<span style="font-size: 1.5rem;">&#x25BC;</span>
</summary>
<div class="troubleshooting-content" style="padding: 1.5rem; font-family: 'Open Sans', sans-serif; line-height: 1.7;">
<p>While most e-visas are delivered within 24-72 hours, delays can occur. Here's what to do:</p>
<ul style="list-style: disc; margin-left: 1.5rem;">
<li><strong>Check Spam Folder:</strong> Your e-visa might be in your junk or spam email folder.</li>
<li><strong>Application Status:</strong> Use our <a href="#" style="color: #002147; text-decoration: underline;">Real-Time Tracker</a> or <a href="#" style="color: #002147; text-decoration: underline;">Transparency Dashboard</a> to check your application's latest status.</li>
<li><strong>Processing Times:</strong> Check the current estimated processing times for your visa type. Peak seasons might experience slight delays.</li>
<li><strong>Incorrect Email:</strong> If you suspect you entered an incorrect email, contact us immediately.</li>
</ul>
<p style="margin-top: 1rem;">For urgent cases or if your travel date is approaching, please use our <a href="#" style="color: #002147; text-decoration: underline;">Emergency Line</a>.</p>
</div>
</details>
<details class="troubleshooting-item" style="background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">
<summary style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2rem; padding: 1.2rem; cursor: pointer; background-color: #C19A6B; color: #fff; border-bottom: 1px solid #C19A6B; display: flex; justify-content: space-between; align-items: center;">
Making Changes to an Submitted Application
<span style="font-size: 1.5rem;">&#x25BC;</span>
</summary>
<div class="troubleshooting-content" style="padding: 1.5rem; font-family: 'Open Sans', sans-serif; line-height: 1.7;">
<p>Once an application is submitted, changes can be challenging depending on its status. If you need to modify information:</p>
<ul style="list-style: disc; margin-left: 1.5rem;">
<li><strong>Contact Support Immediately:</strong> The sooner you notify us, the better the chances of making a correction before processing begins.</li>
<li><strong>Minor Errors:</strong> Small typos might be corrected by our team.</li>
<li><strong>Major Changes:</strong> For significant changes (e.g., passport number, travel dates), a new application might be required. Fees for the original application may not be refundable.</li>
</ul>
<p style="margin-top: 1rem;">Please refer to our <a href="#" style="color: #002147; text-decoration: underline;">Terms and Conditions</a> or speak to a specialist via Live Chat for specific guidance.</p>
</div>
</details>
</div>
<div class="contact-support" style="text-align: center; margin-top: 4rem;">
<h3 style="font-family: 'Cairo', sans-serif; font-size: 1.8rem; color: #002147; margin-bottom: 1rem;">Still Need Help?</h3>
<p style="font-family: 'Open Sans', sans-serif; font-size: 1.1rem; margin-bottom: 2rem;">If your issue isn't covered here, our expert support team is ready to assist you.</p>
<a href="#" style="display: inline-block; background-color: #002147; color: #fff; padding: 1rem 2rem; border-radius: 5px; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.1rem; transition: background-color 0.3s ease;">Chat with an Expert Now</a>
<p style="font-family: 'Open Sans', sans-serif; font-size: 0.9rem; margin-top: 1rem; color: #555;">(Available 24/7 in Arabic/English)</p>
</div>
</div>
</section>
<section id="direct-support-contact">
<div class="container">
<h2>Direct Support Contact</h2>
<p class="section-description">Connect with our dedicated team or explore valuable resources for a seamless Egypt visa application experience.</p>
<div class="contact-methods-grid">
<div class="contact-card">
<h3>Live Chat</h3>
<p>Chat instantly with a knowledgeable visa expert. Available in Arabic and English for immediate assistance.</p>
<a href="#" class="button button-primary" aria-label="Start Live Chat">Chat with an Expert</a>
</div>
<div class="contact-card">
<h3>Emergency Line</h3>
<p>For urgent support regarding lost visas, critical last-minute changes, or pressing application issues.</p>
<a href="tel:+201234567890" class="button button-secondary" aria-label="Call Emergency Line">Call Our Emergency Line</a>
</div>
<div class="contact-card">
<h3>Virtual Tours & Guides</h3>
<p>Immersive 360° previews of Egyptian landmarks and cultural guides linked to visa types to help plan your journey.</p>
<a href="#" class="button button-tertiary" aria-label="Explore Virtual Tours and Guides">Explore Guides & Tours</a>
</div>
</div>
</div>
</section>
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">Visa2Egypt</h3><p class="footer-1-newsletter-text">Stay informed with the latest Egypt travel and visa updates. Your seamless journey starts here!</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates about Egypt visa services.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Visa Services</h4><ul><li><a href="#">Tourist Visa</a></li><li><a href="#">Business Visa</a></li><li><a href="#">Nile Cruise Visa</a></li><li><a href="#">Archaeology Permit</a></li><li><a href="#">All Visa Types</a></li></ul></div><div class="footer-1-column"><h4>Quick Links</h4><ul><li><a href="#">Requirements</a></li><li><a href="#">Application Process</a></li><li><a href="#">FAQ</a></li><li><a href="#">Track Your Visa</a></li><li><a href="#">Contact Support</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Follow Our Journey</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>Youtube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2024 Visa2Egypt. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
</body>
</html>