@extends('front.layouts.master')
@section('title', 'Residency Visa')
@section('content')


    <section class="wrapper image-wrapper bg-image  bg-overlay-300"
        data-image-src="{{ asset('assets/static/residencyVisa-bg.webp')}}">
        <div class="container pt-17 pb-19 pt-md-18 pb-md-17 ">
            <div class="row text-start">
                <div class="col-lg-6 col-xl-6 col-xxl-6 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">{!! __('residency-visa.hero_title') !!}</h1>
                    <p class=" fs-24 text-white lh-sm mb-7 mx-md-14 mx-lg-0 pe-15 d-none d-sm-block">{{ __('residency-visa.hero_sub_title') }}</p>
                    <!-- <div>
                      <a class="btn btn-white rounded mb-10 mb-xxl-5">Let's Talk</a>
                    </div> -->
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->
        </div>

    </section>
    <!-- /section -->
    </div>
    <!-- about amer centers  -->

    <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') }}/residency1.webp"
                                 alt=""></figure>
                        </div>
                        <!--/column -->
                        <div class="col-md-6">
                            <figure class="rounded d-none d-md-block"><img
                                    src="{{ asset('assets/static') }}/residency2.webp"
                                 alt=""></figure>
                        </div>
                        <!--/column -->
                        <div class="col-md-6">
                            <figure class="rounded "><img src="{{ asset('assets/static') }}/residency3.webp"
                                     alt=""></figure>
                        </div>
                        <!--/column -->
                    </div>
                    <!--/.row -->
                </div>
                <!--/column -->
                <div class="col-lg-6">
                    <h2 class="fs-16 text-uppercase text-red mb-3">Your Partner in Streamlining Visa Applications</h2>
                    <h3 class="display-3 mb-8"> Why <span class="text-gradient gradient-6 display-1">Tah-zeel</span> for
                        Residency Visa Services?</h3>
                    <p class="mb-3">Choosing Tah-zeel for your Residency Visa needs means partnering with a reliable
                        expert committed to simplifying the entire process for you. Our goal is to ensure a transparent and
                        efficient experience, managing all aspects of documentation and coordination so that you can focus
                        on your new journey. </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">Comprehensive Support</h4>
                                    <p class="mb-0">We guide you from application to approval, ensuring a seamless
                                        experience. </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">Expertise You Can Trust</h4>
                                    <p class="mb-0">Our knowledgeable team ensures all documents meet UAE regulations.</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">Swift Processing</h4>
                                    <p class="mb-0">We work closely with government agencies to expedite your residency
                                        visa.</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">Tailored Assistance</h4>
                                    <p class="mb-0">Each client receives tailored support and clear answers at every
                                        stage.</p>
                                </div>
                            </div>
                        </div>
                        <!--/column -->
                    </div>
                    <!--/.row -->
                </div>
                <!--/column -->
            </div>
            <!--/.row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- /section -->



    <!-- eligibility section-->

    <div class="wrapper">
        <div class="container">
            <div class="row d-flex justify-content-center mb-10">
                <div class="col-md-8 text-center">
                    <h2 class="fs-15 text-uppercase text-red mb-3 mt-12">Understanding Eligibility Requirements</h2>
                    <h3 class="display-4 mb-0 text-center px-xl-10 px-xxl-15">Eligibility Criteria for <span
                            class="text-green"> Residency Visa</span> in the UAE</h3>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="accordion accordion-wrapper" id="accordionIconExample">
                        <div class="card accordion-item icon">
                            <div class="card-header" id="headingIconOne">
                                <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseIconOne"
                                    aria-expanded="true" aria-controls="collapseIconOne"><span><i
                                            class="bi bi-person-workspace"></i></span>Employment Visa</button>
                            </div>
                            <!--/.card-header -->
                            <div id="collapseIconOne" class="accordion-collapse collapse show"
                                aria-labelledby="headingIconOne" data-bs-parent="#accordionIconExample">
                                <div class="card-body">
                                    <p>Sponsored by a UAE-based employer, typically valid for two to three years.</p>
                                </div>
                                <!--/.card-body -->
                            </div>
                            <!--/.accordion-collapse -->
                        </div>
                        <!--/.accordion-item -->
                        <div class="card accordion-item icon">
                            <div class="card-header" id="headingIconTwo">
                                <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseIconTwo"
                                    aria-expanded="false" aria-controls="collapseIconTwo"><span><i
                                            class="bi bi-people"></i></span>Family Visa</button>
                            </div>
                            <!--/.card-header -->
                            <div id="collapseIconTwo" class="accordion-collapse collapse" aria-labelledby="headingIconTwo"
                                data-bs-parent="#accordionIconExample">
                                <div class="card-body">
                                    <p>For spouses, children, and parents of UAE residents.</p>
                                </div>
                                <!--/.card-body -->
                            </div>
                            <!--/.accordion-collapse -->
                        </div>
                        <!--/.accordion-item -->
                        <div class="card accordion-item icon">
                            <div class="card-header" id="headingIconThree">
                                <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseIconThree"
                                    aria-expanded="false" aria-controls="collapseIconThree"><span><i
                                            class="bi bi-briefcase"></i></span>Investor/Business Visa</button>
                            </div>
                            <!--/.card-header -->
                            <div id="collapseIconThree" class="accordion-collapse collapse"
                                aria-labelledby="headingIconThree" data-bs-parent="#accordionIconExample">
                                <div class="card-body">
                                    <p>For individuals investing in a UAE business or property.</p>
                                </div>
                                <!--/.card-body -->
                            </div>
                            <!--/.accordion-collapse -->
                        </div>
                        <!--/.accordion-item -->
                        <!--/.accordion-item -->
                        <div class="card accordion-item icon">
                            <div class="card-header" id="headingIconFourth">
                                <button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseIconFourth"
                                    aria-expanded="false" aria-controls="collapseIconThree"><span><i
                                            class="bi bi-backpack2"></i></span>Student Visa</button>
                            </div>
                            <!--/.card-header -->
                            <div id="collapseIconFourth" class="accordion-collapse collapse"
                                aria-labelledby="headingIconThree" data-bs-parent="#accordionIconExample">
                                <div class="card-body">
                                    <p>For students accepted at UAE universities or educational institutions.</p>
                                </div>
                                <!--/.card-body -->
                            </div>
                            <!--/.accordion-collapse -->
                        </div>
                        <!--/.accordion-item -->
                    </div>
                    <!--/.accordion -->
                </div>
            </div>
        </div>
    </div>

    <!-- end eligibility section  -->
    <!-- required document seciton  -->

    <div class="wrapper">
        <div class="container">
            <div class="row d-flex justify-content-center mb-10">
                <div class="col-md-8 text-center">
                    <h2 class="fs-15 text-uppercase text-red mb-3 mt-12">Documents You’ll Need to Apply</h2>
                    <h3 class="display-4 mb-0 text-center px-xl-10 px-xxl-15">Required Documents for <span
                            class="text-green"> Residency Visa</span> Application in the UAE</h3>
                </div>
            </div>
            <div class="row  bg-soft-ash rounded py-10 px-10">
                <div class="col">
                    <ul
                        class="nav nav-tabs nav-tabs-bg nav-tabs-shadow-lg d-flex justify-content-between nav-justified flex-lg-row flex-column">
                        <li class="nav-item">
                            <a class="nav-link d-flex flex-row active" data-bs-toggle="tab" href="#tab2-1">
                                <div><img src="{{ asset('assets/static') }}/businessman.png"
                                        class="svg-inject icon-svg icon-svg-md text-yellow me-4" alt="" /></div>
                                <div>
                                    <h4 class="mb-1">For Sponsors</h4>
                                    <p>Underconstruction</p>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link d-flex flex-row" data-bs-toggle="tab" href="#tab2-2">
                                <div><img src="{{ asset('assets/static') }}/social-worker.png"
                                        class="svg-inject icon-svg icon-svg-md text-green me-4" alt="" /></div>
                                <div>
                                    <h4 class="mb-1">For Applicants</h4>
                                    <p>Underconstruction</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <!-- /.nav-tabs -->
                    <div class="tab-content ">
                        <div class="tab-pane fade show active" id="tab2-1">
                            <span class="fw-bold text-red ">Passport Copy: </span>A clear copy of the passport, valid for
                            six months minimum. <br>
                            <span class="fw-bold text-red">Passport-sized Photograph: </span>Recently taken, meeting ICA
                            standards. <br>
                            <span class="fw-bold text-red">Entry Permit: </span>Provided if the applicant is outside the
                            UAE.<br>
                            <span class="fw-bold text-red">Medical Fitness Certificate: </span>Necessary for applicants
                            aged 18 and above. <br>
                            <span class="fw-bold text-red">Proof of Residency in UAE: </span>Lease agreement or property
                            title.

                        </div>
                        <!--/.tab-pane -->
                        <div class="tab-pane fade" id="tab2-2">
                            <span class="fw-bold text-green">UAE Residency Visa Copy:</span> Showing validity for at least
                            six months.<br>
                            <span class="fw-bold text-green">Salary Certificate or Trade License:</span> Confirming income
                            or business ownership.<br>
                            <span class="fw-bold text-green">Marriage/Birth Certificates: </span> A valid passport, recent
                            passport-sized photo, and visa copy are needed.
                        </div>
                        <!--/.tab-pane -->
                    </div>
                    <!-- /.tab-content -->
                </div>
            </div>
        </div>
    </div>

    <!-- end document section  -->
    <!-- cta  -->
    @include('front.partials.cta-2')
    <!-- /section -->
    <!-- end cta  -->


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

            <div class="row text-center">
                <div class="col-lg-9 mx-auto">
                    <h2 class="fs-15 text-uppercase text-red mb-3 mt-12">Your Step-by-Step Guide to a Smooth Domestic
                        Worker Visa Application</h2>
                    <h3 class="display-4 mb-0 text-center px-xl-10 px-xxl-15">Streamlined Visa Application Process with
                        <span class="text-gradient gradient-6 display-1">Tah-zeel’s </span> Expert Support
                    </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') }}/file-text.svg"
                                class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />
                            <h4 class="mb-1">1. Document Preparation</h4>
                            <p class="mb-5 mb-md-0 text-justify">Gather required documents like identification, income
                                proof, and housing information. Tah-zeel assists with document checks to ensure accuracy.
                            </p>
                        </div>
                        <!--/column -->
                        <div class="col-md-3"> <img
                                src="{{ asset('assets/static') }}/box-arrow-in-right.svg"
                                class="svg-inject icon-svg icon-svg-md text-red mb-3" alt="" />
                            <h4 class="mb-1">2. Application Submission</h4>
                            <p class="mb-5 mb-md-0 text-justify">Submit the application to the relevant authority. Tah-zeel
                                manages the entire submission for faster processing.</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. Processing and Follow-up</h4>
                            <p class="mb-5 mb-md-0 text-justify">The application undergoes government review. Tah-zeel
                                monitors progress, handling any additional requests promptly.</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. Final Approval and Visa Issuance</h4>
                            <p class="mb-5 mb-md-0 text-justify">After approval, the visa is issued. Tah-zeel ensures
                                smooth collection and guides on next steps, including residency stamping if needed.</p>
                        </div>
                        <!--/column -->
                    </div>
                    <!--/.row -->
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- /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