rohini/pages/index-dark.html
2024-09-27 17:13:00 +05:45

2177 lines
135 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> Home One || treck || treck HTML 5 Template </title>
<!-- favicons Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" />
<link rel="manifest" href="assets/images/favicons/site.webmanifest" />
<meta name="description" content="treck HTML 5 Template " />
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
<link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
<link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css" />
<link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" />
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" />
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" />
<link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
<link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
<link rel="stylesheet" href="assets/vendors/treck-icons/style.css">
<link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" />
<link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css" />
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" />
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" />
<link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
<link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" />
<link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
<link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
<link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" />
<!-- template styles -->
<link rel="stylesheet" href="assets/css/treck.css" />
<link rel="stylesheet" href="assets/css/treck-responsive.css" />
<link rel="stylesheet" href="assets/css/treck-dark.css" />
</head>
<body class="custom-cursor">
<div class="custom-cursor__cursor"></div>
<div class="custom-cursor__cursor-two"></div>
<div class="preloader">
<div class="preloader__image"></div>
</div>
<!-- /.preloader -->
<div class="page-wrapper">
<header class="main-header">
<nav class="main-menu">
<div class="main-menu__wrapper">
<div class="main-menu__wrapper-inner">
<div class="main-menu__logo">
<a href="index.html"><img src="assets/images/resources/logo-2.png" alt=""></a>
</div>
<div class="main-menu__search-box">
<a href="index-dark.html#"
class="main-menu__search search-toggler icon-magnifying-glass"><span>Search...</span></a>
</div>
<div class="main-menu__wrapper-inner-content">
<div class="main-menu__update-box">
<div class="main-menu__update-box-inner">
<div class="main-menu__update-box-left">
<div class="main-menu__update-icon-box">
<div class="main-menu__update-icon">
<span class="icon-megaphone"></span>
</div>
<div class="main-menu__update-icon-text">
<p>Updates</p>
</div>
</div>
<div class="main-menu__update-carousel-box">
<div class="main-menu__update-carousel thm-owl__carousel owl-theme owl-carousel"
data-owl-options='{
"items": 1,
"margin": 30,
"smartSpeed": 700,
"loop":true,
"autoplay": false,
"nav":true,
"dots":false,
"navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
"responsive":{
"0":{
"items":1
},
"768":{
"items":1
},
"992":{
"items": 1
}
}
}'>
<div class="item">
<div class="main-menu__update-single">
<p class="main-menu__update-text">The United States Mission is
Pleased to Announce the Expansion of Interview.</p>
</div>
</div>
<div class="item">
<div class="main-menu__update-single">
<p class="main-menu__update-text">The United States Mission is
Pleased to Announce the Expansion of Interview.</p>
</div>
</div>
<div class="item">
<div class="main-menu__update-single">
<p class="main-menu__update-text">The United States Mission is
Pleased to Announce the Expansion of Interview.</p>
</div>
</div>
</div>
</div>
</div>
<div class="main-menu__update-box-right">
<div class="main-menu__social-box">
<h4 class="main-menu__social-title">Follow us:</h4>
<div class="main-menu__social">
<a href="index-dark.html#"><i class="fab fa-twitter"></i></a>
<a href="index-dark.html#"><i class="fab fa-facebook"></i></a>
<a href="index-dark.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="index-dark.html#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-menu__top">
<div class="main-menu__top-inner">
<div class="main-menu__top-left">
<ul class="list-unstyled main-menu__contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker"></i>
</div>
<div class="text">
<p>30 Broklyn Golden Street. USA</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<p><a href="mailto:Info@company.com">Info@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-clock"></i>
</div>
<div class="text">
<p>Mon - Fri 8.00 am - 6.00 pm</p>
</div>
</li>
</ul>
</div>
<div class="main-menu__top-right">
<ul class="list-unstyled main-menu__top-menu">
<li><a href="login.html">Login</a></li>
<li><a href="faq.html">Faqs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="main-menu__bottom">
<div class="main-menu__bottom-inner">
<div class="main-menu__main-menu-box">
<a href="index-dark.html#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
<ul class="main-menu__list">
<li class="dropdown current megamenu">
<a href="index.html">Home </a>
<ul>
<li>
<section class="home-showcase">
<div class="container">
<div class="home-showcase__inner">
<div class="row">
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-1.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index.html"
class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index-one-page.html"
class="thm-btn home-showcase__buttons__item">One
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
01</h3>
<!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-2.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index2.html"
class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index2-one-page.html"
class="thm-btn home-showcase__buttons__item">One
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
02
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-3.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index3.html"
class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index3-one-page.html"
class="thm-btn home-showcase__buttons__item">One
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
03
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-4.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index-dark.html"
class="thm-btn home-showcase__buttons__item">View
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
04
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
</div><!-- /.row -->
</div><!-- /.home-showcase__inner -->
</div><!-- /.container -->
</section>
</li>
</ul>
</li>
<li class="dropdown">
<a href="index-dark.html#">Pages</a>
<ul class="sub-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="team.html">Team Members</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="success-stories.html">Success Stories</a></li>
<li><a href="story-details.html">Story Details</a></li>
<li><a href="visa-offers.html">Visa Offers</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="pricing-tables.html">Pricing Tables</a></li>
<li><a href="faq.html">Faqs</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="404.html">404 Error</a></li>
</ul>
</li>
<li class="dropdown">
<a href="index-dark.html#">Coaching</a>
<ul class="sub-menu">
<li><a href="coaching.html">Coaching</a></li>
<li><a href="coaching-details.html">Coaching Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="index-dark.html#">Visa</a>
<ul class="sub-menu">
<li><a href="visa.html">Visa</a></li>
<li><a href="visa-details.html">Visa Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="index-dark.html#">Countries</a>
<ul class="sub-menu">
<li><a href="countries.html">Countries</a></li>
<li><a href="countries-details.html">Countries Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="index-dark.html#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-sidebar.html">Blog Sidebar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="index-dark.html#">Shop</a>
<ul class="sub-menu">
<li><a href="products.html">Products</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
<div class="main-menu__right">
<div class="main-menu__call">
<div class="main-menu__call-icon">
<img src="assets/images/icon/main-menu-comment-icon.png" alt="">
</div>
<div class="main-menu__call-content">
<p class="main-menu__call-sub-title">Have Question?</p>
<h5 class="main-menu__call-number"><a
href="tel:9288009850"><span>Free</span> +92 (8800) - 9850</a>
</h5>
</div>
</div>
<div class="main-menu__btn-box">
<a href="contact.html" class="thm-btn main-menu__btn">Book Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="stricky-header stricked-menu main-menu">
<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
</div><!-- /.stricky-header -->
<!-- Main Sllider Start -->
<section class="main-slider">
<div class="main-slider__carousel owl-carousel owl-theme thm-owl__carousel"
data-owl-options='{"loop": true, "items": 1, "navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"], "margin": 0, "dots": true, "nav": true, "animateOut": "slideOutDown", "animateIn": "fadeIn", "active": true, "smartSpeed": 1000, "autoplay": true, "autoplayTimeout": 7000, "autoplayHoverPause": false}'>
<div class="item main-slider__slide-1">
<div class="main-slider__bg"
style="background-image: url('assets/images/backgrounds/slider-1-1.jpg');">
</div><!-- /.slider-one__bg -->
<div class="container">
<div class="main-slider__content">
<h2 class="main-slider__title">Immigration & <br> Visa Consulting <br> Here...</h2>
<div class="main-slider__btn-box">
<a href="about.html" class="main-slider__btn thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
<div class="item main-slider__slide-2">
<div class="main-slider__bg"
style="background-image: url('assets/images/backgrounds/slider-1-2.jpg');">
</div><!-- /.slider-one__bg -->
<div class="container">
<div class="main-slider__content">
<h2 class="main-slider__title">Immigration & <br> Visa Consulting <br> Here...</h2>
<div class="main-slider__btn-box">
<a href="about.html" class="main-slider__btn thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
<div class="item main-slider__slide-3">
<div class="main-slider__bg"
style="background-image: url('assets/images/backgrounds/slider-1-3.jpg');">
</div><!-- /.slider-one__bg -->
<div class="container">
<div class="main-slider__content">
<h2 class="main-slider__title">Immigration & <br> Visa Consulting <br> Here...</h2>
<div class="main-slider__btn-box">
<a href="about.html" class="main-slider__btn thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Main Sllider Start -->
<!--feature One Start-->
<section class="feature-one">
<div class="container">
<div class="row">
<!--feature One Single Start-->
<div class="col-xl-4 col-lg-4">
<div class="feature-one__single">
<div class="feature-one__inner">
<div class="feature-one__shape-1">
<img src="assets/images/shapes/feature-one-shape-1-dark.png" alt="">
</div>
<div class="feature-one__img-one">
<img src="assets/images/resources/feature-1-1.png" alt="">
</div>
<p class="feature-one__sub-title">Online form</p>
<h3 class="feature-one__title"><a href="visa-details.html">Apply Online for <br> New
Visa</a></h3>
<div class="feature-one__btn-box">
<a href="visa-details.html" class="feature-one__btn">Learn More</a>
</div>
</div>
</div>
</div>
<!--feature One Single End-->
<!--feature One Single Start-->
<div class="col-xl-4 col-lg-4">
<div class="feature-one__single">
<div class="feature-one__inner">
<div class="feature-one__shape-1">
<img src="assets/images/shapes/feature-one-shape-1-dark.png" alt="">
</div>
<div class="feature-one__img-one feature-one__img-two">
<img src="assets/images/resources/feature-1-2.png" alt="">
</div>
<p class="feature-one__sub-title">Positive result</p>
<h3 class="feature-one__title"><a href="visa-details.html">Best Immigration <br>
Process</a></h3>
<div class="feature-one__btn-box">
<a href="visa-details.html" class="feature-one__btn">Learn More</a>
</div>
</div>
</div>
</div>
<!--feature One Single End-->
<!--feature One Single Start-->
<div class="col-xl-4 col-lg-4">
<div class="feature-one__single">
<div class="feature-one__inner">
<div class="feature-one__shape-1">
<img src="assets/images/shapes/feature-one-shape-1-dark.png" alt="">
</div>
<div class="feature-one__img-one feature-one__img-three">
<img src="assets/images/resources/feature-1-3.png" alt="">
</div>
<p class="feature-one__sub-title">download form</p>
<h3 class="feature-one__title"><a href="visa-details.html">Documents Required <br> for
Visa</a></h3>
<div class="feature-one__btn-box">
<a href="visa-details.html" class="feature-one__btn">Learn More</a>
</div>
</div>
</div>
</div>
<!--feature One Single End-->
</div>
<div class="row">
<div class="col-xl-12">
<div class="feature-one__bottom">
<p class="feature-one__text">Providing a One-Stop Solution for all Your <a
href="visa.html">Visa</a>
& <a href="visa-details.html">Immigration</a> Needs</p>
</div>
</div>
</div>
</div>
</section>
<!--feature One End-->
<!--About One Start-->
<section class="about-one">
<div class="about-one__shape-3 float-bob-y">
<img src="assets/images/shapes/about-one-shape-3-dark.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="about-one__left">
<div class="about-one__shape-2 img-bounce">
<img src="assets/images/shapes/about-one-shape-2-dark.png" alt="">
</div>
<div class="about-one__img-box">
<div class="about-one__img">
<img src="assets/images/resources/about-one-img-1.jpg" alt="">
<div class="about-one__shape-1 float-bob-y">
<img src="assets/images/shapes/about-one-shape-1-dark.png" alt="">
</div>
</div>
<div class="about-one__img-2">
<img src="assets/images/resources/about-one-img-2.jpg" alt="">
</div>
<div class="about-one__experience count-box">
<h3 class="count-text" data-stop="28" data-speed="1500">00</h3>
<p>Years of Experience</p>
</div>
<div class="about-one__badge">
<img src="assets/images/resources/about-one-badge-dark.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="about-one__right">
<div class="section-title text-left">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Get to know about us</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Visa & Immigration
<br> Consulting Firm in USA</h2>
</div>
<p class="about-one__text">There are many variations of passages of available but the
majority have suffered alteration in some form, by injected hum randomised words which
don't slightly.</p>
<ul class="about-one__points list-unstyled">
<li>
<div class="icon">
<span class="icon-consulting"></span>
</div>
<div class="content">
<h3>Best Consultatncy</h3>
<p>The wise man therefore always holds in these matters this principle
Information</p>
</div>
</li>
<li>
<div class="icon">
<span class="icon-passport-3"></span>
</div>
<div class="content">
<h3>Guarantee Approval</h3>
<p>The wise man therefore always holds in these matters this principle
Information</p>
</div>
</li>
</ul>
<div class="about-one__btn-box">
<a href="about.html" class="about-one__btn thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--About One End-->
<!--Services One Start-->
<section class="services-one">
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">our Visa categories</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">We Offers Citizenship & <br> Immigration Services</h2>
</div>
<div class="row">
<!--Services One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="services-one__single">
<div class="services-one__single-inner">
<div class="services-one__hover-content">
<div class="services-one__hover-bg"
style="background-image: url('assets/images/resources/services-one-img-1.jpg');">
</div>
<div class="services-one__hover-title-box">
<h3 class="services-one__hover-title"><a href="visa-details.html">Tourist
Visa</a></h3>
<div class="services-one__hover-shpae">
<img src="assets/images/shapes/services-one-hover-shape.png" alt="">
</div>
</div>
<div class="services-one__arrow">
<a href="visa-details.html"><span class="icon-up-right"></span></a>
</div>
</div>
<div class="services-one__icon">
<span class="icon-tourist"></span>
</div>
<h3 class="services-one__title"><a href="visa-details.html">Tourist Visa</a></h3>
<p class="services-one__text">Desire that they can forese trouble bound ensue.</p>
</div>
</div>
</div>
<!--Services One Single End-->
<!--Services One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
<div class="services-one__single">
<div class="services-one__single-inner">
<div class="services-one__hover-content">
<div class="services-one__hover-bg"
style="background-image: url('assets/images/resources/services-one-img-2.jpg');">
</div>
<div class="services-one__hover-title-box">
<h3 class="services-one__hover-title"><a href="visa-details.html">Business
Visa</a></h3>
<div class="services-one__hover-shpae">
<img src="assets/images/shapes/services-one-hover-shape.png" alt="">
</div>
</div>
<div class="services-one__arrow">
<a href="visa-details.html"><span class="icon-up-right"></span></a>
</div>
</div>
<div class="services-one__icon">
<span class="icon-consulting"></span>
</div>
<h3 class="services-one__title"><a href="visa-details.html">Business Visa</a></h3>
<p class="services-one__text">Desire that they can forese trouble bound ensue.</p>
</div>
</div>
</div>
<!--Services One Single End-->
<!--Services One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
<div class="services-one__single">
<div class="services-one__single-inner">
<div class="services-one__hover-content">
<div class="services-one__hover-bg"
style="background-image: url('assets/images/resources/services-one-img-3.jpg');">
</div>
<div class="services-one__hover-title-box">
<h3 class="services-one__hover-title"><a href="visa-details.html">Student
Visa</a></h3>
<div class="services-one__hover-shpae">
<img src="assets/images/shapes/services-one-hover-shape.png" alt="">
</div>
</div>
<div class="services-one__arrow">
<a href="visa-details.html"><span class="icon-up-right"></span></a>
</div>
</div>
<div class="services-one__icon">
<span class="icon-graduating-student"></span>
</div>
<h3 class="services-one__title"><a href="visa-details.html">Student Visa</a></h3>
<p class="services-one__text">Desire that they can forese trouble bound ensue.</p>
</div>
</div>
</div>
<!--Services One Single End-->
<!--Services One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="services-one__single">
<div class="services-one__single-inner">
<div class="services-one__hover-content">
<div class="services-one__hover-bg"
style="background-image: url('assets/images/resources/services-one-img-4.jpg');">
</div>
<div class="services-one__hover-title-box">
<h3 class="services-one__hover-title"><a href="visa-details.html">Residence
Visa</a></h3>
<div class="services-one__hover-shpae">
<img src="assets/images/shapes/services-one-hover-shape.png" alt="">
</div>
</div>
<div class="services-one__arrow">
<a href="visa-details.html"><span class="icon-up-right"></span></a>
</div>
</div>
<div class="services-one__icon">
<span class="icon-condominium"></span>
</div>
<h3 class="services-one__title"><a href="visa-details.html">Residence Visa</a></h3>
<p class="services-one__text">Desire that they can forese trouble bound ensue.</p>
</div>
</div>
</div>
<!--Services One Single End-->
</div>
</div>
</section>
<!--Services One End-->
<!--Video One Start-->
<section class="video-one">
<div class="video-one__bg" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
style="background-image: url('assets/images/backgrounds/video-one-bg.jpg');"></div>
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6">
<div class="video-one__left">
<div class="section-title text-left">
<div class="section-title__tagline-box">
<span class="section-title__tagline">get our support</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Most Trusted Visa &
Immigration</h2>
</div>
<ul class="video-one__points list-unstyled">
<li>
<div class="icon">
<span class="icon-check"></span>
</div>
<div class="text">
<p>Fast Visa Process</p>
</div>
</li>
<li>
<div class="icon">
<span class="icon-check"></span>
</div>
<div class="text">
<p>Get Country Citizenship</p>
</div>
</li>
<li>
<div class="icon">
<span class="icon-check"></span>
</div>
<div class="text">
<p>Help in Documentation</p>
</div>
</li>
</ul>
</div>
</div>
<div class="col-xl-7 col-lg-6">
<div class="video-one__right">
<div class="video-one__video-link">
<a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
<div class="video-one__video-icon">
<span class="fa fa-play"></span>
<i class="ripple"></i>
</div>
</a>
<div class="video-one__shape-1 float-bob-x">
<img src="assets/images/shapes/video-one-shape-1.png" alt="">
</div>
</div>
<p class="video-one__text">Aliquam viverra arcu. Donec aliquet blandit enim id <br> quam sed
eros
tincidunt luctus.</p>
</div>
</div>
</div>
</div>
</section>
<!--Video One End-->
<!--Counter One Start-->
<section class="counter-one">
<div class="counter-one__bg" style="background-image: url('assets/images/backgrounds/counter-one-bg.png');">
</div>
<div class="container">
<div class="row">
<!--Counter One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="counter-one__single">
<div class="counter-one__icon">
<span class="icon-passport-4"></span>
</div>
<div class="counter-one__content">
<div class="counter-one__count-box count-box">
<h3 class="count-text" data-stop="30" data-speed="1500">00</h3>
<span class="counter-two__plus">+</span>
</div>
<p>Visa Categories</p>
</div>
</div>
</div>
<!--Counter One Single End-->
<!--Counter One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="counter-one__single">
<div class="counter-one__icon">
<span class="icon-life-insurance"></span>
</div>
<div class="counter-one__content">
<div class="counter-one__count-box count-box">
<h3 class="count-text" data-stop="68" data-speed="1500">00</h3>
<span class="counter-two__plus">k</span>
</div>
<p>Visa Process</p>
</div>
</div>
</div>
<!--Counter One Single End-->
<!--Counter One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="counter-one__single">
<div class="counter-one__icon">
<span class="icon-success"></span>
</div>
<div class="counter-one__content">
<div class="counter-one__count-box count-box">
<h3 class="count-text" data-stop="99" data-speed="1500">00</h3>
<span class="counter-two__plus">+</span>
</div>
<p>Success Rate</p>
</div>
</div>
</div>
<!--Counter One Single End-->
<!--Counter One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="counter-one__single">
<div class="counter-one__icon">
<span class="icon-group"></span>
</div>
<div class="counter-one__content">
<div class="counter-one__count-box count-box">
<h3 class="count-text" data-stop="23" data-speed="1500">00</h3>
<span class="counter-two__plus">+</span>
</div>
<p>Pro Consultants</p>
</div>
</div>
</div>
<!--Counter One Single End-->
</div>
</div>
</section>
<!--Counter One End-->
<!--Coaching One Start-->
<section class="coaching-one">
<div class="coaching-one__top">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-6">
<div class="coaching-one__left">
<div class="section-title text-left">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Coaching we offer</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Get the Best Trainings you
Deserve</h2>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="coaching-one__right">
<p class="coaching-one__text">There are many variations of passages of available but the
majority have suffered alteration in some form, by injected hum randomised words
which
don't slightly.</p>
</div>
</div>
</div>
</div>
</div>
<div class="coaching-one__bottom">
<div class="container">
<div class="row">
<!--Coaching One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="coaching-one__single">
<div class="coaching-one__img-box">
<div class="coaching-one__img">
<img src="assets/images/coaching/coaching-1-1.jpg" alt="">
</div>
<div class="coaching-one__content">
<div class="coaching-one__shape-1">
<img src="assets/images/shapes/coaching-one-shape-1.png" alt="">
</div>
<h3 class="coaching-one__title"><a href="coaching-details.html">Citizenship
Test</a></h3>
<div class="coaching-one__arrow-box">
<a href="coaching-details.html" class="coaching-one__arrow"><i
class="icon-up-right"></i></a>
</div>
</div>
<div class="coaching-one__hover-content">
<div class="coaching-one__hover-shape-1"></div>
<div class="coaching-one__hover-icon">
<img src="assets/images/icon/coaching-one-hover-icon.png" alt="">
</div>
<h3 class="coaching-one__hover-title"><a
href="coaching-details.html">Citizenship
Test</a></h3>
<p class="coaching-one__hover-text">IELTS is an English language test
for study, migration or work</p>
<div class="coaching-one__hover-arrow-box">
<a href="coaching-details.html" class="coaching-one__hover-arrow"><i
class="icon-down"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Coaching One Single End-->
<!--Coaching One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
<div class="coaching-one__single">
<div class="coaching-one__img-box">
<div class="coaching-one__img">
<img src="assets/images/coaching/coaching-1-2.jpg" alt="">
</div>
<div class="coaching-one__content">
<div class="coaching-one__shape-1">
<img src="assets/images/shapes/coaching-one-shape-1.png" alt="">
</div>
<h3 class="coaching-one__title"><a href="coaching-details.html">IELTS
Coaching</a></h3>
<div class="coaching-one__arrow-box">
<a href="coaching-details.html" class="coaching-one__arrow"><i
class="icon-up-right"></i></a>
</div>
</div>
<div class="coaching-one__hover-content">
<div class="coaching-one__hover-shape-1"></div>
<div class="coaching-one__hover-icon">
<img src="assets/images/icon/coaching-one-hover-icon.png" alt="">
</div>
<h3 class="coaching-one__hover-title"><a href="coaching-details.html">IELTS
Coaching</a></h3>
<p class="coaching-one__hover-text">IELTS is an English language test
for study, migration or work</p>
<div class="coaching-one__hover-arrow-box">
<a href="coaching-details.html" class="coaching-one__hover-arrow"><i
class="icon-down"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Coaching One Single End-->
<!--Coaching One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
<div class="coaching-one__single">
<div class="coaching-one__img-box">
<div class="coaching-one__img">
<img src="assets/images/coaching/coaching-1-3.jpg" alt="">
</div>
<div class="coaching-one__content">
<div class="coaching-one__shape-1">
<img src="assets/images/shapes/coaching-one-shape-1.png" alt="">
</div>
<h3 class="coaching-one__title"><a href="coaching-details.html">TOEFL
Coaching</a></h3>
<div class="coaching-one__arrow-box">
<a href="coaching-details.html" class="coaching-one__arrow"><i
class="icon-up-right"></i></a>
</div>
</div>
<div class="coaching-one__hover-content">
<div class="coaching-one__hover-shape-1"></div>
<div class="coaching-one__hover-icon">
<img src="assets/images/icon/coaching-one-hover-icon.png" alt="">
</div>
<h3 class="coaching-one__hover-title"><a href="coaching-details.html">TOEFL
Coaching</a></h3>
<p class="coaching-one__hover-text">IELTS is an English language test
for study, migration or work</p>
<div class="coaching-one__hover-arrow-box">
<a href="coaching-details.html" class="coaching-one__hover-arrow"><i
class="icon-down"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Coaching One Single End-->
<!--Coaching One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="coaching-one__single">
<div class="coaching-one__img-box">
<div class="coaching-one__img">
<img src="assets/images/coaching/coaching-1-4.jpg" alt="">
</div>
<div class="coaching-one__content">
<div class="coaching-one__shape-1">
<img src="assets/images/shapes/coaching-one-shape-1.png" alt="">
</div>
<h3 class="coaching-one__title"><a href="coaching-details.html">PTE Coaching</a>
</h3>
<div class="coaching-one__arrow-box">
<a href="coaching-details.html" class="coaching-one__arrow"><i
class="icon-up-right"></i></a>
</div>
</div>
<div class="coaching-one__hover-content">
<div class="coaching-one__hover-shape-1"></div>
<div class="coaching-one__hover-icon">
<img src="assets/images/icon/coaching-one-hover-icon.png" alt="">
</div>
<h3 class="coaching-one__hover-title"><a href="coaching-details.html">PTE
Coaching</a></h3>
<p class="coaching-one__hover-text">IELTS is an English language test
for study, migration or work</p>
<div class="coaching-one__hover-arrow-box">
<a href="coaching-details.html" class="coaching-one__hover-arrow"><i
class="icon-down"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Coaching One Single End-->
</div>
</div>
</div>
</section>
<!--Coaching One End-->
<!--Testimonial One Start-->
<section class="testimonial-one">
<div class="container">
<div class="testimonial-one__wrap">
<div class="testimonial-one__bg"
style="background-image: url('assets/images/backgrounds/testimonial-one-bg-dark.png');"></div>
<div class="testimonial-one__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
"loop": true,
"autoplay": true,
"margin": 30,
"nav": true,
"dots": false,
"smartSpeed": 500,
"autoplayTimeout": 10000,
"navText": ["<span class=\"icon-right-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
"responsive": {
"0": {
"items": 1
},
"768": {
"items": 1
},
"992": {
"items": 1
},
"1200": {
"items": 1
}
}
}'>
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1">
<img src="assets/images/testimonial/testimonial-one-img-1.png" alt="">
<div class="testimonial-one__shape-1">
<img src="assets/images/shapes/testimonial-one-shape-1-dark.png" alt="">
</div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon">
<img src="assets/images/icon/testimonial-one-chatting-icon-dark.png" alt="">
</div>
<div class="testimonial-one__ratting">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Michale Albert</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
</div>
</div>
</div>
<!--Testimonial one Single End-->
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1">
<img src="assets/images/testimonial/testimonial-one-img-2.png" alt="">
<div class="testimonial-one__shape-1">
<img src="assets/images/shapes/testimonial-one-shape-1-dark.png" alt="">
</div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon">
<img src="assets/images/icon/testimonial-one-chatting-icon-dark.png" alt="">
</div>
<div class="testimonial-one__ratting">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Jessica Brown</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
</div>
</div>
</div>
<!--Testimonial one Single End-->
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1">
<img src="assets/images/testimonial/testimonial-one-img-3.png" alt="">
<div class="testimonial-one__shape-1">
<img src="assets/images/shapes/testimonial-one-shape-1-dark.png" alt="">
</div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon">
<img src="assets/images/icon/testimonial-one-chatting-icon-dark.png" alt="">
</div>
<div class="testimonial-one__ratting">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Sarah Albert</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
</div>
</div>
</div>
<!--Testimonial one Single End-->
<!--Testimonial one Single Start-->
<div class="item">
<div class="testimonial-one__single">
<div class="testimonial-one__img-1">
<img src="assets/images/testimonial/testimonial-one-img-4.png" alt="">
<div class="testimonial-one__shape-1">
<img src="assets/images/shapes/testimonial-one-shape-1-dark.png" alt="">
</div>
</div>
<div class="testimonial-one__inner">
<div class="testimonial-one__icon-and-ratting">
<div class="testimonial-one__icon">
<img src="assets/images/icon/testimonial-one-chatting-icon-dark.png" alt="">
</div>
<div class="testimonial-one__ratting">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<p class="testimonial-one__text">Thank you for making the process of getting a
Canada
visa
so easy. Your phone and email response was prompt and courteous. I received my
passport
with the visa one day earlier than I had anticipated.</p>
<div class="testimonial-one__client-name-box">
<h4 class="testimonial-one__client-name">Christine Eve</h4>
<p class="testimonial-one__client-sub-title">Happy Customer</p>
</div>
</div>
</div>
</div>
<!--Testimonial one Single End-->
</div>
</div>
</div>
</section>
<!--Testimonial One End-->
<!--Countries One Start-->
<section class="countries-one">
<div class="countries-one__bg"
style="background-image: url('assets/images/backgrounds/countries-one-bg.png');"></div>
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Our countries list</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Select the Country of
<br> Your Choice</h2>
</div>
<div class="row">
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-1.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Germany</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-2.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">London</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-3.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Italy</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-4.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Australia</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-5.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Canada</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-6.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Turkey</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
</div>
</div>
</section>
<!--Countries One End-->
<!--Team One Start-->
<section class="team-one">
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Professional people</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Meet Treck Expert Visa
<br> Consultatns</h2>
</div>
<div class="row">
<!--Team One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="team-one__single">
<div class="team-one__img-box">
<div class="team-one__img">
<img src="assets/images/team/team-1-1.jpg" alt="">
</div>
<div class="team-one__share-btn">
<a href="team-details.html"><i class="fa fa-share-alt"></i></a>
</div>
<ul class="list-unstyled team-one__social">
<li><a href="index-dark.html#"><i class="fab fa-facebook"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-twitter"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="team-one__content">
<p class="team-one__sub-title">Consultants</p>
<h3 class="team-one__title"><a href="team-details.html">Mike Hardson</a></h3>
<div class="team-one__arrow-box">
<a href="team-details.html" class="team-one__arrow"><i
class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<!--Team One Single End-->
<!--Team One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
<div class="team-one__single">
<div class="team-one__img-box">
<div class="team-one__img">
<img src="assets/images/team/team-1-2.jpg" alt="">
</div>
<div class="team-one__share-btn">
<a href="team-details.html"><i class="fa fa-share-alt"></i></a>
</div>
<ul class="list-unstyled team-one__social">
<li><a href="index-dark.html#"><i class="fab fa-facebook"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-twitter"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="team-one__content">
<p class="team-one__sub-title">Consultants</p>
<h3 class="team-one__title"><a href="team-details.html">Jessica Brown</a></h3>
<div class="team-one__arrow-box">
<a href="team-details.html" class="team-one__arrow"><i
class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<!--Team One Single End-->
<!--Team One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
<div class="team-one__single">
<div class="team-one__img-box">
<div class="team-one__img">
<img src="assets/images/team/team-1-3.jpg" alt="">
</div>
<div class="team-one__share-btn">
<a href="team-details.html"><i class="fa fa-share-alt"></i></a>
</div>
<ul class="list-unstyled team-one__social">
<li><a href="index-dark.html#"><i class="fab fa-facebook"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-twitter"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="team-one__content">
<p class="team-one__sub-title">Consultants</p>
<h3 class="team-one__title"><a href="team-details.html">Kevin Martin</a></h3>
<div class="team-one__arrow-box">
<a href="team-details.html" class="team-one__arrow"><i
class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<!--Team One Single End-->
<!--Team One Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="team-one__single">
<div class="team-one__img-box">
<div class="team-one__img">
<img src="assets/images/team/team-1-4.jpg" alt="">
</div>
<div class="team-one__share-btn">
<a href="team-details.html"><i class="fa fa-share-alt"></i></a>
</div>
<ul class="list-unstyled team-one__social">
<li><a href="index-dark.html#"><i class="fab fa-facebook"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-twitter"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="index-dark.html#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="team-one__content">
<p class="team-one__sub-title">Consultants</p>
<h3 class="team-one__title"><a href="team-details.html">Christine Eve</a></h3>
<div class="team-one__arrow-box">
<a href="team-details.html" class="team-one__arrow"><i
class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<!--Team One Single End-->
</div>
</div>
</section>
<!--Team One End-->
<!--Contact One Start-->
<section class="contact-one">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="contact-one__left">
<div class="contact-one__bg"
style="background-image: url('assets/images/backgrounds/contact-one-bg.jpg');"></div>
<div class="contact-one__shape-1"
style="background-image: url('assets/images/shapes/contact-one-shape-1.png');"></div>
<div class="section-title text-left">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Contact us</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Get a Call Back</h2>
</div>
<div class="contact-one__form-box">
<form action="assets/inc/sendemail.php" class="contact-one__form contact-form-validated"
novalidate="novalidate">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="contact-one__form-input-box">
<input type="text" placeholder="Full Name" name="name">
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="contact-one__form-input-box">
<input type="email" placeholder="Email Address" name="email">
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="contact-one__form-input-box">
<input type="text" placeholder="Phone" name="phone">
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="contact-one__form-input-box">
<select class="selectpicker" aria-label="Default select example">
<option selected>Visa Type</option>
<option value="1">Tourist Visa</option>
<option value="2">Business Visa</option>
<option value="3">Student Visa</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="contact-one__form-input-box text-message-box">
<textarea name="message" placeholder="Write a Message"></textarea>
</div>
<div class="contact-one__formbtn-box">
<button type="submit" class="thm-btn contact-one__form-btn">Send a
Message</button>
</div>
</div>
</div>
</form>
<div class="result"></div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="contact-one__right">
<div class="contact-one__google-map-box">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4562.753041141002!2d-118.80123790098536!3d34.152323469614075!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80e82469c2162619:0xba03efb7998eef6d!2sCostco+Wholesale!5e0!3m2!1sbn!2sbd!4v1562518641290!5m2!1sbn!2sbd"
class="google-map__one" allowfullscreen></iframe>
</div>
<div class="contact-one__address-box">
<div class="contact-one__address-top">
<div class="contact-one__address-top-title">
<h3>Treck Offices</h3>
</div>
<div class="contact-one__address-top-icon">
<span class="icon-buildings"></span>
</div>
</div>
<div class="contact-one__address-faq">
<div class="accrodion-grp" data-grp-name="faq-one-accrodion">
<div class="accrodion active">
<div class="accrodion-title">
<h4>Dubai Office</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<ul class="contact-one__address-list list-unstyled">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<p><a
href="mailto:needhelp@company.com">needhelp@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="text">
<p><a href="tel:9288009850">+92 (8800) - 9850</a></p>
</div>
</li>
</ul>
</div><!-- /.inner -->
</div>
</div>
<div class="accrodion">
<div class="accrodion-title">
<h4>Australia Office</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<ul class="contact-one__address-list list-unstyled">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<p><a
href="mailto:needhelp@company.com">needhelp@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="text">
<p><a href="tel:9288009850">+92 (8800) - 9850</a></p>
</div>
</li>
</ul>
</div><!-- /.inner -->
</div>
</div>
<div class="accrodion last-child">
<div class="accrodion-title">
<h4>Canada Office</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<ul class="contact-one__address-list list-unstyled">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<p><a
href="mailto:needhelp@company.com">needhelp@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="text">
<p><a href="tel:9288009850">+92 (8800) - 9850</a></p>
</div>
</li>
</ul>
</div><!-- /.inner -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Contact One End-->
<!--Brand One Start-->
<section class="brand-one">
<div class="container">
<div class="brand-one__inner">
<div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 100,
"slidesPerView": 5,
"loop": true,
"navigation": {
"nextEl": "#brand-one__swiper-button-next",
"prevEl": "#brand-one__swiper-button-prev"
},
"autoplay": { "delay": 5000 },
"breakpoints": {
"0": {
"spaceBetween": 30,
"slidesPerView": 2
},
"375": {
"spaceBetween": 30,
"slidesPerView": 2
},
"575": {
"spaceBetween": 30,
"slidesPerView": 3
},
"767": {
"spaceBetween": 50,
"slidesPerView": 4
},
"991": {
"spaceBetween": 50,
"slidesPerView": 5
},
"1199": {
"spaceBetween": 100,
"slidesPerView": 6
}
}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-1-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-2-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-3-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-4-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-5-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-6-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-1-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-2-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-3-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-4-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-5-dark.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-6-dark.png" alt="">
</div><!-- /.swiper-slide -->
</div>
</div>
</div>
</div>
</section>
<!--Brand One End-->
<!--Blog One Start-->
<section class="blog-one">
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">NEWS & UPDATES</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Latest News & Articles
<br> From the Blog</h2>
</div>
<div class="row">
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-1.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">Vaccination Requirements for
Immigrant
Visa Applicants</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-2.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">How to Ensure Direct for the
Hassle-Free Visa Process</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-3.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">Citizenship Concept on How to
Become a UK Resident</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
</div>
</div>
</section>
<!--Blog One End-->
<!--Site Footer Start-->
<footer class="site-footer">
<div class="container">
<div class="site-footer__top">
<div class="site-footer__map float-bob-x">
<img src="assets/images/shapes/site-footer-map-1.png" alt="">
</div>
<div class="site-footer__top-left">
<div class="site-footer__visa-box">
<ul class="list-unstyled site-footer__visa-list">
<li>
<div class="site-footer__visa-img">
<img src="assets/images/resources/site-footer-visa-img-1-1.jpg" alt="">
</div>
</li>
<li>
<div class="site-footer__visa-img">
<img src="assets/images/resources/site-footer-visa-img-1-2.jpg" alt="">
</div>
</li>
<li>
<div class="site-footer__visa-img">
<img src="assets/images/resources/site-footer-visa-img-1-3.jpg" alt="">
</div>
</li>
</ul>
<div class="site-footer__visa-content">
<p class="site-footer__visa-text">Approved Traveler Visa Applications. <a
href="visa-details.html">Get
Your Visa</a></p>
</div>
</div>
</div>
<div class="site-footer__call">
<div class="site-footer__call-icon">
<img src="assets/images/icon/site-footer-icon-comment.png" alt="">
</div>
<div class="site-footer__call-content">
<p class="site-footer__call-sub-title">Have Question?</p>
<h5 class="site-footer__call-number"><a href="tel:9288009850"><span>Free</span> +92 (8800) -
9850</a></h5>
</div>
</div>
</div>
<div class="site-footer__middle">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="footer-widget__column footer-widget__about">
<div class="footer-widget__logo">
<a href="index.html"><img src="assets/images/resources/footer-logo.png" alt=""></a>
</div>
<p class="footer-widget__about-text">Aliqua id fugiat nostrud irure ex duis ea quis id
quis ad et. Sunt qui esse pariatur duis deserunt.</p>
<div class="site-footer__social">
<a href="index-dark.html#"><i class="fab fa-twitter"></i></a>
<a href="index-dark.html#"><i class="fab fa-facebook"></i></a>
<a href="index-dark.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="index-dark.html#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-xl-1 col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="200ms">
<div class="footer-widget__column footer-widget__link">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Explore</h3>
</div>
<ul class="footer-widget__link-list list-unstyled">
<li><a href="about.html">About</a></li>
<li><a href="team.html">Meet Experts</a></li>
<li><a href="blog.html">News & Media</a></li>
<li><a href="visa-details.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="300ms">
<div class="footer-widget__column footer-widget__visa">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Visa</h3>
</div>
<ul class="footer-widget__visa-list list-unstyled">
<li><a href="visa-details.html">Work Visa</a></li>
<li><a href="visa-details.html">Students Visa</a></li>
<li><a href="visa-details.html">Business Visa</a></li>
<li><a href="visa-details.html">Family Visa</a></li>
<li><a href="visa-details.html">Travel Visa</a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="footer-widget__column footer-widget__gallery">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Instagram</h3>
</div>
<ul class="footer-widget__gallery-list list-unstyled clearfix">
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-1.jpg" alt="">
<a href="index-dark.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-2.jpg" alt="">
<a href="index-dark.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-3.jpg" alt="">
<a href="index-dark.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-4.jpg" alt="">
<a href="index-dark.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-5.jpg" alt="">
<a href="index-dark.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-6.jpg" alt="">
<a href="index-dark.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
<div class="footer-widget__column footer-widget__Contact">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Contact</h3>
</div>
<ul class="footer-widget__Contact-list list-unstyled">
<li>
<div class="icon">
<span class="fas fa-envelope"></span>
</div>
<div class="text">
<p><a href="mailto:needhelp@company.com">needhelp@company.com</a></p>
</div>
</li>
<li>
<div class="icon">
<span class="fas fa-map-marker-alt"></span>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<span class="fas fa-clock"></span>
</div>
<div class="text">
<p>Mon Sat: 8:00 am to 6:00 pm <br> Sunday: Closed</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="site-footer__bottom-inner">
<p class="site-footer__bottom-text">© Copyright 2023 by <a href="index-dark.html#">Treck.com</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--Site Footer End-->
</div><!-- /.page-wrapper -->
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler"></div>
<!-- /.mobile-nav__overlay -->
<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
<div class="logo-box">
<a href="index.html" aria-label="logo image"><img src="assets/images/resources/logo-2.png" width="135"
alt="" /></a>
</div>
<!-- /.logo-box -->
<div class="mobile-nav__container"></div>
<!-- /.mobile-nav__container -->
<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="fa fa-envelope"></i>
<a href="mailto:needhelp@packageName__.com">needhelp@treck.com</a>
</li>
<li>
<i class="fa fa-phone-alt"></i>
<a href="tel:666-888-0000">666 888 0000</a>
</li>
</ul><!-- /.mobile-nav__contact -->
<div class="mobile-nav__top">
<div class="mobile-nav__social">
<a href="index-dark.html#" class="fab fa-twitter"></a>
<a href="index-dark.html#" class="fab fa-facebook-square"></a>
<a href="index-dark.html#" class="fab fa-pinterest-p"></a>
<a href="index-dark.html#" class="fab fa-instagram"></a>
</div><!-- /.mobile-nav__social -->
</div><!-- /.mobile-nav__top -->
</div>
<!-- /.mobile-nav__content -->
</div>
<!-- /.mobile-nav__wrapper -->
<div class="search-popup">
<div class="search-popup__overlay search-toggler"></div>
<!-- /.search-popup__overlay -->
<div class="search-popup__content">
<form action="#">
<label for="search" class="sr-only">search here</label><!-- /.sr-only -->
<input type="text" id="search" placeholder="Search Here..." />
<button type="submit" aria-label="search submit" class="thm-btn">
<i class="icon-magnifying-glass"></i>
</button>
</form>
</div>
<!-- /.search-popup__content -->
</div>
<!-- /.search-popup -->
<a href="index-dark.html#" data-target="html" class="scroll-to-target scroll-to-top"><i class="icon-right-arrow"></i></a>
<script src="assets/vendors/jquery/jquery-3.6.4.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendors/jarallax/jarallax.min.js"></script>
<script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
<script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
<script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
<script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="assets/vendors/nouislider/nouislider.min.js"></script>
<script src="assets/vendors/odometer/odometer.min.js"></script>
<script src="assets/vendors/swiper/swiper.min.js"></script>
<script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
<script src="assets/vendors/wnumb/wNumb.min.js"></script>
<script src="assets/vendors/wow/wow.js"></script>
<script src="assets/vendors/isotope/isotope.js"></script>
<script src="assets/vendors/countdown/countdown.min.js"></script>
<script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
<script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="assets/vendors/vegas/vegas.min.js"></script>
<script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
<script src="assets/vendors/timepicker/timePicker.js"></script>
<script src="assets/vendors/circleType/jquery.circleType.js"></script>
<script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
<!-- template js -->
<script src="assets/js/treck.js"></script>
</body>
</html>