<?php
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? "https://" : "http://";
$host = $_SERVER['HTTP_HOST'];
$project_dir = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
define('SITE_URL', $protocol . $host . $project_dir);
define('lodd_css', SITE_URL . 'assets/v1/lod_styles');


?>
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content=" Get in touch with Visafir for visa assistance, travel documentation support, appointment guidance, and visa-related queries. Contact our team today.">
    <title> Contact Us | Visafir </title>
    <link href="<?php echo  lodd_css; ?>" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@600;700&family=Open+Sans:wght@400;500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <link rel="canonical" href="https://visafir.com/contact-us" />
    <meta name="robots" content="index, follow, max-image-preview:large" />
    <!-- Standard Favicon (Modern PNG) -->
    <link rel="icon" type="image/png" href="assets/img/logo/favicon.png" sizes="32x32">
    <!-- Legacy Fallback for older browsers -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <!-- Apple Touch Icon for Mobile Devices/Home Screens -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">

    <!-- ================= OPEN GRAPH ================= -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Contact Us | Visafir" />
    <meta property="og:description" content="Get in touch with Visafir for visa assistance, travel documentation support, appointment guidance, and visa-related queries." />
    <meta property="og:url" content="https://visafir.com/contact-us" />
    <meta property="og:site_name" content="Visafir" />
    <meta property="og:image" content="https://visafir.com/assets/img/logo/logo_visafir.png" />
    <!-- ================= TWITTER ================= -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Contact Us | Visafir" />
    <meta name="twitter:description" content="Get in touch with Visafir for visa assistance, travel documentation support, appointment guidance, and visa-related queries." />
    <meta name="twitter:image" content="https://visafir.com/assets/img/logo/logo_visafir.png" />
    <!-- ================= AI / AEO OPTIMIZATION ================= -->
    <meta name="subject" content="Contact Visafir" />
    <meta name="topic" content="Visa Assistance Contact Information" />
    <meta name="summary" content="Contact Visafir for visa assistance, documentation support, appointment scheduling guidance, and travel-related queries." />
    <meta name="classification" content="Contact Page, Visa Services, Customer Support" />
    <meta name="target" content="Travelers, Business Professionals, Tourists" />
    <meta name="coverage" content="Global" />
    <meta name="distribution" content="Global" />
    <meta name="language" content="English" />
    <!-- ================= ARTICLE SCHEMA ================= -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Article",
            "headline": "Contact Us | Visafir",
            "description": "Get in touch with Visafir for visa assistance, travel documentation support, appointment guidance, and visa-related queries.",
            "image": ["https://visafir.com/assets/img/logo/logo_visafir.png"],
            "author": {
                "@type": "Organization",
                "name": "Visafir"
            },
            "publisher": {
                "@type": "Organization",
                "name": "Visafir",
                "logo": {
                    "@type": "ImageObject",
                    "url": "https://visafir.com/assets/img/logo/logo_visafir.png"
                }
            },
            "mainEntityOfPage": {
                "@type": "WebPage",
                "@id": "https://visafir.com/contact-us"
            },
            "keywords": ["Contact Visafir", "Visa Assistance", "Visa Support", "Travel Documentation", "Visa Consultation"],
            "articleSection": "Contact Information"
        }
    </script>
    <!-- ================= FAQ SCHEMA ================= -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "FAQPage",
            "mainEntity": [{
                "@type": "Question",
                "name": "How can I contact Visafir?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "You can contact Visafir through the contact form, phone, email, or by visiting the office during business hours."
                }
            }, {
                "@type": "Question",
                "name": "Can I get help with visa applications?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, Visafir provides guidance on visa applications, documentation requirements, and appointment scheduling."
                }
            }, {
                "@type": "Question",
                "name": "What services does Visafir provide?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Visafir assists with tourist visas, business visas, student visas, travel documentation, and visa appointment support."
                }
            }]
        }
    </script>
    <!-- ================= BREADCRUMB SCHEMA ================= -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": "https://visafir.com/"
            }, {
                "@type": "ListItem",
                "position": 2,
                "name": "Contact Us",
                "item": "https://visafir.com/contact-us"
            }]
        }
    </script>
    <!-- ================= ORGANIZATION SCHEMA ================= -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "Visafir",
            "url": "https://visafir.com/",
            "logo": "https://visafir.com/assets/img/logo/logo_visafir.png",
            "image": "https://visafir.com/assets/img/logo/logo_visafir.png",
            "telephone": "+91-8800760094",
            "description": "Visafir provides professional visa assistance, travel documentation support, and visa appointment guidance."
        }
    </script>
    <!-- ================= SERVICE SCHEMA ================= -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Service",
            "name": "Visa Assistance Services",
            "provider": {
                "@type": "Organization",
                "name": "Visafir"
            },
            "url": "https://visafir.com/contact-us",
            "description": "Contact Visafir for visa assistance, documentation support, and travel-related guidance."
        }
    </script>
    <!-- ================= WEBPAGE SCHEMA ================= -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebPage",
            "name": "Contact Us | Visafir",
            "url": "https://visafir.com/contact-us",
            "description": "Get in touch with Visafir for visa assistance, travel documentation support, appointment guidance, and visa-related queries.",
            "isPartOf": {
                "@type": "WebSite",
                "name": "Visafir",
                "url": "https://visafir.com/"
            },
            "primaryImageOfPage": {
                "@type": "ImageObject",
                "url": "https://visafir.com/assets/img/logo/logo_visafir.png"
            }
        }
    </script>
