<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title> Countries Details || 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" /> </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-1.png" alt=""></a> </div> <div class="main-menu__search-box"> <a href="countries-details.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="countries-details.html#"><i class="fab fa-twitter"></i></a> <a href="countries-details.html#"><i class="fab fa-facebook"></i></a> <a href="countries-details.html#"><i class="fab fa-pinterest-p"></i></a> <a href="countries-details.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">Faq’s</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="countries-details.html#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a> <ul class="main-menu__list"> <li class="dropdown 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="countries-details.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="countries-details.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="countries-details.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="countries-details.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="countries-details.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="countries-details.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 --> <!--Page Header Start--> <section class="page-header"> <div class="page-header-bg" style="background-image: url('assets/images/backgrounds/page-header-bg.jpg')"> </div> <div class="container"> <div class="page-header__inner"> <h2>Countries Details</h2> <ul class="thm-breadcrumb list-unstyled"> <li><a href="index.html">Home</a></li> <li><span>-</span></li> <li class="active">Countries Details</li> </ul> </div> </div> </section> <!--Page Header End--> <!--Countries Details Start--> <section class="countries-details"> <div class="container"> <div class="row"> <div class="col-xl-4 col-lg-5"> <div class="countries-details__sidebar"> <div class="countries-details__services-list"> <ul class="countries-details__services list-unstyled"> <li> <a href="countries-details.html#">Germany</a> <div class="countries-details__countries-flag"> <img src="assets/images/countries/germany-flag.jpg" alt=""> </div> </li> <li class="active"> <a href="countries-details.html#">United Kingdom</a> <div class="countries-details__countries-flag"> <img src="assets/images/countries/united-kingdom-flag.jpg" alt=""> </div> </li> <li> <a href="countries-details.html#">Italy</a> <div class="countries-details__countries-flag"> <img src="assets/images/countries/italy-flag.jpg" alt=""> </div> </li> <li> <a href="countries-details.html#">Australia</a> <div class="countries-details__countries-flag"> <img src="assets/images/countries/australia-flag.jpg" alt=""> </div> </li> <li> <a href="countries-details.html#">Canada</a> <div class="countries-details__countries-flag"> <img src="assets/images/countries/canada-flag.jpg" alt=""> </div> </li> <li> <a href="countries-details.html#">United States</a> <div class="countries-details__countries-flag"> <img src="assets/images/countries/united-states-flag.jpg" alt=""> </div> </li> </ul> </div> <div class="banner-one"> <div class="banner-one__shape-1"> <img src="assets/images/shapes/banner-one-shape-1.png" alt=""> </div> <div class="banner-one__bg" style="background-image: url('assets/images/backgrounds/banner-one-bg.jpg');"></div> <div class="banner-one__img"> <img src="assets/images/resources/banner-one-img.png" alt=""> </div> <h3 class="banner-one__title">100% <br> Guarantee <br> Approval</h3> <div class="banner-one__btn-box"> <a href="countries-details.html#" class="banner-one__btn">Apply Now</a> </div> </div> <div class="countries-details__documents"> <div class="icon"> <span class="icon-pdf-file"></span> </div> <div class="content"> <h3><a href="countries-details.html#">IELTS Application Form</a></h3> <p>3.9KB</p> </div> </div> </div> </div> <div class="col-xl-8 col-lg-7"> <div class="countries-details__right"> <h3 class="countries-details__title">United Kingdom</h3> <p class="countries-details__text">There are many variations of passages of lorem ipsum is simply free text available in the market, but the majority time you put aside to be in our office. Lorem ipsum dolor sit amet, consectet lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.</p> <div class="countries-details__img-box"> <div class="row"> <div class="col-xl-6 col-lg-6 col-md-6"> <div class="countries-details__img"> <img src="assets/images/countries/countries-details-img-1.jpg" alt=""> </div> </div> <div class="col-xl-6 col-lg-6 col-md-6"> <div class="countries-details__img"> <img src="assets/images/countries/countries-details-img-2.jpg" alt=""> </div> </div> </div> </div> <p class="countries-details__text-two">Neque porro est qui dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Aelltes port lacus quis enim var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <p class="countries-details__text-three">Biophilia is the idea that humans possess an innate tendency to seek connections with nature. The term translates</p> <p class="countries-details__text-four">When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Aelltes port lacus quis enim var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <h3 class="countries-details__title-two">Reasons of Choosing USA</h3> <p class="countries-details__text-five">There are many variations of passages of lorem ipsum is simply free text available in the market, but the majority time you put aside to be in our office.</p> <ul class="countries-details__points list-unstyled"> <li> <div class="icon"> <span class="icon-theater"></span> </div> <div class="text"> <p><a href="countries-details.html#">Experience the <br> Culture</a></p> </div> </li> <li> <div class="icon"> <span class="icon-goals"></span> </div> <div class="text"> <p><a href="countries-details.html#">Opportunities <br> for Growth</a></p> </div> </li> <li> <div class="icon"> <span class="icon-education"></span> </div> <div class="text"> <p><a href="countries-details.html#">Quality Higher <br> Educations</a></p> </div> </li> </ul> </div> </div> </div> </div> </section> <!--Countries Details 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="countries-details.html#"><i class="fab fa-twitter"></i></a> <a href="countries-details.html#"><i class="fab fa-facebook"></i></a> <a href="countries-details.html#"><i class="fab fa-pinterest-p"></i></a> <a href="countries-details.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="countries-details.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="countries-details.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="countries-details.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="countries-details.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="countries-details.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="countries-details.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="countries-details.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="countries-details.html#" class="fab fa-twitter"></a> <a href="countries-details.html#" class="fab fa-facebook-square"></a> <a href="countries-details.html#" class="fab fa-pinterest-p"></a> <a href="countries-details.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="countries-details.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>