@extends('front.layouts.master')
@section('title', 'Visit Visa')
@section('content')
<section class="wrapper image-wrapper bg-image  bg-overlay-300" data-image-src="{{ asset('assets/static/amer-center-bg.png') }}">
  <div class="container pt-17 pb-19 pt-md-18 pb-md-17 ">
    <div class="row text-start">
      <div class="col-lg-8 col-xl-9 col-xxl-8 me-auto" data-cues="slideInDown" data-group="page-title">
        <h1 class="display-1 text-white fs-60 mb-4 px-md-15 px-lg-0 pt-12">Visa Services Made Simple with <span class="underline-3 style-2 yellow">Amer Centers </span> </h1>
        <p class=" fs-24 text-white lh-sm mb-7 mx-md-14 mx-lg-0 pe-15 d-none d-sm-block">Amer Centers simplify visa applications, renewals, and entry permits for a hassle-free experience.</p>
      </div>
    </div>
  </div>
  
</section>
<section class="wrapper bg-light">
  <div class="container py-14 py-md-16">
      <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center">
          <div class="col-lg-6">
              <div class="row gx-md-5 gy-5">
                  <div class="col-12 d-none d-md-block">
                      <figure class="rounded mx-5 "><img src="{{ asset('assets/static/visitVisa-1.webp') }}"
                               alt=""></figure>
                  </div>
                  <!--/column -->
                  <div class="col-md-6">
                      <figure class="rounded d-none d-md-block"><img
                              src="{{ asset('assets/static/visitVisa-2.webp') }}"
                               alt=""></figure>
                  </div>
                  <!--/column -->
                  <div class="col-md-6">
                      <figure class="rounded "><img src="{{ asset('assets/static/visitVisa-3.webp') }}"
                             alt=""></figure>
                  </div>
                  <!--/column -->
              </div>
              <!--/.row -->
          </div>
          <!--/column -->
          <div class="col-lg-6">
              <h2 class="fs-16 text-uppercase text-muted mb-3">Your Trusted Partner for a Hassle-Free Visa
                  Experience</h2>
              <h3 class="display-3 mb-8"> Why Choose a Visit Visa with <span
                      class="text-gradient gradient-6 display-1">Tah-zeel?</span></h3>
              <p class="mb-3">At Tah-zeel, we are committed to making your visit visa process simple and
                  stress-free. Our team of experts ensures that you receive timely assistance, professional
                  advice, and personalized solutions tailored to your needs. Here are some of the key benefits of
                  choosing Tah-zeel for your visit visa:</p>
              <div class="row gy-8">
                  <div class="col-md-6">
                      <div class="d-flex flex-row">
                          <div>
                              <img src="{{ asset('assets/static/lightning-charge.svg') }}"
                                  class="svg-inject icon-svg icon-svg-xs solid-mono text-fuchsia me-4"
                                  alt="" />
                          </div>
                          <div>
                              <h4 class="mb-1">Quick Processing Times</h4>
                              <p class="mb-0">Swift and efficient visa handling. </p>
                          </div>
                      </div>
                  </div>
                  <!--/column -->
                  <div class="col-md-6">
                      <div class="d-flex flex-row">
                          <div>
                              <img src="{{ asset('assets/static/journal-check.svg') }}"
                                  class="svg-inject icon-svg icon-svg-xs solid-mono text-violet me-4"
                                  alt="" />
                          </div>
                          <div>
                              <h4 class="mb-1">Expert Guidance</h4>
                              <p class="mb-0">Accurate advice, step-by-step assistance.</p>
                          </div>
                      </div>
                  </div>
                  <!--/column -->
                  <div class="col-md-6">
                      <div class="d-flex flex-row">
                          <div>
                              <img src="{{ asset('assets/static/person-check.svg') }}"
                                  class="svg-inject icon-svg icon-svg-xs solid-mono text-orange me-4"
                                  alt="" />
                          </div>
                          <div>
                              <h4 class="mb-1">Personalized Service</h4>
                              <p class="mb-0">Tailored support for unique needs</p>
                          </div>
                      </div>
                  </div>
                  <!--/column -->
                  <div class="col-md-6">
                      <div class="d-flex flex-row">
                          <div>
                              <img src="{{ asset('assets/static/transparency.svg') }}"
                                  class="svg-inject icon-svg icon-svg-xs solid-mono text-green me-4"
                                  alt="" />
                          </div>
                          <div>
                              <h4 class="mb-1">Transparent Procedures</h4>
                              <p class="mb-0">Full transparency, constant updates.</p>
                          </div>
                      </div>
                  </div>
                  <!--/column -->
              </div>
              <!--/.row -->
          </div>
          <!--/column -->
      </div>
      <!--/.row -->
  </div>
  <!-- /.container -->
