Access_New/pages/demo-travel-agency.html
2024-09-05 11:33:27 +05:45

1470 lines
150 KiB
HTML
Raw Permalink 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 class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/travel-agency/travel-agency.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-light bg-white md-border-bottom border-color-transparent-dark-very-light disable-fixed">
<div class="container-fluid">
<div class="row h-45px align-items-center m-0">
<div class="col-xl-6 col-lg-8 justify-content-center justify-content-lg-start">
<div class="fs-15 text-dark-gray">We have a selection of over 50 tour programs! <a href="demo-travel-agency-destinations.html" class="text-base-color fw-500 text-decoration-line-bottom">Popular Destinations</a></div>
</div>
<div class="col-xl-6 col-lg-4 text-end d-none d-lg-flex">
<a href="tel:02228899900" class="widget fs-15 text-dark-gray text-dark-gray-hover"><i class="feather icon-feather-phone-call text-base-color"></i> 0222 8899900</a>
<div class="widget fs-15 ms-30px text-dark-gray d-none d-xl-inline-block"><i class="feather icon-feather-map-pin text-base-color"></i> Broadway, 24th Floor, San Francisco</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-white-light disable-fixed">
<div class="container-fluid">
<div class="col-auto col-lg-2 me-auto">
<a class="navbar-brand" href="demo-travel-agency.html">
<img src="images/demo-travel-agency-logo-white.png" data-at2x="images/demo-travel-agency-logo-white@2x.png" alt class="default-logo">
<img src="images/demo-travel-agency-logo-white.png" data-at2x="images/demo-travel-agency-logo-white@2x.png" alt class="alt-logo">
<img src="images/demo-travel-agency-logo-black.png" data-at2x="images/demo-travel-agency-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-lg-8 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav alt-font text-uppercase">
<li class="nav-item"><a href="demo-travel-agency.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-travel-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item dropdown dropdown-with-icon">
<a href="demo-travel-agency-destinations.html" class="nav-link">Destinations</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-07.jpg" alt>
<div class="submenu-icon-content">
India
<p>42 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-08.jpg" alt>
<div class="submenu-icon-content">
Poland
<p>36 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-09.jpg" alt>
<div class="submenu-icon-content">
Mexico
<p>22 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-13.jpg" alt>
<div class="submenu-icon-content">
Maldives
<p>28 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#" class="btn btn-dark-gray btn-round-edge btn-box-shadow align-self-center text-center text-white">tour packages</a>
</li>
</ul>
</li>
<li class="nav-item"><a href="demo-travel-agency-tours.html" class="nav-link">Tours</a></li>
<li class="nav-item"><a href="demo-travel-agency-reviews.html" class="nav-link">Reviews</a></li>
<li class="nav-item"><a href="demo-travel-agency-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-travel-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto col-lg-2 text-end">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="demo-travel-agency.html#" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a>
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close alt-font">×</button>
<form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray text-center mb-5 ls-minus-2px fw-600">What are you looking for?</h2>
<input class="search-input" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
</div>
<div class="header-push-button icon">
<div class="push-button">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="push-menu push-menu-style-1 p-35px bg-white">
<span class="close-menu text-white bg-dark-gray"><i class="fa-solid fa-xmark"></i></span>
<div class="text-center push-menu-wrapper text-dark-gray" data-scroll-options="{ &quot;theme&quot;: &quot;dark&quot; }">
<div class="w-100">
<img src="images/demo-travel-agency-logo-black.png" data-at2x="images/demo-travel-agency-logo-black@2x.png" class="mb-20" alt />
<div class="d-inline-block align-middle bg-very-light-gray fw-600 text-dark-gray text-uppercase border-radius-22px ps-25px pe-25px fs-13 mb-15px">Explore the world</div>
<h3 class="fw-600 mb-0 alt-font ls-minus-1px lh-38">World's leading travel agency</h3>
</div>
<div class="row align-items-center justify-content-center mt-20 mb-20 row-cols-3 row-cols-md-3 gutter-very-small row-cols-sm-3 instagram-follow-api position-relative">
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
</div>
<div class="col-12 text-center newsletter-style-02 position-relative mb-20">
<span class="fs-18 w-80 mx-auto text-extra-dark-gray lh-26 d-inline-block mb-25px">Get latest update for our trusted applications</span>
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="border-radius-5px bg-white w-100 form-control required" type="email" name="email" placeholder="Enter your email">
<input type="hidden" name="redirect" value>
<button class="btn submit" aria-label="submit"><i class="icon feather icon-feather-mail icon-small"></i></button>
<div class="form-results border-radius-4px pt-10px pb-10px ps-15px pe-15px fs-14 w-100 text-center position-absolute lh-24 d-none"></div>
</form>
</div>
<div class="col-12 text-center elements-social social-icon-style-01">
<ul class="small-icon dark mb-0">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="p-0 bg-dark-gray">
<article class="content">
<div id="travel-agency_wrapper" class="rev_slider_wrapper fullscreen-container">
<div id="travel-agency-slider" class="rev_slider fullscreenbanner" data-version="5.4.5">
<ul>
<li id="rs-travel-agency-01" data-index="rs-travel-agency-01" data-transition="slidehorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="0" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-travel-agency-slider-03.jpg" alt="dummy" class="rev-slidebg">
<div class="tp-caption tp-resizeme rs-parallaxlevel-2 background-image-layer" id="slide-01-layer-01" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-200','0','0','0']" data-width="['2200','100%','2200','2000']" data-height="100%" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','off','off']" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100;z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;fb:20;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-05.png" data-ww="100%" data-hh="100%" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 background-image-layer" id="slide-01-layer-02" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-200','-100','-300','-100']" data-width="['2200','2000','2200','1600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','off','off']" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:-30:z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-06.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2 object-layer" id="slide-01-layer-03" data-x="['center','center','center','center']" data-hoffset="['2','0','-10','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-15','0','-30','0']" data-width="['1190','900','750','600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:300,&quot;speed&quot;:3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[160%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:[-160%];y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,70,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,70,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-01.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-3 object-layer" id="slide-01-layer-04" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-15','0','-30','0']" data-width="['1190','900','750','600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1700,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:20px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 extra-grass-layer" id="slide-01-layer-05" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-340','-300','-350','-500']" data-width="['2200','2200','2200','2200']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="grid" data-frames="[{&quot;delay&quot;:1200,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:0px;fb:0px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-08.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-01-layer-06" data-x="['center','center','center','center']" data-hoffset="['320','280','261','140']" data-y="['top','top','top','middle']" data-voffset="['265','212','150','-80']" data-width="['146','146','120','100']" data-height="auto" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2200,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white" id="slide-01-layer-07" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['330','285','210','-65']" data-fontsize="['40','40','30','25']" data-lineheight="['40','30','30','25']" data-fontweight="['600','600','600','600']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['center','center','center','center']">
$1200
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white text-uppercase" id="slide-01-layer-08" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['303','250','180','-90']" data-fontsize="['16','18','16','15']" data-fontweight="['500','500','500','500']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2400,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['center','center','center','center']">
Starting at
</div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-01-layer-09" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);"></div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-01-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-70','-70','-70','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);"></div>
<div id="rrzb_902" class="rev_row_zone rev_row_zone_bottom" style="z-index: 9999;">
<div class="tp-caption tp-resizeme " id="slide-01-layer-11" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="row" data-columnbreak="2" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-01-layer-12" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="column" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','center','center','center']" data-verticalalign="middle">
<div class="tp-caption tp-shape tp-resizeme" id="slide-01-layer-13" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['186','45','45','45']" data-width="['100%','100%','100%','100%']" data-height="['1','1','1','1']" data-whitespace="nowrap" data-basealign="slide" data-type="shape" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2100&quot;,&quot;speed&quot;:750,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:0px;y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="z-index: 8;background-color:rgba(255,255,255,0.3);"> </div>
</div>
</div>
<div class="tp-caption tp-resizeme package-details" id="slide-01-layer-14" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="3" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-01-layer-15" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','left','left','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,15]" data-paddingright="[0,20,10,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[20,20,10,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-16" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['34','28','24','26']" data-lineheight="['46','40','40','30']" data-letterspacing="['-1','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Africa wildlife
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-17" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','0','120']" data-fontsize="['16','16','16','17']" data-lineheight="['26','26','24','24']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-paddingtop="[0,0,0,5]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<div class="d-block d-md-flex">
<i class="bi bi-geo-alt-fill me-5px"></i>
<span class="opacity-5">25Km from Madagascar</span>
</div>
</div>
</div>
<div class="tp-caption" id="slide-01-layer-18" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-19" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','24','24']" data-lineheight="['32','38','32','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
07 Days
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-20" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tour duration
</div>
</div>
<div class="tp-caption " id="slide-01-layer-21" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2700,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,7]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-22" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','20','18','20']" data-lineheight="['32','40','30','30']" data-letterspacing="['2','2','2','2']" data-fontweight="['500','500','500','500']" data-color="['#ffa500','#ffa500','#ffa500','#ffa500']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-23" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','26','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tripadvisor rating
</div>
</div>
<div class="tp-caption" id="slide-01-layer-24" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,5]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-25" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','26','24']" data-lineheight="['32','40','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Deluxe AC
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-26" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
WITH MEAL
</div>
</div>
<div class="tp-caption" id="slide-01-layer-27" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,0,0,0]" data-paddingbottom="[80,80,100,80]" data-paddingleft="[0,0,0,0]">
<a class="tp-caption tp-resizeme alt-font text-center" data-shadow-animation="true" href="demo-travel-agency.html#" id="slide-01-layer-29" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['28','30','22','26']" data-lineheight="['34','45','30','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-actions data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Book holiday<i class="bi bi-arrow-right-short icon-extra-medium xs-pt-10px"></i>
</a>
</div>
</div>
</div>
</li>
<li id="rs-travel-agency-02" data-index="rs-travel-agency-02" data-transition="slidehorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="0" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-travel-agency-slider-02-01.jpg" alt="dummy" class="rev-slidebg">
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-02-layer-01" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','bottom','bottom']" data-voffset="['80','0','-300','-100']" data-width="['3000','3000','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="grid" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:300,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-02-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-02-layer-02" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','bottom','bottom']" data-voffset="['80','0','-250','-100']" data-width="['3000','3000','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:800,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-02-03.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 object-layer" id="slide-02-layer-04" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-50','0','0','0']" data-width="['987','800','500','450']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1300,&quot;speed&quot;:3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[200%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:[-200%];y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02-06.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-02-layer-05" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-80']" data-width="['3000','2200','2600','3000']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1700,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02-02.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-02-layer-03" data-x="['center','center','center','center']" data-hoffset="['2','0','-10','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','50','0']" data-width="['3000','2200','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:2600,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,70,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,70,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02-05.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-02-layer-06" data-x="['center','center','center','center']" data-hoffset="['320','280','261','140']" data-y="['top','top','top','middle']" data-voffset="['265','212','150','-80']" data-width="['146','146','120','100']" data-height="auto" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2800,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white" id="slide-02-layer-07" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['330','285','210','-65']" data-fontsize="['40','40','30','25']" data-lineheight="['40','30','30','25']" data-fontweight="['600','600','600','600']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
$1600
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white text-uppercase" id="slide-02-layer-08" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['303','250','180','-90']" data-fontsize="['16','18','16','15']" data-fontweight="['500','500','500','500']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3000,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
Starting at
</div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-02-layer-09" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);"></div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-02-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-70','-70','-70','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);"></div>
<div id="rrzb_903" class="rev_row_zone rev_row_zone_bottom" style="z-index: 9999;">
<div class="tp-caption tp-resizeme " id="slide-02-layer-11" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="row" data-columnbreak="2" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-02-layer-12" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="column" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','center','center','center']" data-verticalalign="middle">
<div class="tp-caption tp-shape tp-resizeme" id="slide-02-layer-13" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['186','45','45','45']" data-width="['100%','100%','100%','100%']" data-height="['1','1','1','1']" data-whitespace="nowrap" data-basealign="slide" data-type="shape" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2100&quot;,&quot;speed&quot;:750,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:0px;y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="z-index: 8;background-color:rgba(255,255,255,0.3);"> </div>
</div>
</div>
<div class="tp-caption tp-resizeme package-details" id="slide-02-layer-14" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="3" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-02-layer-15" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','left','left','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,15]" data-paddingright="[0,20,10,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[20,20,10,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-16" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['34','28','24','26']" data-lineheight="['46','40','40','30']" data-letterspacing="['-1','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Morocco desert
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-17" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','0','120']" data-fontsize="['16','16','16','17']" data-lineheight="['26','26','24','24']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-paddingtop="[0,0,0,5]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<div class="d-block d-md-flex">
<i class="bi bi-geo-alt-fill me-5px"></i>
<span class="opacity-5">48Km from Ouarzazate</span>
</div>
</div>
</div>
<div class="tp-caption" id="slide-02-layer-18" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-19" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','24','24']" data-lineheight="['32','38','32','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
03 Days
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-20" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tour duration
</div>
</div>
<div class="tp-caption " id="slide-02-layer-21" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2700,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,7]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-22" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','20','18','20']" data-lineheight="['32','40','30','30']" data-letterspacing="['2','2','2','2']" data-fontweight="['500','500','500','500']" data-color="['#ffa500','#ffa500','#ffa500','#ffa500']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-23" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','26','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tripadvisor rating
</div>
</div>
<div class="tp-caption" id="slide-02-layer-24" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,5]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-25" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','26','24']" data-lineheight="['32','40','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Classic AC
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-26" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
WITH MEAL
</div>
</div>
<div class="tp-caption" id="slide-02-layer-27" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,0,0,0]" data-paddingbottom="[80,80,100,80]" data-paddingleft="[0,0,0,0]">
<a class="tp-caption tp-resizeme alt-font text-center" data-shadow-animation="true" href="demo-travel-agency.html#" id="slide-02-layer-29" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['28','30','22','26']" data-lineheight="['34','45','30','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-actions data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Book holiday<i class="bi bi-arrow-right-short icon-extra-medium xs-pt-10px"></i>
</a>
</div>
</div>
</div>
</li>
<li id="rs-travel-agency-03" data-index="rs-travel-agency-03" data-transition="slidehorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="0" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-travel-agency-slider-03-06.jpg" alt="dummy" class="rev-slidebg">
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-03-layer-01" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','100','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="grid" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100;z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;fb:20;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-03-05.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-03-layer-02" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:700,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:-30:z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-03-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 object-layer" id="slide-03-layer-03" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-50','0','-50','-50']" data-width="['987','800','550','450']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1600,&quot;speed&quot;:3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[200%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:[-200%];y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-03.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-03-layer-04" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1600,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:20px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-07.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-03-layer-05" data-x="['center','center','center','center']" data-hoffset="['2','0','-10','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','50','0','0']" data-width="['3000','2500','2000','1600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:2800,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,70,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,70,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-01.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-03-layer-06" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1200,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:20px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-02.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme" id="slide-03-layer-07" data-x="['center','center','center','center']" data-hoffset="['320','280','261','140']" data-y="['top','top','top','middle']" data-voffset="['265','212','150','-80']" data-width="['146','146','120','100']" data-height="auto" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3000,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme alt-font text-white" id="slide-03-layer-08" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['330','285','210','-65']" data-fontsize="['40','40','30','25']" data-lineheight="['40','30','30','25']" data-fontweight="['600','600','600','600']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
$1000
</div>
<div class="tp-caption tp-resizeme alt-font text-white text-uppercase" id="slide-03-layer-09" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['303','250','180','-90']" data-fontsize="['16','18','16','15']" data-fontweight="['500','500','500','500']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3200,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
Starting at
</div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-03-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2400,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);"></div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-03-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-70','-70','-70','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2400,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);"></div>
<div id="rrzb_904" class="rev_row_zone rev_row_zone_bottom" style="z-index: 9999;">
<div class="tp-caption tp-resizeme " id="slide-03-layer-11-01" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="row" data-columnbreak="2" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-03-layer-12" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="column" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','center','center','center']" data-verticalalign="middle">
<div class="tp-caption tp-shape tp-resizeme" id="slide-03-layer-13" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['186','45','45','45']" data-width="['100%','100%','100%','100%']" data-height="['1','1','1','1']" data-whitespace="nowrap" data-basealign="slide" data-type="shape" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2100&quot;,&quot;speed&quot;:750,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:0px;y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="z-index: 8;background-color:rgba(255,255,255,0.3);"> </div>
</div>
</div>
<div class="tp-caption tp-resizeme package-details" id="slide-03-layer-14" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="3" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-03-layer-15" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','left','left','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,15]" data-paddingright="[0,20,10,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[20,20,10,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-16" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['34','28','24','26']" data-lineheight="['46','40','40','30']" data-letterspacing="['-1','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Gunung rinjan
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-17" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','0','120']" data-fontsize="['16','16','16','17']" data-lineheight="['26','26','24','24']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-paddingtop="[0,0,0,5]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<div class="d-block d-md-flex">
<i class="bi bi-geo-alt-fill me-5px"></i>
<span class="opacity-5">24Km from Indonesia</span>
</div>
</div>
</div>
<div class="tp-caption" id="slide-03-layer-18" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-19" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','24','24']" data-lineheight="['32','38','32','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
05 Days
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-20" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tour duration
</div>
</div>
<div class="tp-caption " id="slide-03-layer-21" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2700,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,7]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-22" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','20','18','20']" data-lineheight="['32','40','30','30']" data-letterspacing="['2','2','2','2']" data-fontweight="['500','500','500','500']" data-color="['#ffa500','#ffa500','#ffa500','#ffa500']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-23" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','26','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tripadvisor rating
</div>
</div>
<div class="tp-caption" id="slide-03-layer-24" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,5]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-25" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','26','24']" data-lineheight="['32','40','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Deluxe AC
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-26" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
WITH MEAL
</div>
</div>
<div class="tp-caption" id="slide-03-layer-27" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,0,0,0]" data-paddingbottom="[80,80,100,80]" data-paddingleft="[0,0,0,0]">
<a class="tp-caption tp-resizeme alt-font text-center" data-shadow-animation="true" href="demo-travel-agency.html#" id="slide-03-layer-29" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['28','30','22','26']" data-lineheight="['34','45','30','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-actions data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Book holiday<i class="bi bi-arrow-right-short icon-extra-medium xs-pt-10px"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</article>
</section>
<section class="position-relative pb-0 xs-pt-30px">
<div class="w-100 h-70px position-absolute top-minus-70px md-top-minus-50px left-0px" style="background-image:url('images/demo-travel-agency-slider-07.png');"></div>
</section>
<section class="extra-big-section background-position-center-bottom background-size-contain background-no-repeat position-relative pt-0" style="background-image:url('images/demo-travel-agency-home-bg-02.png');">
<div class="position-absolute left-0px bottom-minus-50px d-none d-lg-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-travel-agency-home-bg-01.png" alt />
</div>
<div class="container background-position-right background-no-repeat sm-mb-10 xs-mb-15" style="background-image:url('images/demo-travel-agency-home-bg.png');">
<div class="row align-items-center position-relative mb-7">
<div class="position-absolute left-0px top-0px h-100 w-130px border-end border-color-extra-medium-gray d-none d-md-inline-block" data-anime="{ &quot;translateX&quot;: [-30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="vertical-title-center align-items-center justify-content-center">
<div class="title fs-24 alt-font text-base-color fw-600 text-uppercase">Explore the world for yourself</div>
</div>
</div>
<div class="col-lg-1 col-md-2 d-none d-md-inline-block"><div class="divider-dot d-flex align-items-center w-100 h-200px"></div></div>
<div class="col-lg-5 col-md-9 offset-md-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="alt-font fw-600 text-dark-gray ls-minus-3px w-90 xl-w-100 mb-30px">Discover the world's leading travel agency.</h1>
<p class="w-75 lg-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
<div class="d-inline-block mt-5px">
<a href="demo-travel-agency-about.html" class="btn btn-large btn-round-edge btn-dark-gray btn-hover-animation btn-box-shadow me-25px">
<span>
<span class="btn-text">About company</span><span class="btn-icon"><i class="feather icon-feather-feather"></i></span>
</span>
</a>
<a href="demo-travel-agency-tours.html" class="btn btn-link-gradient expand btn-extra-large text-dark-gray text-dark-gray-hover ls-0px">Discover tour<span class="bg-dark-gray"></span></a>
</div>
</div>
<div class="col-lg-4 col-md-8 position-relative offset-lg-1 offset-md-4 ps-0 sm-ps-15px md-mt-50px" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<img src="images/demo-travel-agency-home-01.jpg" class="border-radius-6px md-w-100" alt>
<img class="position-absolute left-minus-120px top-80px sm-top-0px sm-w-160px sm-left-0px" src="images/demo-travel-agency-home-02.png" alt data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
</div>
</div>
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;rotateZ&quot;: [5, 0], &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col icon-with-text-style-01 md-mb-30px">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Medal-2 icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Superior service</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-01 md-mb-30px">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Globe icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Cheapest package</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-01 xs-mb-30px">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Administrator icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Greatest guides</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-01">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Police icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Fully protected</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray background-position-center-bottom background-size-contain background-no-repeat pt-2 pb-6" style="background-image:url('images/demo-travel-agency-home-bg-05.png');">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-6 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-base-color text-uppercase d-inline-block">Most popular tours</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Popular packages</h2>
</div>
</div>
<div class="row row-cols-1 justify-content-center mb-10 md-mb-5 xs-mb-10">
<div class="col position-relative" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 50, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="swiper slider-four-slide magic-cursor swiper-number-navigation-style" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.swiper-pagination&quot;, &quot;clickable&quot;: true }, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1400&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;1200&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;576&quot;: { &quot;slidesPerView&quot;: 2 } }, &quot;effect&quot;: &quot;slide&quot; }" data-swiper-number-navigation="true" data-swiper-show-progress="true">
<div class="swiper-wrapper pb-5 md-pb-6">
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-03.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1299<span class="ms-5px position-relative text-red fs-19 fw-500">$1500<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Majestic india life and great wildlife.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">18 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-04.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">08 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1099<span class="ms-5px position-relative text-red fs-19 fw-500">$1200<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Maldives resorts with return flights.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">12 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-05.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">05 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1349<span class="ms-5px position-relative text-red fs-19 fw-500">$1700<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Dubai parks resorts special packages.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">10 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-06.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1699<span class="ms-5px position-relative text-red fs-19 fw-500">$1800<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">The everyday urban jungle of city.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">16 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-03.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1299<span class="ms-5px position-relative text-red fs-19 fw-500">$1500<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Majestic india life and great wildlife.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">18 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-04.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">08 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1099<span class="ms-5px position-relative text-red fs-19 fw-500">$1200<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Maldives resorts with return flights.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">12 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-05.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">05 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1349<span class="ms-5px position-relative text-red fs-19 fw-500">$1700<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Dubai parks resorts special packages.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">10 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-06.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1699<span class="ms-5px position-relative text-red fs-19 fw-500">$1800<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">The everyday urban jungle of city.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">16 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-navigation-wrapper d-flex align-items-center justify-content-center">
<div class="swiper-button-previous-nav swiper-button-prev slider-four-slide-prev"><i class="feather icon-feather-arrow-left icon-small text-dark-gray"></i><div class="number-prev fs-14 fw-500"></div></div>
<div class="swiper-pagination-progress w-200px xs-w-150px bg-medium-gray-transparent"><span class="swiper-progress"></span></div>
<div class="swiper-button-next-nav swiper-button-next slider-four-slide-next"><div class="number-next fs-14 fw-500"></div><i class="feather icon-feather-arrow-right icon-small text-dark-gray"></i></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-6 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-base-color text-uppercase d-inline-block">Authentic experiences</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Prime destination</h2>
</div>
</div>
<div class="row row-cols-1 row-cols-xl-4 row-cols-lg-3 row-cols-sm-2 justify-content-center mb-5 md-mb-3 xs-mb-40px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;scale&quot;:[0.9,1], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 500, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-07.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">India</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-08.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Poland</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-09.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Mexico</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-10.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Egypt</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin lg-mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-11.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Africa</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin lg-mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-12.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Kenya</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin lg-mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-13.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Maldives</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-14.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Dubai</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
</div>
<div class="row text-center" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12">
<h4 class="alt-font text-dark-gray mb-0 ls-minus-1px fancy-text-style-4">World's hottest destinations for <span class="fw-600" data-fancy-text="{ &quot;effect&quot;: &quot;wave&quot;, &quot;direction&quot;: &quot;up&quot;, &quot;speed&quot;: 10, &quot;string&quot;: [&quot;mountain lovers.&quot;, &quot;nature lovers.&quot;, &quot;independent tours.&quot;], &quot;duration&quot;: 2500 }"></span></h4>
</div>
</div>
</div>
</section>
<section class="position-relative overlap-height" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-travel-agency-home-parallax.jpg');">
<div class="opacity-extra-medium bg-gradient-gulf-blue-sepia-brown"></div>
<div class="container overlap-gap-section">
<div class="row justify-content-center align-items-center">
<div class="col-xl-8 col-lg-10 position-relative text-center parallax-scrolling-style-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-white text-uppercase mb-5px d-inline-block ls-1px">Finding the perfect trips</span>
<h1 class="text-white mx-auto alt-font fw-500 mb-40px ls-minus-2px">Get ready to explore and discover your world.</h1>
<a href="demo-travel-agency.html#explore" class="section-link d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-base-color"><i class="bi bi-arrow-down-short text-white icon-medium d-flex"></i></a>
</div>
</div>
</div>
</section>
<section id="explore" class="cover-background overflow-visible" style="background-image: url('images/demo-travel-agency-home-bg-03.jpg');">
<div class="container overlap-section">
<div class="row row-cols-1 row-cols-xl-5 row-cols-md-5 row-cols-sm-3 bg-white border-radius-6px mx-0 ps-8 pe-8 lg-ps-3 lg-pe-3 pt-4 pb-4 sm-pt-8 sm-pb-8 xs-pt-15 xs-pb-40px align-items-center mb-7 xs-mb-50px justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col text-center border-end border-color-extra-medium-gray sm-mb-40px xs-border-end-0">
<img src="images/demo-travel-agency-icon-01.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Adventure</span>
</div>
<div class="col text-center border-end border-color-extra-medium-gray sm-mb-40px xs-border-end-0">
<img src="images/demo-travel-agency-icon-02.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Friendly</span>
</div>
<div class="col text-center border-end sm-border-end-0 border-color-extra-medium-gray sm-mb-40px">
<img src="images/demo-travel-agency-icon-03.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Popular</span>
</div>
<div class="col text-center border-end border-color-extra-medium-gray xs-border-end-0 xs-mb-40px">
<img src="images/demo-travel-agency-icon-04.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Beaches</span>
</div>
<div class="col text-center">
<img src="images/demo-travel-agency-icon-05.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Honeymoon</span>
</div>
</div>
</div>
<div class="container">
<div class="row align-items-center justify-content-center" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-lg-3 md-mb-20px text-center text-lg-start">
<span class="fw-500 text-base-color text-uppercase">Testimonials</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Our happy traveller.</h2>
<div class="d-flex justify-content-center justify-content-lg-start">
<div class="slider-one-slide-prev-1 bg-white box-shadow-double-large swiper-button-prev slider-navigation-style-04"><i class="bi bi-arrow-left-short icon-very-medium"></i></div>
<div class="slider-one-slide-next-1 bg-white box-shadow-double-large swiper-button-next slider-navigation-style-04"><i class="bi bi-arrow-right-short icon-very-medium"></i></div>
</div>
</div>
<div class="col-xl-8 col-lg-9">
<div class="swiper position-relative magic-cursor" data-slider-options="{ &quot;autoHeight&quot;: true, &quot;loop&quot;: true, &quot;allowTouchMove&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next&quot;, &quot;prevEl&quot;: &quot;.swiper-button-prev&quot; }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper">
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-17.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">Our Africa travel specialist planned the most <span class="text-decoration-line-bottom fw-600">amazing trip</span> to kenya for us. We had an <span class="text-decoration-line-bottom fw-600">incredible time</span> and were able to capture so many awesome pictures.</p>
<div class="text-center bg-base-color text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-20 alt-font text-base-color fw-600 text-uppercase">Alexander moore</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-15.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">Excellent travel company. We have already <span class="text-decoration-line-bottom fw-600">recommended</span> it to our family and friends. We are looking forward to our <span class="text-decoration-line-bottom fw-600">next trip.</span> Everything was very well organized.</p>
<div class="text-center bg-base-color text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-20 alt-font text-base-color fw-600 text-uppercase">Matthew taylor</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-18.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">This itinerary was a perfect <span class="text-decoration-line-bottom fw-500">combination</span> of city sights, history and culture together with the peace of the <span class="text-decoration-line-bottom fw-500">amazon rainforest</span> and the adventure.</p>
<div class="text-center bg-base-color text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-20 alt-font text-base-color fw-600 text-uppercase">Herman miller</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray background-position-center-top background-no-repeat overlap-height" style="background-image:url('images/demo-travel-agency-home-bg-04.png');">
<div class="container overlap-gap-section">
<div class="row justify-content-center mb-2">
<div class="col-lg-7 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-base-color text-uppercase d-inline-block">Inspiring story</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Travel blogs</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="blog-modern blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item md-mb-20px">
<div class="box-hover text-center">
<figure class="mb-0 position-relative">
<div class="blog-image position-relative overflow-hidden border-radius-6px">
<a href="demo-travel-agency-blog-single-modern.html"><img src="images/demo-travel-agency-blog-01.jpg" alt /></a>
</div>
<figcaption class="post-content-wrapper overflow-hidden border-radius-6px">
<div class="position-relative bg-dark-gray post-content p-30px z-index-2 lh-initial">
<a href="demo-travel-agency-blog-single-modern.html" class="card-title mb-0 fs-20 lh-28 text-white d-inline-block">It takes a real designer to design for real women</a>
<div class="box-overlay bg-dark-gray z-index-minus-1"></div>
</div>
<div class="fs-15 bg-white p-15px lg-ps-10px lg-pe-10px lh-initial"><span class="d-inline-block">By <a href="demo-travel-agency-blog.html">Rosald smith</a></span><span class="separator d-inline-block">|</span><a href="demo-travel-agency.html#">26 Nov 2023</a></div>
</figcaption>
</figure>
</div>
</li>
<li class="grid-item md-mb-20px">
<div class="box-hover text-center">
<figure class="mb-0 position-relative">
<div class="blog-image position-relative overflow-hidden border-radius-6px">
<a href="demo-travel-agency-blog-single-modern.html"><img src="images/demo-travel-agency-blog-02.jpg" alt /></a>
</div>
<figcaption class="post-content-wrapper overflow-hidden border-radius-6px">
<div class="position-relative bg-dark-gray post-content p-30px z-index-2 lh-initial">
<a href="demo-travel-agency-blog-single-modern.html" class="card-title mb-0 fs-20 lh-28 text-white d-inline-block">Experience breathtaking views and perspectives</a>
<div class="box-overlay bg-dark-gray z-index-minus-1"></div>
</div>
<div class="fs-15 bg-white p-15px lg-ps-10px lg-pe-10px lh-initial"><span class="d-inline-block">By <a href="demo-travel-agency-blog.html">Andy glamere</a></span><span class="separator d-inline-block">|</span><a href="demo-travel-agency.html#">22 Nov 2023</a></div>
</figcaption>
</figure>
</div>
</li>
<li class="grid-item">
<div class="box-hover text-center">
<figure class="mb-0 position-relative">
<div class="blog-image position-relative overflow-hidden border-radius-6px">
<a href="demo-travel-agency-blog-single-modern.html"><img src="images/demo-travel-agency-blog-03.jpg" alt /></a>
</div>
<figcaption class="post-content-wrapper overflow-hidden border-radius-6px">
<div class="position-relative bg-dark-gray post-content p-30px z-index-2 lh-initial">
<a href="demo-travel-agency-blog-single-modern.html" class="card-title mb-0 fs-20 lh-28 text-white d-inline-block">Teamwork is essential for small teams to challenges</a>
<div class="box-overlay bg-dark-gray z-index-minus-1"></div>
</div>
<div class="fs-15 bg-white p-15px lg-ps-10px lg-pe-10px lh-initial"><span class="d-inline-block">By <a href="demo-travel-agency-blog.html">Den viliamson</a></span><span class="separator d-inline-block">|</span><a href="demo-travel-agency.html#">18 Nov 2023</a></div>
</figcaption>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<footer class="bg-light-gray pb-40px">
<div class="container">
<div class="row mb-2 md-mb-4 overlap-section" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [-15, 0], &quot;scale&quot;: [0.5, 1], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 300, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12 text-center">
<img class="rounded-circle" src="images/demo-travel-agency-home-16.png" alt />
</div>
</div>
<div class="row justify-content-center mb-6 md-mb-8 xs-mb-40px">
<div class="col-xl-6 col-lg-8 col-md-10 text-center last-paragraph-no-margin">
<h2 class="text-dark-gray alt-font fw-600 mb-40px mx-auto w-90 ls-minus-2px">Get the amazing travel offers into your inbox!</h2>
<div class="d-inline-block w-100 newsletter-style-03 position-relative mb-30px">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="input-large bg-white border-color-transparent w-100 border-radius-100px box-shadow-extra-large form-control required" type="email" name="email" placeholder="Enter your email address" />
<input type="hidden" name="redirect" value>
<button class="btn btn-large text-dark-gray ls-0px left-icon submit fw-600" aria-label="submit"><i class="icon feather icon-feather-mail icon-small text-base-color"></i><span>Subscribe</span></button>
<div class="form-results border-radius-100px pt-10px pb-10px ps-15px pe-15px fs-16 mt-10px w-100 z-index-1 text-center position-absolute d-none"></div>
</form>
</div>
<p class="fs-16 lh-normal">We are committed to protecting your <a href="demo-travel-agency.html#" class="text-decoration-line-bottom text-dark-gray text-dark-gray-hover">privacy policy.</a></p>
</div>
</div>
<div class="row align-items-center justify-content-center mb-40px g-0 row-cols-3 row-cols-md-6 row-cols-sm-3 instagram-follow-api position-relative">
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="absolute-middle-center z-index-1 w-auto">
<a href="https://www.instagram.com" target="_blank" class="btn btn-medium btn-switch-text btn-white btn-round-edge fw-600 ls-0px left-icon btn-box-shadow instagram-button">
<span>
<span><i class="fa-brands fa-instagram text-base-color fs-20"></i></span>
<span class="btn-double-text" data-text="crafto instagram">crafto instagram</span>
</span>
</a>
</div>
</div>
<div class="row align-items-center">
<div class="col-xl-3 col-sm-6 text-center text-sm-start last-paragraph-no-margin fs-15 text-dark-gray order-3 order-md-1">
<p>&COPY; Copyright 2024 <a href="index.html" target="_blank" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-600">Crafto</a></p>
</div>
<div class="col-xl-6 text-center lg-mt-10px sm-mt-0 sm-mb-15px order-1 order-xl-2 order-md-3">
<ul class="footer-navbar">
<li class="nav-item"><a href="demo-travel-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-travel-agency-destinations.html" class="nav-link">Destinations</a></li>
<li class="nav-item"><a href="demo-travel-agency-tours.html" class="nav-link">Tours</a></li>
<li class="nav-item"><a href="demo-travel-agency-reviews.html" class="nav-link">Reviews</a></li>
<li class="nav-item"><a href="demo-travel-agency-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-travel-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
<div class="col-xl-3 col-sm-6 position-relative text-center text-sm-end elements-social social-text-style-08 order-2 order-xl-3 xs-mb-10px">
<ul class="small-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-travel-agency.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="revolution/revolution-addons/particles/js/revolution.addon.particles.min-ver=1.0.3.js"></script>
<script type="text/javascript">
/* https://learn.jquery.com/using-jquery-core/document-ready/ */
jQuery(document).ready(function () {
/* initialize the slider based on the Slider's ID attribute from the wrapper above */
jQuery('#travel-agency-slider').show().revolution({
sliderType: "standard",
/* options are 'auto', 'fullwidth' or 'fullscreen' */
sliderLayout: 'fullscreen',
/* sets the Slider's default timeline */
delay: 9000,
/* options that disable autoplay */
stopLoop: "off",
stopAfterLoops: 0,
stopAtSlide: 1,
navigation: {
keyboardNavigation: 'on',
keyboard_direction: 'horizontal',
mouseScrollNavigation: 'off',
mouseScrollReverse: 'reverse',
onHoverStop: 'off',
touch: {
touchenabled: 'on',
touchOnDesktop: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: 'horizontal',
drag_block_vertical: true
},
arrows: {
enable: true,
style: 'hesperiden',
tmp: '',
rtl: false,
hide_onleave: false,
hide_onmobile: true,
hide_under: 0,
hide_over: 9999,
hide_delay: 200,
hide_delay_mobile: 1200,
left: {
container: 'slider',
h_align: 'left',
v_align: 'center',
h_offset: 30,
v_offset: 0
},
right: {
container: 'slider',
h_align: 'right',
v_align: 'center',
h_offset: 30,
v_offset: 0
}
}
},
responsiveLevels: [1240, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridwidth: [1190, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridheight: [900, 920, 700, 650],
/* Lazy Load options are "all", "smart", "single" and "none" */
lazyType: "smart",
spinner: "spinner0",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 1000,
speedbg: 1500,
speedls: 1000,
levels: [3, 5, 8, 10, 12, 15, 35, 40, 45, 50, -50, -45, -40, -35, -30, -25],
ddd_shadow: "on",
ddd_bgfreeze: "off",
ddd_overflow: "hidden",
ddd_layer_overflow: "visible",
ddd_z_correction: 40,
disable_onmobile: 'on'
},
shadow: 0,
shuffle: "off",
autoHeight: "on",
fullScreenAutoWidth: "off",
fullScreenAlignForce: "off",
fullScreenOffsetContainer: "",
fullScreenOffset: "",
disableProgressBar: "on",
hideThumbsOnMobile: "on",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}); /*ready*/
</script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>