custom1/track_application.html

362 lines
34 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>