<?php include('en/config/css_access.php'); ?>
    <?php include('en/config/metapixel.php'); ?>

    <style>
        :root {
            --vf-navy: #333ff4;
            --vf-blue: #333ff4;
            --vf-mid: #333ff4;
            --vf-accent: #333ff4;
            --vf-light: #e8f0fe;
            --vf-white: #ffffff;
            --vf-muted: rgba(255, 255, 255, 0.55);
            --vf-border: rgba(255, 255, 255, 0.1);
            --vf-input-bg: rgba(255, 255, 255, 0.06);
            --vf-input-border: rgba(255, 255, 255, 0.15);
        }

        body {
            overflow-x: hidden;
        }
         .btn-gold {
            background: linear-gradient(45deg, #B8860B, #D4AF37);
            color:#ffffff;
            font-weight: 800;
            transition: all 0.3s ease;
            border: none;
        }

        .vf-hero {
            position: relative;
            min-height: 52vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px 5% 20px;
            background: linear-gradient(160deg, #eaecfd 0%, #f0f1fe 45%, #f6f7fb 100%);
            overflow: hidden;

        }

        .vf-hero-eyebrow {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            gap: 8px;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #333ff4;
            background: rgba(74, 158, 255, 0.12);
            border: 1px solid rgba(74, 158, 255, 0.28);
            padding: 6px 14px;
            border-radius: 100px;
            margin-bottom: 28px;
        }

        .vf-hero-eyebrow span {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--vf-accent);
            animation: vf-pulse 2s ease-in-out infinite;
        }

        @keyframes vf-pulse {

            0%,
            100% {
                opacity: 1;
                transform: scale(1);
            }

            50% {
                opacity: 0.4;
                transform: scale(0.7);
            }
        }

        .vf-hero h1 {

            font-size: clamp(2.6rem, 5vw, 4.2rem);
            font-weight: 800;
            line-height: 1.1;
            color: #000000;
            margin: 0 0 20px;
            letter-spacing: -1px;
            text-align: center;
        }

        .vf-hero h1 em {
            font-style: normal;
            color:#333ff4;
        }

        .vf-hero p {

            font-size: 17px;
            font-weight: 300;
            color:#0000008c;
            max-width: 520px;
            line-height: 1.75;
            margin: 0;
            text-align: center;
        }



        /* ─── CONTACT SECTION ──────────────────────────── */
        .vf-contact {
            background: #f5f7fb;
            padding: 90px 5%;
            font-family: 'DM Sans', sans-serif;
        }

        .vf-contact-inner {
            max-width: 1160px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1.1fr;
            gap: 60px;
            align-items: start;
        }

        /* ─── LEFT PANEL ───────────────────────────────── */
        .vf-contact-left {
            position: sticky;
            top: 80px;
        }

        .vf-section-label {
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: var(--vf-mid);
            margin-bottom: 18px;
        }

        .vf-contact-left h2 {
            font-size: clamp(2rem, 3.5vw, 2.9rem);
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: -0.5px;
            color: var(--vf-navy);
            margin: 0 0 22px;
        }

        .vf-contact-left h2 em {
            font-style: normal;
            color: var(--vf-mid);
        }

        .vf-contact-left>p {
            font-size: 16px;
            color: #556;
            line-height: 1.8;
            max-width: 400px;
            margin-bottom: 44px;
        }

        /* Info cards */
        .vf-info-cards {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-bottom: 44px;
        }

        .vf-info-card {
            display: flex;
            align-items: center;
            gap: 18px;
            padding: 18px 20px;
            background: #fff;
            border-radius: 14px;
            border: 1px solid #e4e9f2;
            transition: border-color 0.2s, box-shadow 0.2s;
        }

        .vf-info-card:hover {
            border-color: #b0c4e8;
            box-shadow: 0 8px 28px rgba(30, 60, 114, 0.08);
        }

        .vf-info-icon {
            width: 44px;
            height: 44px;
            flex-shrink: 0;
            border-radius: 11px;
            background: linear-gradient(135deg, var(--vf-blue), var(--vf-mid));
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .vf-info-icon svg {
            width: 20px;
            height: 20px;
            fill: none;
            stroke: #fff;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .vf-info-card-text strong {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: #8899aa;
            letter-spacing: 0.5px;
            margin-bottom: 3px;
        }

        .vf-info-card-text span {
            font-size: 15px;
            color: var(--vf-navy);
            font-weight: 400;
        }

        /* Trust strip */
        .vf-trust {
            display: flex;
            gap: 28px;
            padding-top: 32px;
            border-top: 1px solid #e4e9f2;
        }

        .vf-trust-item {
            text-align: center;
        }

        .vf-trust-item strong {
            display: block;
            font-size: 1.55rem;
            font-weight: 700;
            color: var(--vf-blue);
        }

        .vf-trust-item span {
            font-size: 12px;
            color: #889;
            letter-spacing: 0.3px;
        }

        /* ─── RIGHT FORM ───────────────────────────────── */
        .vf-form-wrap {
            background: var(--vf-navy);
            border-radius: 22px;
            padding: 50px 46px;
            position: relative;
            overflow: hidden;
        }

        .vf-form-wrap::before {
            content: '';
            position: absolute;
            width: 320px;
            height: 320px;
            top: -100px;
            right: -80px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(74, 158, 255, 0.15) 0%, transparent 70%);
            pointer-events: none;
        }

        .vf-form-wrap h3 {
            font-size: 1.45rem;
            font-weight: 700;
            color: #fff;
            margin: 0 0 8px;
        }

        .vf-form-wrap>p {
            font-size: 14px;
            color:#fff;
            margin: 0 0 36px;
        }

        .vf-field {
            margin-bottom: 22px;
        }

        .vf-field label {
            display: block;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: rgba(255, 255, 255);
            margin-bottom: 8px;
        }

        .vf-field input,
        .vf-field select,
        .vf-field textarea {
            width: 100%;
            background: var(--vf-input-bg);
            border: 1px solid var(--vf-input-border);
            border-radius: 10px;
            padding: 14px 16px;
            font-size: 15px;
            color: #fff;
            outline: none;
            transition: border-color 0.2s, background 0.2s;
            box-sizing: border-box;
            -webkit-appearance: none;
        }

        .vf-field select {
            cursor: pointer;
        }

        .vf-field select option {
            background: var(--vf-navy);
            color: #fff;
        }

        .vf-field input::placeholder,
        .vf-field textarea::placeholder {
            color: rgba(255, 255, 255, 0.28);
        }

        .vf-field input:focus,
        .vf-field select:focus,
        .vf-field textarea:focus {
            border-color: var(--vf-accent);
            background: rgba(74, 158, 255, 0.07);
        }

        .vf-field textarea {
            resize: vertical;
            min-height: 110px;
        }

        .vf-field-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .vf-submit {
            width: 100%;
            padding: 16px;
            margin-top: 10px;
            border: none;
            border-radius: 10px;
            background: #ffffff;
            color: #333ff4!important;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0.3px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            transition: opacity 0.2s, transform 0.15s;
        }

        .vf-submit:hover {
            opacity: 0.92;
            transform: translateY(-1px);
        }

        .vf-submit:active {
            transform: translateY(0);
        }

        .vf-submit-inner {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .vf-submit-inner svg {
            width: 18px;
            height: 18px;
            fill: none;
            stroke: #fff;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: transform 0.2s;
        }

        .vf-submit:hover .vf-submit-inner svg {
            transform: translateX(3px);
        }

        .vf-form-footer {
            margin-top: 20px;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.3);
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .vf-form-footer svg {
            width: 13px;
            height: 13px;
            fill: none;
            stroke: rgba(255, 255, 255, 0.3);
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
            flex-shrink: 0;
        }

        /* ─── RESPONSIVE ───────────────────────────────── */
        @media (max-width: 900px) {
            .vf-contact-inner {
                grid-template-columns: 1fr;
                gap: 50px;
            }

            .vf-contact-left {
                position: static;
            }

            .vf-field-row {
                grid-template-columns: 1fr;
            }

            .vf-form-wrap {
                padding: 36px 26px;
            }

            .vf-trust {
                flex-wrap: wrap;
                gap: 20px;
            }
        }

        @media (max-width: 600px) {
            .vf-hero {
                padding: 70px 6% 56px;
            }
        }

        :root {
            --vf-trust-card-bg: #ffffff;
            --vf-trust-card-border: #e2e8f0;
            --vf-trust-brand: #333ff4;
            --vf-trust-gold: #ffd166;
            --vf-trust-dark: #2d3748;
            --vf-trust-muted: #718096;
        }

        .vf-trust-container {
            padding: 30px 0;
        }

        /* Core Micro-Card Component */
        .vf-trust-card {
            background: var(--vf-trust-card-bg);
            border: 1px solid var(--vf-trust-card-border);
            border-radius: 16px;
            padding: 24px 20px;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
        }

        /* Subtle top accent highlight strip on card hover */
        .vf-trust-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, var(--vf-trust-brand), var(--vf-trust-gold));
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }

        .vf-trust-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 15px -3px rgba(78, 84, 204, 0.07), 0 4px 6px -2px rgba(78, 84, 204, 0.03);
            border-color: rgba(78, 84, 204, 0.18);
        }

        .vf-trust-card:hover::before {
            transform: scaleX(1);
        }

        /* Core Metrics Highlight Display */
        .vf-trust-value {
            font-size: 2.1rem;
            font-weight: 800;
            color: var(--vf-trust-brand);
            line-height: 1.1;
            margin-bottom: 6px;
            letter-spacing: -0.5px;
        }

        /* Direct Label Component */
        .vf-trust-label {
            font-size: 0.92rem;
            font-weight: 600;
            color: var(--vf-trust-dark);
            line-height: 1.4;
            margin-bottom: 0;
        }

        /* Target Device Adjustments */
        @media (max-width: 991.98px) {
            .vf-trust-value {
                font-size: 1.85rem;
            }
        }

        @media (max-width: 575.98px) {
            .vf-trust-card {
                padding: 20px 16px;
            }

            .vf-trust-value {
                font-size: 1.65rem;
            }

            .vf-trust-label {
                font-size: 0.88rem;
            }
        }
    </style>
   