</section>

<section class="wrapper bg-light">
  <div class="container py-4 py-md-8">

      <div class="row text-center">
          <div class="col-lg-9 mx-auto">
              <h2 class="fs-15 text-uppercase text-muted mb-3 mt-12">Your Guide to a Seamless Visa Experience</h2>
              <h3 class="display-4 mb-0 text-center px-xl-10 px-xxl-15">How to Apply for Your Visit Visa with
                  <span class="text-gradient gradient-6 display-1">Tah-zeel</span></h3>
              <div class="row gx-lg-8 gx-xl-12 process-wrapper text-center mt-10">
                  <div class="col-md-3"> <img src="{{ asset('assets/static/info-circle.svg') }}"
                          class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />
                      <h4 class="mb-1">1. Consultation</h4>
                      <p class="mb-5 mb-md-0 text-justify">Get in touch with our team to discuss your visa needs
                          and eligibility.</p>
                  </div>
                  <!--/column -->
                  <div class="col-md-3"> <img src="{{ asset('assets/static/file-text.svg') }}"
                          class="svg-inject icon-svg icon-svg-md text-red mb-3" alt="" />
                      <h4 class="mb-1">2. Document Submission</h4>
                      <p class="mb-5 mb-md-0 text-justify">Submit required documents like passport copies and
                          photographs for your application.</p>
                  </div>
                  <!--/column -->
                  <div class="col-md-3"> <img src="{{ asset('assets/static/arrow-repeat.svg') }}"
                          class="svg-inject icon-svg icon-svg-md text-yellow mb-3" alt="" />
                      <h4 class="mb-1">3. Application Processing</h4>
                      <p class="mb-5 mb-md-0 text-justify">We submit your application and track its progress with
                          the authorities.</p>
                  </div>
                  <!--/column -->
                  <div class="col-md-3"> <img src="{{ asset('assets/static/check2-circle.svg') }}"
                          class="svg-inject icon-svg icon-svg-md text-green mb-3" alt="" />
                      <h4 class="mb-1">4. Visa Approval</h4>
                      <p class="mb-5 mb-md-0 text-justify">Once approved, you’ll receive your visit visa and
                          necessary documents for travel.</p>
                  </div>
                  <!--/column -->
              </div>
              <!--/.row -->
          </div>
          <!-- /column -->
      </div>
      <!-- /.row -->
  </div>
  <!-- /.container -->
</section>

@include('front.partials.cta-2')