</head>

<body>

    <?php include('include/header.php'); ?>

    <section class="vf-hero">
        <div class="vf-hero-inner">
            <div class="vf-hero-eyebrow">
                24/7 Expert Support Available
            </div>
            <h1>Let's Get You<br><em>Visa-Ready.</em></h1>
            <p>
                Our specialists handle everything — from document prep to embassy sync —
                so your application is accurate, fast, and stress-free.
            </p>
        </div>
    </section>

    <!-- ─── CONTACT ─────────────────────────────────────── -->
    <section class="vf-contact">
        <div class="vf-contact-inner">

            <!-- LEFT -->
            <div class="vf-contact-left">
                <p class="vf-section-label">Contact Us</p>
                <h2>Reach Out.<br>We'll Handle<br><em>the Rest.</em></h2>
                <p>
                    From first-time travellers to high-volume corporate accounts,
                    our case managers deliver fast, accurate, hassle-free results every time.
                </p>

                <div class="vf-info-cards">
                    <div class="vf-info-card">
                        <div class="vf-info-icon">
                            <svg viewBox="0 0 24 24">
                                <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.68A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" />
                            </svg>
                        </div>
                        <div class="vf-info-card-text">
                            <strong>Phone</strong>
                            <span>+91 8800 7600 94</span>
                        </div>
                    </div>

                    <div class="vf-info-card">
                        <div class="vf-info-icon">
                            <svg viewBox="0 0 24 24">
                                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
                                <polyline points="22,6 12,13 2,6" />
                            </svg>
                        </div>
                        <div class="vf-info-card-text">
                            <strong>Email</strong>
                            <span>info@visafir.com</span>
                        </div>
                    </div>

                    <div class="vf-info-card">
                        <div class="vf-info-icon">
                            <svg viewBox="0 0 24 24">
                                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" />
                                <circle cx="12" cy="10" r="3" />
                            </svg>
                        </div>
                        <div class="vf-info-card-text">
                            <strong>Office</strong>
                            <span>1304, Naurang House, K.G. Marg, New Delhi</span>
                        </div>
                    </div>
                </div>


                <div class="vf-trust-container">
                    <div class="container">
                        <div class="row g-3 g-md-4">

                            <!-- Metric Card 1 -->
                            <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                                <div class="vf-trust-card">
                                    <div class="vf-trust-value">3M+</div>
                                    <div class="vf-trust-label">Verified Files</div>
                                </div>
                            </div>

                            <!-- Metric Card 2 -->
                            <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                                <div class="vf-trust-card">
                                    <div class="vf-trust-value">99.9%</div>
                                    <div class="vf-trust-label">Audit Accuracy</div>
                                </div>
                            </div>

                            <!-- Metric Card 3 -->
                            <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                                <div class="vf-trust-card">
                                    <div class="vf-trust-value">120+</div>
                                    <div class="vf-trust-label">Global Compliance Routes</div>
                                </div>
                            </div>

                            <!-- Metric Card 4 -->
                            <div class="col-xl-6 col-md-6 col-sm-6 col-12">
                                <div class="vf-trust-card">
                                    <div class="vf-trust-value">24/7</div>
                                    <div class="vf-trust-label">Expert Support</div>
                                </div>
                            </div>

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

            <!-- RIGHT FORM -->
            <div class="vf-form-wrap">
                <h3>Send Us a Message</h3>
                <p>We typically respond within 2 business hours.</p>

                <form class="vf-contact-form" onsubmit="return false;">

                    <div class="vf-field-row">
                        <div class="vf-field">
                            <label for="vf-name">Full Name</label>
                            <input type="text" id="vf-name" placeholder="Rahul Sharma" required>
                        </div>
                        <div class="vf-field">
                            <label for="vf-phone">Phone Number</label>
                            <input type="tel" id="vf-phone" placeholder="+91 XXXXX XXXXX">
                        </div>
                    </div>

                    <div class="vf-field">
                        <label for="vf-email">Email Address</label>
                        <input type="email" id="vf-email" placeholder="you@example.com" required>
                    </div>

                    <div class="vf-field">
                        <label for="vf-visa">Visa Type</label>
                        <select id="vf-visa">
                            <option value="" disabled selected>Select visa category</option>
                            <option>Tourist Visa</option>
                            <option>Business Visa</option>
                            <option>Schengen Visa</option>
                            <option>E-Visa</option>
                        </select>
                    </div>

                    <div class="vf-field">
                        <label for="vf-message">How can we help?</label>
                        <textarea id="vf-message" placeholder="Tell us your destination, travel dates, or any questions…"></textarea>
                    </div>
                    <div class="g-recaptcha" data-sitekey="6LfOXNAsAAAAADQ4gCv8cXlNQxEUH1VLbfnqG7dw"></div>
                    <button type="submit" class="vf-submit">
                        <span class="vf-submit-inner">
                            Send Message
                            <svg viewBox="0 0 24 24">
                                <line x1="5" y1="12" x2="19" y2="12" />
                                <polyline points="12 5 19 12 12 19" />
                            </svg>
                        </span>
                    </button>

                    <div class="vf-form-footer">
                        <svg viewBox="0 0 24 24">
                            <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
                            <path d="M7 11V7a5 5 0 0110 0v4" />
                        </svg>
                        Your data is encrypted and never shared with third parties.
                    </div>

                </form>
            </div>

        </div>
    </section>




    <?php include('include/footer.php') ?>
    <?php include('en/config/js_access.php'); ?>
    <!-- JS LIBRARIES -->
    <!-- JS LIBRARIES -->
    <script src="js/bootstrap.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

</body>

</html>