<section class="wrapper bg-light">
  <div class="container py-14 py-md-16">
      <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
          <div class="col-lg-7 order-lg-2">
              <figure><img class="w-auto" src="{{ asset('assets/static/visitVisa-4.webp') }}"
                      alt="" /></figure>
          </div>
          <!--/column -->
          <div class="col-lg-5">
              <h2 class="fs-15 text-uppercase text-line text-primary mb-3">Required Documents for Your Visit Visa
              </h2>
              <h3 class="display-5 mb-7">Ensure a Smooth Application Process with These Essential Documents</h3>
              <div class="accordion accordion-wrapper" id="accordionExample">
                  <div class="card plain accordion-item">
                      <div class="card-header" id="headingOne">
                          <button class="accordion-button" data-bs-toggle="collapse"
                              data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                              Valid Passport or Travel Document </button>
                      </div>
                      <!--/.card-header -->
                      <div id="collapseOne" class="accordion-collapse collapse show"
                          aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                          <div class="card-body">
                              <p>A passport-sized photo with a white background.</p>
                          </div>
                          <!--/.card-body -->
                      </div>
                      <!--/.accordion-collapse -->
                  </div>
                  <!--/.accordion-item -->
                  <div class="card plain accordion-item">
                      <div class="card-header" id="headingTwo">
                          <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                              aria-expanded="false" aria-controls="collapseTwo"> Valid Passport or Travel
                              Document </button>
                      </div>
                      <!--/.card-header -->
                      <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                          data-bs-parent="#accordionExample">
                          <div class="card-body">
                              <p>A passport or document valid for at least 6 months.</p>
                          </div>
                          <!--/.card-body -->
                      </div>
                      <!--/.accordion-collapse -->
                  </div>
                  <!--/.accordion-item -->
                  <div class="card plain accordion-item">
                      <div class="card-header" id="headingThree">
                          <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree"
                              aria-expanded="false" aria-controls="collapseThree"> Valid Health Insurance
                          </button>
                      </div>
                      <!--/.card-header -->
                      <div id="collapseThree" class="accordion-collapse collapse"
                          aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                          <div class="card-body">
                              <p>Proof of valid health insurance for the duration of your stay.</p>
                          </div>
                          <!--/.card-body -->
                      </div>
                      <!--/.accordion-collapse -->
                  </div>
                  <!--/.accordion-item -->
                  <!--/.accordion-item -->
                  <div class="card plain accordion-item">
                      <div class="card-header" id="headingThree">
                          <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseForth"
                              aria-expanded="false" aria-controls="collapseForth"> National Identity Card
                          </button>
                      </div>
                      <!--/.card-header -->
                      <div id="collapseForth" class="accordion-collapse collapse"
                          aria-labelledby="headingForth" data-bs-parent="#accordionExample">
                          <div class="card-body">
                              <p>Required for certain nationalities; provide a valid ID card.</p>
                          </div>
                          <!--/.card-body -->
                      </div>
                      <!--/.accordion-collapse -->
                  </div>
                  <!--/.accordion-item -->
                  <!--/.accordion-item -->
                  <div class="card plain accordion-item">
                      <div class="card-header" id="headingFifth">
                          <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFifth"
                              aria-expanded="false" aria-controls="collapseFifth"> Onward Travel Ticket
                          </button>
                      </div>
                      <!--/.card-header -->
                      <div id="collapseFifth" class="accordion-collapse collapse"
                          aria-labelledby="headingFifth" data-bs-parent="#accordionExample">
                          <div class="card-body">
                              <p>A confirmed ticket for onward travel, especially for transit visas (within 96
                                  hours).</p>
                          </div>
                          <!--/.card-body -->
                      </div>
                      <!--/.accordion-collapse -->
                  </div>
                  <!--/.accordion-item -->
                  <!--/.accordion-item -->
                  <div class="card plain accordion-item">
                      <div class="card-header" id="headingSixth">
                          <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseSixth"
                              aria-expanded="false" aria-controls="collapseSixth"> GCC Resident Permit </button>
                      </div>
                      <!--/.card-header -->
                      <div id="collapseSixth" class="accordion-collapse collapse"
                          aria-labelledby="headingSixth" data-bs-parent="#accordionExample">
                          <div class="card-body">
                              <p>A copy of your residence permit for residents of GCC countries.</p>
                          </div>
                          <!--/.card-body -->
                      </div>
                      <!--/.accordion-collapse -->
                  </div>
                  <!--/.accordion-item -->
                  <!--/.accordion-item -->
                  <div class="card plain accordion-item">
                      <div class="card-header" id="headingSeventh">
                          <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseSeventh"
                              aria-expanded="false" aria-controls="collapseSeventh"> Visa/Residence Card for
                              Indian Nationals </button>
                      </div>
                      <!--/.card-header -->
                      <div id="collapseSeventh" class="accordion-collapse collapse"
                          aria-labelledby="headingSeventh" data-bs-parent="#accordionExample">
                          <div class="card-body">
                              <p>A permanent residence card (Green Card) for the USA, or a residence visa issued
                                  by the UK or EU.</p>
                          </div>
                          <!--/.card-body -->
                      </div>
                      <!--/.accordion-collapse -->
                  </div>
                  <!--/.accordion-item -->
              </div>
              <!--/.accordion -->
          </div>
          <!--/column -->
      </div>
      <!--/.row -->
  </div>
  <!-- /.container -->
</section>

@include('front.partials.clients')

@include('front.partials.affiliations')

@include('front.partials.cta-1')

@include('front.partials.contact-us')

@include('front.partials.amr-services-cards')

@endsection