Top 5 Jordan Travel Packages: Explore the Best of Jordan

Notice (8): Undefined offset: 0 [APP/Controller/RootCategoriesController.php, line 257]

           if(count($sub_categories) <= 1 ){
            $programs = $this->_getRelatedPrograms($sub_categories[0]['id']);
            $this->set(compact('programs'));

$root_category = object(App\Model\Entity\RootCategory) {

	'id' => (int) 98,
	'title' => 'Top 5 Jordan Travel Packages: Explore the Best of Jordan',
	'description' => '<p>Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-tour-to-amman-jerash-deadsea" target="_blank">Jerash</a>, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!</p>

<p>Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.</p>

<p>In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to <a href="/jordan/petra" target="_blank">Petra</a>, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.</p>

<p>If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.</p>

<p>With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.</p>

<p>From the peaks of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-trip-to-madaba-nebo-dead-sea-from-amman" target="_blank">Mount Nebo</a> to the valleys of the Jordan River, and from the deserts of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/petra-and-wadi-rum-from-amman" target="_blank">Wadi Rum</a> to the shores of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/aqaba-day-tours" target="_blank">Aqaba</a> and the ruins of <a href="http://https://www.memphistours.com/jordan/jordan-and-beyond-tours/jordan-and-egypt-travel-packages/petra-and-egypt-travel-deals-packages" target="_blank">Petra</a>, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of <a href="https://www.memphistours.com/jordan/jordan-travel-packages" target="_blank">Jordan</a>!</p>
',
	'program_type_id' => (int) 2,
	'slug' => 'Jordan-Travel-Packages',
	'site_id' => (int) 14,
	'meta_title' => 'Jordan Travel Packages - Top 5 Tours & Best Sellers',
	'meta_keywords' => 'Jordan Travel Packages',
	'meta_description' => 'Discover our 5 best-selling tours. Petra exploration, Wadi Rum camping, Dead Sea floating included. Small groups, expert guides. Compare and reserve.
',
	'image_url' => '3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg',
	'image_title' => 'Jordan Travel Packages',
	'image_alt' => 'A girl sit in front of petra, Jordan Travel Packages',
	'video_link' => '',
	'icon_url' => 'Jordan Vacations | Jordan Vacations Packages',
	'faq_id' => '',
	'program_type' => object(Cake\ORM\Entity) {},
	'[new]' => false,
	'[accessible]' => [
		'*' => true
	],
	'[dirty]' => [],
	'[original]' => [],
	'[virtual]' => [],
	'[hasErrors]' => false,
	'[errors]' => [],
	'[invalid]' => [],
	'[repository]' => 'RootCategories'

}
$sub_categories = []

app\Controller\RootCategoriesController::view_package() - APP/Controller/RootCategoriesController.php, line 257
Cake\Controller\Controller::setAction() - CORE/src/Controller/Controller.php, line 759
app\Controller\RootCategoriesController::view_slug() - APP/Controller/RootCategoriesController.php, line 225
Cake\Controller\Controller::invokeAction() - CORE/src/Controller/Controller.php, line 609
Cake\Http\ActionDispatcher::_invoke() - CORE/src/Http/ActionDispatcher.php, line 120
Cake\Http\ActionDispatcher::dispatch() - CORE/src/Http/ActionDispatcher.php, line 94
Cake\Http\BaseApplication::__invoke() - CORE/src/Http/BaseApplication.php, line 234
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE/src/Routing/Middleware/RoutingMiddleware.php, line 162
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE/src/Routing/Middleware/AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
AssetCompress\Middleware\AssetCompressMiddleware::__invoke() - ROOT/plugins/AssetCompress/src/Middleware/AssetCompressMiddleware.php, line 57
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE/src/Error/Middleware/ErrorHandlerMiddleware.php, line 96
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Http\Runner::run() - CORE/src/Http/Runner.php, line 51

Notice (8): Trying to access array offset on value of type null [APP/Controller/RootCategoriesController.php, line 257]

Code Context

           if(count($sub_categories) <= 1 ){
            $programs = $this->_getRelatedPrograms($sub_categories[0]['id']);
            $this->set(compact('programs'));

$root_category = object(App\Model\Entity\RootCategory) {

	'id' => (int) 98,
	'title' => 'Top 5 Jordan Travel Packages: Explore the Best of Jordan',
	'description' => '<p>Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-tour-to-amman-jerash-deadsea" target="_blank">Jerash</a>, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!</p>

<p>Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.</p>

<p>In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to <a href="/jordan/petra" target="_blank">Petra</a>, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.</p>

<p>If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.</p>

<p>With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.</p>

<p>From the peaks of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-trip-to-madaba-nebo-dead-sea-from-amman" target="_blank">Mount Nebo</a> to the valleys of the Jordan River, and from the deserts of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/petra-and-wadi-rum-from-amman" target="_blank">Wadi Rum</a> to the shores of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/aqaba-day-tours" target="_blank">Aqaba</a> and the ruins of <a href="http://https://www.memphistours.com/jordan/jordan-and-beyond-tours/jordan-and-egypt-travel-packages/petra-and-egypt-travel-deals-packages" target="_blank">Petra</a>, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of <a href="https://www.memphistours.com/jordan/jordan-travel-packages" target="_blank">Jordan</a>!</p>
',
	'program_type_id' => (int) 2,
	'slug' => 'Jordan-Travel-Packages',
	'site_id' => (int) 14,
	'meta_title' => 'Jordan Travel Packages - Top 5 Tours & Best Sellers',
	'meta_keywords' => 'Jordan Travel Packages',
	'meta_description' => 'Discover our 5 best-selling tours. Petra exploration, Wadi Rum camping, Dead Sea floating included. Small groups, expert guides. Compare and reserve.
',
	'image_url' => '3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg',
	'image_title' => 'Jordan Travel Packages',
	'image_alt' => 'A girl sit in front of petra, Jordan Travel Packages',
	'video_link' => '',
	'icon_url' => 'Jordan Vacations | Jordan Vacations Packages',
	'faq_id' => '',
	'program_type' => object(Cake\ORM\Entity) {},
	'[new]' => false,
	'[accessible]' => [
		'*' => true
	],
	'[dirty]' => [],
	'[original]' => [],
	'[virtual]' => [],
	'[hasErrors]' => false,
	'[errors]' => [],
	'[invalid]' => [],
	'[repository]' => 'RootCategories'

}
$sub_categories = []

app\Controller\RootCategoriesController::view_package() - APP/Controller/RootCategoriesController.php, line 257
Cake\Controller\Controller::setAction() - CORE/src/Controller/Controller.php, line 759
app\Controller\RootCategoriesController::view_slug() - APP/Controller/RootCategoriesController.php, line 225
Cake\Controller\Controller::invokeAction() - CORE/src/Controller/Controller.php, line 609
Cake\Http\ActionDispatcher::_invoke() - CORE/src/Http/ActionDispatcher.php, line 120
Cake\Http\ActionDispatcher::dispatch() - CORE/src/Http/ActionDispatcher.php, line 94
Cake\Http\BaseApplication::__invoke() - CORE/src/Http/BaseApplication.php, line 234
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE/src/Routing/Middleware/RoutingMiddleware.php, line 162
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE/src/Routing/Middleware/AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
AssetCompress\Middleware\AssetCompressMiddleware::__invoke() - ROOT/plugins/AssetCompress/src/Middleware/AssetCompressMiddleware.php, line 57
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE/src/Error/Middleware/ErrorHandlerMiddleware.php, line 96
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Http\Runner::run() - CORE/src/Http/Runner.php, line 51

Warning (512): Unable to emit headers. Headers sent in file=/var/www/www/new-memphis-site-new/vendor/cakephp/cakephp/src/Error/Debugger.php line=856 [CORE/src/Http/ResponseEmitter.php, line 51]

Code Context

            if (Configure::read('debug')) {
                trigger_error($message, E_USER_WARNING);
            } else {

$response = object(Cake\Http\Response) {

	'status' => (int) 200,
	'contentType' => 'text/html',
	'headers' => [
		'Content-Type' => [
			[maximum depth reached]
		]
	],
	'file' => null,
	'fileRange' => [],
	'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
	'cacheDirectives' => [],
	'body' => '
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'virtual_page_view',
            'language': 'english',
    
  'currency': 'USD',
    'destination': 'jordan', //if found
  });
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>                <link rel="canonical" href="https://new.memphistours.com/jordan/jordan-travel-packages" />
                        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />

    <title>Jordan Travel Packages - Top 5 Tours & Best Sellers</title>
            <meta name="keywords" content="Jordan Travel Packages" />
                <meta name="description" content="Discover our 5 best-selling tours. Petra exploration, Wadi Rum camping, Dead Sea floating included. Small groups, expert guides. Compare and reserve.
" />
        <link rel="preload" fetchpriority="high" as="image" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto,w_700/memphis/xlarge/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" type="image/webp">
                            <meta property="fb:app_id" content="123927964357308" />
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@memphistours" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://new.memphistours.com/jordan/jordan-travel-packages" />
        <meta property="og:title" content="Top 5 Jordan Travel Packages: Explore the Best of Jordan" />
        <meta property="og:description" content="Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of Jerash, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!

Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.

In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to Petra, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.

If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.

With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.

From the peaks of Mount Nebo to the valleys of the Jordan River, and from the deserts of Wadi Rum to the shores of Aqaba and the ruins of Petra, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of Jordan!
" />
        <meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" />
        <link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" />
        <meta property="fb:pages" content="139869103039316" />
    <script src="https://www.artfut.com/static/tagtag.min.js?campaign_code=828f6d1d89" async onerror='var self = this;window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers=ADMITAD.Helpers||{},ADMITAD.Helpers.generateDomains=function(){for(var e=new Date,n=Math.floor(new Date(2020,e.getMonth(),e.getDate()).setUTCHours(0,0,0,0)/1e3),t=parseInt(1e12*(Math.sin(n)+1)).toString(30),i=["de"],o=[],a=0;a<i.length;++a)o.push({domain:t+"."+i[a],name:t});return o},ADMITAD.Helpers.findTodaysDomain=function(e){function n(){var o=new XMLHttpRequest,a=i[t].domain,D="https://"+a+"/";o.open("HEAD",D,!0),o.onload=function(){setTimeout(e,0,i[t])},o.onerror=function(){++t<i.length?setTimeout(n,0):setTimeout(e,0,void 0)},o.send()}var t=0,i=ADMITAD.Helpers.generateDomains();n()},window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers.findTodaysDomain(function(e){if(window.ADMITAD.dynamic=e,window.ADMITAD.dynamic){var n=function(){return function(){return self.src?self:""}}(),t=n(),i=(/campaign_code=([^&]+)/.exec(t.src)||[])[1]||"";t.parentNode.removeChild(t);var o=document.getElementsByTagName("head")[0],a=document.createElement("script");a.src="https://www."+window.ADMITAD.dynamic.domain+"/static/"+window.ADMITAD.dynamic.name.slice(1)+window.ADMITAD.dynamic.name.slice(0,1)+".min.js?campaign_code="+i,o.appendChild(a)}});'></script>
    <script type="text/javascript">
        //Cookie lifetime (days)
        var days_to_store = 90;

        //Parameters for creating a cookie containing the Admitad UID value
        var uid_cookie_name = 'admitad_uid'; // Name of cookie storing admitad_uid
        var uid_channel_name = 'admitad_uid'; // function for receiving a source from the GET parameter

        function getParamFromUriAdmitad (get_param_name) {
            var pattern = get_param_name + '=([^&]+)';
            var re = new RegExp(pattern);
            return (re.exec(document.location.search) || [])[1] || '';
        };

        // function for writing the source to the cookie named cookie_name
        function setAdmitadCookie (param_name, cookie_name) {
            var param = getParamFromUriAdmitad(param_name);
            if (!param) { return; }
            var period = days_to_store * 60 * 60 * 24 * 1000;   // in seconds
            var expiresDate = new Date((period) + +new Date);
            var cookieString = cookie_name + '=' + param + '; path=/; expires=' + expiresDate.toGMTString();
            document.cookie = cookieString;
            document.cookie = cookieString + '; domain=.' + location.host;
        };

        // writing value to cookie
        setAdmitadCookie(uid_channel_name, uid_cookie_name);

    </script>
    <script type="application/ld+json">
    {
      "@context" : "http://schema.org",
      "@type" : "Organization",
      "name" : "Memphis Tours",
      "url" : "https://new.memphistours.com",
      "logo": "https://new.memphistours.com/theme/Com2018/img/logo.png",
      "aggregateRating": {
        "@type": "AggregateRating",
        "bestRating": "5",
        "ratingValue": "5",
        "reviewCount": "101"
      },
      "sameAs" : [
        "https://www.facebook.com/memphistours",
        "https://twitter.com/memphistours",
        "https://plus.google.com/+Memphistours/posts",
        "https://www.youtube.com/user/toursinegypt?feature=watch",
        "https://www.pinterest.com/memphistours/",
        "https://instagram.com/memphistours",
        "https://www.tripadvisor.es/Attraction_Review-g294201-d20398123-Reviews-Cairo_Tours_Packages_Memphis_Tours_Egypt-Cairo_Cairo_Governorate.html"
      ]
    }
    </script>
    <script type="application/ld+json">
      {
         "@context": "http://schema.org",
         "@type": "Blog",
         "url": "https://new.memphistours.com/blog"
      }
    </script>

            <meta name="mcafeesecure-site-verification" content="e251cda7041273ffaa694d73e31968fc">
        <meta name="google-site-verification" content="R0yi8H57MPRhp2oeGjmKMWsHIVt3uCmKy4QMTUUjmeQ" />
    
    
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />

    <meta name="theme-color" content="#0a2b4b">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
    <link rel="preconnect" href="https://register.feefo.com" crossorigin>
    <link rel="preconnect" href="https://api.feefo.com" crossorigin>
    <link rel="preconnect" href="https://www.paypalobjects.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>

    <!-- <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"> -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Bebas+Neue&display=swap" rel="stylesheet">
    <link href="/favicon.ico?1780571495" type="image/x-icon" rel="icon"/><link href="/favicon.ico?1780571495" type="image/x-icon" rel="shortcut icon"/><link rel="stylesheet" href="/com2025/css/bootstrap.min.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/bootstrap-icons.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/flag-icon.min.css?1780571493" full="1"/><link rel="stylesheet" href="/css/admin/jquery.autocomplete.css?1780571495" full="1"/><link rel="stylesheet" href="/com2025/css/fontawesome-6.7.2/css/all.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/jquery_ui_css/redmond/jquery-ui-1.10.1.custom.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/phppot-style.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/star-rating-style.css?1780571493" full="1"/><link rel="stylesheet" href="/css/prettyPhoto.css?1780571495" full="1"/><link rel="stylesheet" href="/css/mobile/owl.carousel.min.css?1780571495" full="1"/><link rel="stylesheet" href="/css/mobile/owl.theme.default.min.css?1780571495" full="1"/><link rel="stylesheet" href="/com2025/css/new2025.css?1780571493" full="1"/>
    <script>
var loadGtm = function(w, d, s, l, i) {
  w[l] = w[l] || [];
  w[l].push({
    'gtm.start': new Date().getTime(),
    event: 'gtm.js'
  });
  var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s),
      dl = l != 'dataLayer' ? '&l=' + l : '';
  j.async = true;
  j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  f.parentNode.insertBefore(j, f);
}
setTimeout(loadGtm.bind(null, window, document, 'script', 'dataLayer', 'GTM-M54NRMK'), 5000);
</script>

    <script>
        tailwind.config = {
            prefix: 'tw-',
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                        serif: ['Bebas Neue', 'cursive'],
                    },
                    colors: {
                        navy: '#0a2b4b', // Official Navy
                        gold: '#f5a31b', // Official Gold
                        'navy-light': '#163a5c',
                        'cyan-light': '#f0f9f9',
                        'tan-light': '#fdf3e7',
                        'green-light': '#eef5e9',
                    }
                }
            }
        }
    </script>
    <style>
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        @keyframes float-slow {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-15px);
            }
        }

        .animate-float-slow {
            animation: float-slow 6s ease-in-out infinite;
        }
    </style>

    <style>
        .program_new_right_side_form label.error {
            color: red !important;
            font-size: 10px !important;
        }
    </style>
    <style>
    .program_box_data table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #ddd;
    }

    .program_box_data th, .program_box_data td {
        padding: 10px;
        text-align: left;
        border: 1px solid #ddd;
    }

    .program_box_data th {
        background-color: #f4f4f4;
        font-weight: bold;
    }

    .program_box_data tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .program_box_data tr:hover {
        background-color: #f1f1f1;
    }
    html {
        font-size: 100% !important;
    }
</style>
</head>
<body class="tw-bg-white tw-font-sans tw-text-navy tw-antialiased">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M54NRMK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->	

<nav class="tw-fixed tw-top-0 tw-left-0 tw-w-full tw-z-50 tw-transition-all tw-duration-300 tw-text-white" id="navbar" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-h-20 tw-flex tw-items-center tw-gap-6">
        <div class="tw-relative tw-z-10 tw-flex tw-items-center tw-gap-12 tw-min-w-0">
            <a href="/" class="tw-shrink-0">
    <img id="nav-logo" src="/theme/Com2021/img/logo.svg?v=new3" alt="Memphis Tours" title="Memphis Tours"
        class="tw-h-8 md:tw-h-10 tw-w-auto tw-brightness-0 tw-invert tw-transition-all tw-duration-300" />
</a>
            <div class="tw-hidden lg:tw-flex tw-items-center tw-gap-8 tw-font-medium tw-text-base tw-tracking-wide">
            <a href="/egypt" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url">
            <span itemprop="name">Egypt</span>
        </a>
    
    <div class="tw-relative tw-group/menu">
        <button type="button" class="tw-flex tw-items-center tw-gap-1 hover:tw-opacity-80 tw-py-4 tw-bg-transparent tw-border-0 tw-cursor-pointer tw-text-inherit tw-font-inherit">
            <span itemprop="name">Destinations</span>
            <ion-icon name="chevron-down-outline"></ion-icon>
        </button>
        <div class="tw-absolute tw-top-[calc(100%+0.5rem)] tw-left-1/2 -tw-translate-x-[40%] tw-w-[950px] tw-max-w-[95vw] tw-bg-white/95 tw-backdrop-blur-3xl tw-rounded-3xl tw-shadow-[0_40px_100px_rgba(0,0,0,0.1)] tw-border tw-border-white/50 tw-opacity-0 tw-invisible group-hover/menu:tw-opacity-100 group-hover/menu:tw-visible tw-transition-all tw-duration-500 tw-transform tw-translate-y-4 group-hover/menu:tw-translate-y-0 tw-text-left tw-overflow-hidden tw-cursor-default tw-z-50">
            <div class="tw-flex">
                <div class="tw-w-[65%] tw-p-10 tw-grid tw-grid-cols-3 tw-gap-8">
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/jordan" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Jordan</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/dubai" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Dubai</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/saudi-arabia" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Saudi Arabia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/morocco" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Morocco</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/oman" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Oman</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/turkey" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Turkey</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/african-safari" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">African Safari</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/india" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">India</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/sri-lanka-tours" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Sri Lanka Tours</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/tunisia-tour-packages" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Tunisia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/japan-tour-packages" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Japan</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/greece" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Greece</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/peru" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Peru </span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/southeast-asia-tours" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Southeast Asia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/brazil" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Brazil</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/argentina-trips" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Argentina</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                    </div>
                <div class="tw-w-[35%] tw-relative tw-group/featured tw-p-2">
                    <div class="tw-w-full tw-h-full tw-min-h-[280px] tw-rounded-[1.25rem] tw-overflow-hidden tw-relative tw-shadow-inner">
                        <img src="https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=800&auto=format&fit=crop"
                            class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[2000ms] group-hover/featured:tw-scale-110"
                            alt="Destination of the Month">
                        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/95 tw-via-navy/30 tw-to-transparent"></div>
                        <div class="tw-absolute tw-inset-0 tw-p-8 tw-flex tw-flex-col tw-justify-end tw-text-white">
                            <span class="tw-inline-block tw-px-3 tw-py-1 tw-bg-white/20 tw-backdrop-blur-md tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-mb-3 tw-w-max tw-border tw-border-white/20 tw-shadow-sm">
                                Destination of the Month                            </span>
                            <h3 class="tw-text-3xl tw-font-serif tw-mb-2 tw-drop-shadow-lg tw-leading-tight">Incredible India</h3>
                            <p class="tw-text-white/80 tw-text-sm tw-mb-6 tw-line-clamp-2 tw-leading-relaxed tw-font-light">
                                Experience the vibrant colors, rich history, and spiritual depth of the subcontinent.                            </p>
                            <a href="/india" class="tw-flex tw-items-center tw-gap-3 tw-w-max tw-group/btn">
                                <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-gold tw-text-navy tw-flex tw-items-center tw-justify-center tw-transition-transform tw-duration-300 group-hover/btn:tw-scale-110 tw-shadow-md">
                                    <ion-icon name="arrow-forward-outline" class="tw-text-lg"></ion-icon>
                                </div>
                                <span class="tw-font-bold tw-text-xs tw-tracking-widest tw-uppercase group-hover/btn:tw-text-gold tw-transition-colors">Explore Tours</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

            <a href="/Multi-Country-Tours" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url" title="Multi-Country Tours">
            <span itemprop="name">Multi-Country Tours</span>
        </a>
    
    <div class="tw-relative tw-group/menu">
        <button type="button" class="tw-flex tw-items-center tw-gap-1 hover:tw-opacity-80 tw-py-4 tw-bg-transparent tw-border-0 tw-cursor-pointer tw-text-inherit tw-font-inherit">
            Experiences            <ion-icon name="chevron-down-outline"></ion-icon>
        </button>
        <div class="tw-absolute tw-top-[calc(100%+0.5rem)] tw-left-1/2 -tw-translate-x-[40%] tw-w-[950px] tw-max-w-[95vw] tw-bg-white/95 tw-backdrop-blur-3xl tw-rounded-3xl tw-shadow-[0_40px_100px_rgba(0,0,0,0.1)] tw-border tw-border-white/50 tw-opacity-0 tw-invisible group-hover/menu:tw-opacity-100 group-hover/menu:tw-visible tw-transition-all tw-duration-500 tw-transform tw-translate-y-4 group-hover/menu:tw-translate-y-0 tw-text-left tw-overflow-hidden tw-cursor-default tw-z-50">
            <div class="tw-flex">
                <div class="tw-w-[65%] tw-p-10">
                    <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3 tw-mb-6">
                        <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Curated Experiences</h4>
                    </div>
                    <div class="tw-grid tw-grid-cols-3 tw-gap-8">
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                    <li>
        <a href="#" class="tw-flex tw-items-center tw-gap-3 tw-py-2 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" onclick="return false;">
            <div class="tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center group-hover/link:tw-scale-110 tw-transition-all tw-bg-amber-50 tw-text-amber-600 group-hover/link:tw-bg-amber-100">
                                    <ion-icon name="library-outline" class="tw-text-lg"></ion-icon>
                            </div>
            Classic Tours        </a>
    </li>
                                </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                    <li>
        <a href="#" class="tw-flex tw-items-center tw-gap-3 tw-py-2 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" onclick="return false;">
            <div class="tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center group-hover/link:tw-scale-110 tw-transition-all tw-bg-cyan-50 tw-text-cyan-600 group-hover/link:tw-bg-cyan-100">
                                    <ion-icon name="boat-outline" class="tw-text-lg"></ion-icon>
                            </div>
            Luxury Tours        </a>
    </li>
                                </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                                            </ul>
                                            </div>
                </div>
                <div class="tw-w-[35%] tw-relative tw-group/featured tw-p-2">
                    <div class="tw-w-full tw-h-full tw-min-h-[280px] tw-rounded-[1.25rem] tw-overflow-hidden tw-relative tw-shadow-inner">
                        <img src="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?q=80&w=800&auto=format&fit=crop"
                            class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[2000ms] group-hover/featured:tw-scale-110"
                            alt="Nile River Cruise">
                        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/95 tw-via-navy/30 tw-to-transparent"></div>
                        <div class="tw-absolute tw-inset-0 tw-p-8 tw-flex tw-flex-col tw-justify-end tw-text-white">
                            <span class="tw-inline-block tw-px-3 tw-py-1 tw-bg-white/20 tw-backdrop-blur-md tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-mb-3 tw-w-max tw-border tw-border-white/20 tw-shadow-sm">Trending Now</span>
                            <h3 class="tw-text-3xl tw-font-serif tw-mb-2 tw-drop-shadow-lg tw-leading-tight">Timeless Nile Cruises</h3>
                            <p class="tw-text-white/80 tw-text-sm tw-mb-6 tw-line-clamp-2 tw-leading-relaxed tw-font-light">
                                Sail through history on a luxury floating hotel spanning Luxor and Aswan.                            </p>
                            <a href="/egypt/nile-cruises" class="tw-flex tw-items-center tw-gap-3 tw-w-max tw-group/btn">
                                <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-gold tw-text-navy tw-flex tw-items-center tw-justify-center tw-transition-transform tw-duration-300 group-hover/btn:tw-scale-110 tw-shadow-md">
                                    <ion-icon name="arrow-forward-outline" class="tw-text-lg"></ion-icon>
                                </div>
                                <span class="tw-font-bold tw-text-xs tw-tracking-widest tw-uppercase group-hover/btn:tw-text-gold tw-transition-colors">View Itineraries</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
            <a href="/blog" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url">
            <span itemprop="name">Blog</span>
        </a>
    </div>
        </div>

        <div class="tw-flex tw-items-center tw-gap-6 tw-relative tw-z-10 tw-ml-auto">
            <div class="tw-relative tw-group/currency">
    <button type="button" class="tw-flex tw-items-center tw-gap-2 tw-font-medium tw-text-base hover:tw-opacity-75 tw-py-2" aria-haspopup="true">
        <ion-icon name="cash-outline" class="tw-text-xl"></ion-icon>
        <span class="currencySign3 tw-hidden lg:tw-inline">USD (US$)</span>
        <ion-icon name="chevron-down-outline" class="tw-text-xs tw-opacity-70"></ion-icon>
    </button>
    <ul id="currency" class="curr_contain tw-absolute tw-top-full tw-right-0 tw-min-w-[10rem] tw-bg-white tw-text-navy tw-rounded-xl tw-shadow-xl tw-py-2 tw-opacity-0 tw-invisible group-hover/currency:tw-opacity-100 group-hover/currency:tw-visible tw-transition-all tw-duration-300 tw-transform tw-translate-y-2 group-hover/currency:tw-translate-y-0 tw-text-left tw-border tw-border-gray-100 tw-overflow-hidden tw-list-none tw-m-0 tw-p-0">
                    <li id="e1" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('1',true);return false;">
                    USD (US$)                </a>
            </li>
                    <li id="e2" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('2',true);return false;">
                    EUR (&euro;)                </a>
            </li>
                    <li id="e3" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('3',true);return false;">
                    GBP (&pound;)                </a>
            </li>
                    <li id="e4" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('4',true);return false;">
                    AUD (AU$)                </a>
            </li>
                    <li id="e5" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('5',true);return false;">
                    CAD (C$)                </a>
            </li>
                    <li id="e6" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('6',true);return false;">
                    MXN (MXN$)                </a>
            </li>
                    <li id="e7" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('7',true);return false;">
                    COP (COP$)                </a>
            </li>
                    <li id="e8" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('8',true);return false;">
                    ARS (ARS$)                </a>
            </li>
                    <li id="e9" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('9',true);return false;">
                    CLP (CLP$)                </a>
            </li>
            </ul>
</div>
            <div class="tw-relative tw-group/lang">
    <button type="button" class="tw-flex tw-items-center tw-gap-2 tw-font-medium tw-text-base hover:tw-opacity-75 tw-py-2" aria-haspopup="true">
        <span class="tw-hidden lg:tw-inline">eng</span>
        <ion-icon name="language-outline" class="tw-text-lg lg:tw-hidden"></ion-icon>
        <ion-icon name="chevron-down-outline" class="tw-text-xs tw-opacity-70"></ion-icon>
    </button>
    <div class="tw-absolute tw-top-full tw-right-0 tw-w-40 tw-bg-white tw-text-navy tw-rounded-xl tw-shadow-xl tw-py-2 tw-opacity-0 tw-invisible group-hover/lang:tw-opacity-100 group-hover/lang:tw-visible tw-transition-all tw-duration-300 tw-transform tw-translate-y-2 group-hover/lang:tw-translate-y-0 tw-text-left tw-border tw-border-gray-100 tw-overflow-hidden">
                    <a href="https://www.memphistours.com/" title="English" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
                <span class="flag-icon flag-icon-us"></span> English
            </a>
                <a href="https://italiano.memphistours.com" title="Italiano" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-it"></span> Italiano
        </a>
        <a href="https://spain.memphistours.com" title="Español" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-es"></span> Español
        </a>
        <a href="https://br.memphistours.com" title="Português" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-br"></span> Português
        </a>
        <a href="https://french.memphistours.com" title="Français" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-fr"></span> Français
        </a>
        <a href="https://deutsch.memphistours.com" title="Deutsch" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-de"></span> Deutsch
        </a>
    </div>
</div>
        </div>

                <a href="/tailor-make-your-trip" id="tailor"
            class="cta-button tw-hidden lg:tw-flex tw-items-center tw-justify-center tw-gap-2 tw-px-7 tw-py-3 tw-rounded-full tw-bg-gold hover:tw-bg-white tw-text-navy tw-font-bold tw-text-[13px] tw-tracking-widest tw-uppercase tw-shadow-lg hover:tw-shadow-xl tw-transition-all tw-duration-300 tw-ml-2 tw-group/cta"
            itemprop="url" data-cta-name="inquire" data-section-title="header">
            <ion-icon name="color-wand-outline" class="tw-text-xl group-hover/cta:tw-rotate-12 tw-transition-transform"></ion-icon>
            <span itemprop="name">Inquire</span>
        </a>

        <button type="button" id="mobile-menu-btn" class="lg:tw-hidden tw-text-2xl tw-ml-4" aria-label="Menu">
            <ion-icon name="menu-outline"></ion-icon>
        </button>
    </div>
</nav>
<script>
(function() {
    var nav = document.getElementById('navbar');
    var logo = document.getElementById('nav-logo');
    if (!nav || !logo) {
        return;
    }

    window.addEventListener('scroll', function() {
        if (window.scrollY > 50) {
            nav.classList.add('tw-bg-white', 'tw-text-navy', 'tw-shadow-sm');
            nav.classList.remove('tw-text-white');
            logo.classList.remove('tw-brightness-0', 'tw-invert');
        } else {
            nav.classList.remove('tw-bg-white', 'tw-text-navy', 'tw-shadow-sm');
            nav.classList.add('tw-text-white');
            logo.classList.add('tw-brightness-0', 'tw-invert');
        }
    });
})();
</script>

<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    var headerCtaButton = document.querySelector('#tailor.cta-button');
    if (headerCtaButton) {
        headerCtaButton.addEventListener('click', function() {
            var sectionTitle = this.getAttribute('data-section-title') || 'header';

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'tailor a tour',
                'section_title': sectionTitle,
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    }
})();
</script>

    <!-- <div class="main-container"> -->
        <style>
    .home_sub_boxs{
        padding: 45px 0;
    }
    .sort_top{
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #EEEEEE;
        gap: 15px;

    }
    .prog_count {
        font-size: 1.923rem;
        font-weight: bold;
    }
    .new_top_content{
        background-color: transparent;
        z-index: 3;
    }
    .new_top_content_title{
        text-align: center;
    }
    .new_top_content_title h1 {
        color: #fff;
        text-align: center;
        font-size: 2.692rem;
    }
    .new_top_content_desc{
        text-align: center;
        color: #fff;
        font-size: 1.154rem;
        height: 65px;
    }
    .new_top_content_desc a{
        color: #fff;
        font-weight: bold;
    }
    .shake-btn {
        animation: 2s 2s infinite shake;
    }
    @-webkit-keyframes shake {
        10%, 90% {
            transform: translate3d(-1px, 0, 0);
        }

        20%, 80% {
            transform: translate3d(2px, 0, 0);
        }

        30%, 50%, 70% {
            transform: translate3d(-4px, 0, 0);
        }

        40%, 60% {
            transform: translate3d(4px, 0, 0);
        }
    }
    .shake {
        animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        perspective: 1000px;
    }

</style>
<style>
    @keyframes fade-in-up {
        0% { opacity: 0; transform: translateY(20px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in-up {
        animation: fade-in-up 0.8s ease-out forwards;
    }
    @keyframes kenBurnsHero {
        0% { transform: scale(1); }
        100% { transform: scale(1.08); }
    }
    .hero-bg-animate {
        animation: kenBurnsHero 20s ease-out forwards;
    }
    .delay-100 { animation-delay: 0.1s; }
    .delay-200 { animation-delay: 0.2s; }
    .delay-300 { animation-delay: 0.3s; }
    .site_banner-hero .banner_breadcrumb,
    .site_banner-hero .banner_breadcrumb a {
        color: rgba(255, 255, 255, 0.85);
    }
    .site_banner-hero .content_desc .content_text {
        max-height: 5.5rem;
        overflow: hidden;
        transition: max-height 0.7s ease-out;
        height: auto;
    }
    .site_banner-hero .content_desc.expanded .content_text {
        max-height: 2000px;
    }
    .site_banner-hero .content_text a {
        color: #f5a31b;
        font-weight: 700;
    }
    .prog_count {
        font-weight: 700;
        font-size: 22px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
    }
    .pagination {
        align-items: center;
        gap: 10px;
    }
    .pagination span {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pagination span:last-of-type {
        background: rgba(245, 163, 27, 1);
    }
    .pagination span:last-of-type a {
        font-size: 20px;
        color: rgba(253, 254, 255, 1);
    }
    .pagination span:first-of-type {
        border: 1px solid rgba(245, 163, 27, 1);
    }
    .pagination span:first-of-type a {
        font-size: 20px;
        color: rgba(245, 163, 27, 1);
    }
    .pagination span.current {
        background: rgba(252, 224, 179, 1);
    }
</style>
<header class="site_banner site_banner-hero tw-relative tw-h-[85vh] tw-min-h-[600px] tw-flex tw-flex-col tw-justify-start tw-pt-[20vh] tw-pb-10 tw-overflow-hidden tw-group">
    <div class="tw-absolute tw-inset-0">
        <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto,w_700/memphis/xlarge/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg"
            class="tw-w-full tw-h-full tw-object-cover tw-object-[70%_center] md:tw-object-center hero-bg-animate tw-transition-transform tw-duration-[20s] group-hover:tw-scale-110"
            alt="A girl sit in front of petra, Jordan Travel Packages"
            title="Jordan Travel Packages">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy tw-via-navy/40 tw-to-black/30 tw-opacity-90"></div>
    </div>

    <div class="tw-relative tw-z-10 tw-container tw-mx-auto tw-px-4 tw-text-center tw-h-full tw-flex tw-flex-col">
        <div class="banner_breadcrumb tw-mb-4 tw-self-center">
                    </div>

        <div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-4 tw-py-1.5 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-shadow-lg tw-mb-4 animate-fade-in-up tw-self-center">
            <ion-icon name="ribbon-outline" class="tw-text-sm"></ion-icon>
            Jordan        </div>

        <div class="banner_content animate-fade-in-up delay-100">
            <h1 class="tw-text-5xl md:tw-text-7xl lg:tw-text-8xl tw-font-serif tw-text-white tw-mb-6 tw-leading-none md:tw-leading-[1.1] tw-drop-shadow-2xl tw-tracking-tight">
                Top 5 Jordan Travel Packages: Explore the Best of Jordan            </h1>
        </div>

        <div class="content_desc tw-max-w-4xl tw-mx-auto tw-text-base md:tw-text-xl tw-text-gray-200 tw-mb-8 animate-fade-in-up delay-200 tw-leading-relaxed tw-font-light tw-px-4">
            <div class="content_text">
                <p>Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-tour-to-amman-jerash-deadsea" target="_blank">Jerash</a>, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!</p>

<p>Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.</p>

<p>In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to <a href="/jordan/petra" target="_blank">Petra</a>, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.</p>

<p>If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.</p>

<p>With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.</p>

<p>From the peaks of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-trip-to-madaba-nebo-dead-sea-from-amman" target="_blank">Mount Nebo</a> to the valleys of the Jordan River, and from the deserts of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/petra-and-wadi-rum-from-amman" target="_blank">Wadi Rum</a> to the shores of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/aqaba-day-tours" target="_blank">Aqaba</a> and the ruins of <a href="http://https://www.memphistours.com/jordan/jordan-and-beyond-tours/jordan-and-egypt-travel-packages/petra-and-egypt-travel-deals-packages" target="_blank">Petra</a>, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of <a href="https://www.memphistours.com/jordan/jordan-travel-packages" target="_blank">Jordan</a>!</p>
            </div>
            <button type="button" class="toggle-btn tw-mt-4 tw-text-gold tw-text-sm tw-font-bold tw-uppercase tw-tracking-[0.2em] hover:tw-text-white tw-transition-colors focus:tw-outline-none tw-flex tw-items-center tw-justify-center tw-gap-2 tw-mx-auto tw-group/btn tw-bg-transparent tw-border-0 tw-cursor-pointer">
                <span>Read more</span>
                <ion-icon name="chevron-down-outline" class="tw-text-sm tw-transition-transform group-hover/btn:tw-translate-y-1"></ion-icon>
            </button>
        </div>

                <div class="content_button tw-flex tw-flex-col sm:tw-flex-row tw-gap-4 tw-justify-center tw-mt-4 tw-mb-auto animate-fade-in-up delay-300">
            <a class="inquire_header_btn cta-button tw-inline-block tw-px-10 tw-py-4 tw-bg-gold tw-text-navy tw-font-bold tw-rounded-full hover:tw-bg-white hover:tw-scale-105 tw-transition-all tw-duration-300 tw-shadow-[0_0_20px_rgba(197,157,95,0.3)] tw-no-underline"
                href="#bookFormNew"
                data-cta-name="help me plan my trip"
                data-destination="jordan">Help Me Plan My Trip</a>
            <button type="button"
                onclick="document.getElementById('programs').scrollIntoView({behavior: 'smooth'})"
                class="tw-px-10 tw-py-4 tw-border tw-border-white/30 tw-text-white tw-font-bold tw-rounded-full hover:tw-bg-white/10 hover:tw-border-white tw-transition-all tw-backdrop-blur-sm tw-cursor-pointer">
                View All Journeys            </button>
        </div>
        
        <div class="tw-mt-8 tw-pb-8 tw-flex tw-flex-col tw-items-center tw-gap-2 tw-text-white/40 tw-animate-bounce tw-cursor-pointer tw-group/scroll hover:tw-text-white tw-transition-colors"
            onclick="window.scrollBy({top: window.innerHeight * 0.8, behavior: 'smooth'})">
            <span class="tw-text-[9px] tw-uppercase tw-tracking-[0.3em]">Scroll Down</span>
            <ion-icon name="arrow-down-outline" class="tw-text-xl"></ion-icon>
        </div>
    </div>
</header>

<!-- Desktop premier filter bar (triggers hidden radios in #home-filter-sources) -->
<div class="tw-hidden lg:tw-block tw-relative tw-z-30 tw-mb-8" id="filter-bar">
    <div class="tw-absolute tw-inset-0 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm"></div>
    <div class="tw-relative tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-4 tw-flex tw-items-center tw-justify-between tw-gap-4">
        <div class="tw-flex tw-flex-wrap tw-items-center tw-gap-3">
            <div class="tw-flex tw-items-center tw-gap-2 tw-mr-4 tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm">
                <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center tw-text-navy">
                    <ion-icon name="options" class="tw-text-lg"></ion-icon>
                </div>
                <span>Filters</span>
            </div>

            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Destinations</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50 tw-overflow-hidden">
                    <div class="tw-max-h-[70vh] tw-overflow-y-auto scrollbar-hide tw-p-1 tw-space-y-1">
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('egypt', document.querySelector('input[name=Country][value=&quot;1&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Egypt</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('jordan', document.querySelector('input[name=Country][value=&quot;14&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Jordan</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('dubai', document.querySelector('input[name=Country][value=&quot;13&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Dubai</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('saudi-arabia', document.querySelector('input[name=Country][value=&quot;61&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Saudi Arabia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('morocco', document.querySelector('input[name=Country][value=&quot;30&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Morocco</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('oman', document.querySelector('input[name=Country][value=&quot;39&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Oman</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('turkey', document.querySelector('input[name=Country][value=&quot;15&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Turkey</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('african-safari', document.querySelector('input[name=Country][value=&quot;49&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">African Safari</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('india', document.querySelector('input[name=Country][value=&quot;51&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">India</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('sri-lanka-tours', document.querySelector('input[name=Country][value=&quot;93&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Sri Lanka Tours</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('tunisia-tour-packages', document.querySelector('input[name=Country][value=&quot;92&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Tunisia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('japan-tour-packages', document.querySelector('input[name=Country][value=&quot;57&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Japan</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('greece', document.querySelector('input[name=Country][value=&quot;63&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Greece</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('peru', document.querySelector('input[name=Country][value=&quot;71&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Peru </span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('southeast-asia-tours', document.querySelector('input[name=Country][value=&quot;90&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Southeast Asia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('brazil', document.querySelector('input[name=Country][value=&quot;91&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Brazil</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('argentina-trips', document.querySelector('input[name=Country][value=&quot;98&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Argentina</span>
                        </button>
                                            </div>
                </div>
            </div>

            
            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Trip Type</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-72 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '98')">Packages</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '100')">Excursions</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '101')">Shore Excursions</button>
                                            </div>
                </div>
            </div>

                        <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Styles</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-72 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50 tw-max-h-64 tw-overflow-y-auto">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '21')">Classic Tours</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '22')">Luxury Tours</button>
                                            </div>
                </div>
            </div>
            
            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Price</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-80 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-4 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <span class="tw-text-xs tw-font-bold tw-text-gray-400 tw-uppercase tw-tracking-wider tw-block tw-mb-3">Price Range</span>
                    <div class="tw-flex tw-items-center tw-gap-3 tw-mb-4">
                        <input type="number" id="filter-price-min" placeholder="1" min="1" class="tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-xl tw-text-sm">
                        <span class="tw-text-gray-300">—</span>
                        <input type="number" id="filter-price-max" placeholder="12000" max="12000" class="tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-xl tw-text-sm">
                    </div>
                    <div class="tw-flex tw-justify-between tw-items-center tw-pt-3 tw-border-t tw-border-gray-100">
                        <button type="button" class="tw-text-xs tw-font-bold tw-text-gray-400 hover:tw-text-navy" onclick="homeResetPriceFilter()">Reset</button>
                        <button type="button" class="tw-px-4 tw-py-1.5 tw-bg-navy tw-text-white tw-text-xs tw-font-bold tw-rounded-full" onclick="homeApplyPriceFilter()">Update</button>
                    </div>
                </div>
            </div>

            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Duration</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '1')">1 day</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '2')">2-5 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '3')">5-10 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '4')">10-15 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '5')">15-20 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '6')">More than 20 days</button>
                                            </div>
                </div>
            </div>

                        <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Group Size</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '28')">Private Tour</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '29')">Small Group Tour</button>
                                            </div>
                </div>
            </div>
            
            
            <button type="button" id="btn-clear-all" onclick="homeClearAllFilters()" class="tw-hidden tw-text-sm tw-font-bold tw-text-red-500 hover:tw-text-red-700 tw-flex tw-items-center tw-gap-1">
                <ion-icon name="close-circle-outline" class="tw-text-lg"></ion-icon>
                <span>Clear All</span>
            </button>
        </div>
    </div>
</div>
<div class="tw-fixed tw-bottom-0 tw-left-0 tw-w-full tw-bg-white/90 tw-backdrop-blur-xl tw-border-t tw-border-gray-200 tw-z-[100] lg:tw-hidden tw-pb-safe">
    <div class="tw-grid tw-grid-cols-3 tw-h-16">
        <button type="button" onclick="document.getElementById('mobile-filter-modal').classList.remove('tw-translate-y-full')" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-navy hover:tw-bg-gray-50 tw-border-r tw-border-gray-100">
            <ion-icon name="options-outline" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Filter</span>
        </button>
        <button type="button" onclick="document.getElementById('bookFormNew').scrollIntoView({behavior: 'smooth'})" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-navy hover:tw-bg-gray-50 tw-border-r tw-border-gray-100">
            <ion-icon name="create-outline" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Customize</span>
        </button>
        <button type="button" onclick="document.getElementById('bookFormNew').scrollIntoView({behavior: 'smooth'})" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-gold tw-bg-navy">
            <ion-icon name="sparkles" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Plan</span>
        </button>
    </div>
</div>

<div id="mobile-filter-modal" class="tw-fixed tw-inset-0 tw-z-[101] tw-flex tw-flex-col tw-transition-transform tw-duration-300 tw-translate-y-full lg:tw-hidden">
    <div class="tw-absolute tw-inset-0 tw-bg-black/50" onclick="homeCloseMobileFilter()"></div>
    <div class="tw-relative tw-mt-auto tw-bg-white tw-rounded-t-3xl tw-shadow-2xl tw-overflow-hidden tw-h-[90vh] tw-flex tw-flex-col">
        <div class="tw-p-5 tw-border-b tw-border-gray-100 tw-flex tw-items-center tw-justify-between">
            <div>
                <h3 class="tw-text-xl tw-font-serif tw-text-navy">Filter Tours</h3>
                <p class="tw-text-xs tw-text-gray-400 tw-uppercase tw-tracking-wider">Refine your search</p>
            </div>
            <button type="button" onclick="homeCloseMobileFilter()" class="tw-w-10 tw-h-10 tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-gray-100 tw-text-navy">
                <ion-icon name="close-outline" class="tw-text-2xl"></ion-icon>
            </button>
        </div>
        <div class="tw-flex-1 tw-overflow-y-auto tw-p-4 tw-bg-gray-50/50 tw-space-y-3 tw-pb-28">
            <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100" open>
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Destinations</summary>
                <div class="tw-pt-4 tw-grid tw-grid-cols-2 tw-gap-2">
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('egypt', document.querySelector('input[name=Country][value=&quot;1&quot;]'))">Egypt</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('jordan', document.querySelector('input[name=Country][value=&quot;14&quot;]'))">Jordan</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('dubai', document.querySelector('input[name=Country][value=&quot;13&quot;]'))">Dubai</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('saudi-arabia', document.querySelector('input[name=Country][value=&quot;61&quot;]'))">Saudi Arabia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('morocco', document.querySelector('input[name=Country][value=&quot;30&quot;]'))">Morocco</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('oman', document.querySelector('input[name=Country][value=&quot;39&quot;]'))">Oman</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('turkey', document.querySelector('input[name=Country][value=&quot;15&quot;]'))">Turkey</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('african-safari', document.querySelector('input[name=Country][value=&quot;49&quot;]'))">African Safari</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('india', document.querySelector('input[name=Country][value=&quot;51&quot;]'))">India</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('sri-lanka-tours', document.querySelector('input[name=Country][value=&quot;93&quot;]'))">Sri Lanka Tours</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('tunisia-tour-packages', document.querySelector('input[name=Country][value=&quot;92&quot;]'))">Tunisia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('japan-tour-packages', document.querySelector('input[name=Country][value=&quot;57&quot;]'))">Japan</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('greece', document.querySelector('input[name=Country][value=&quot;63&quot;]'))">Greece</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('peru', document.querySelector('input[name=Country][value=&quot;71&quot;]'))">Peru </button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('southeast-asia-tours', document.querySelector('input[name=Country][value=&quot;90&quot;]'))">Southeast Asia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('brazil', document.querySelector('input[name=Country][value=&quot;91&quot;]'))">Brazil</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('argentina-trips', document.querySelector('input[name=Country][value=&quot;98&quot;]'))">Argentina</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Trip Type</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '98')">Packages</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '100')">Excursions</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '101')">Shore Excursions</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Styles</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '21')">Classic Tours</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '22')">Luxury Tours</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100" open>
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Price Range</summary>
                <div class="tw-pt-4 tw-flex tw-gap-3">
                    <input type="number" class="home-filter-price-min tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-lg tw-text-sm" placeholder="Min" min="1">
                    <input type="number" class="home-filter-price-max tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-lg tw-text-sm" placeholder="Max" max="12000">
                </div>
            </details>
            <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Duration</summary>
                <div class="tw-pt-4 tw-space-y-2">
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '1')">1 day</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '2')">2-5 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '3')">5-10 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '4')">10-15 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '5')">15-20 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '6')">More than 20 days</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Group Size</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '28')">Private Tour</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '29')">Small Group Tour</button>
                                    </div>
            </details>
                                </div>
        <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-bg-white tw-border-t tw-border-gray-100 tw-flex tw-gap-4">
            <button type="button" class="tw-flex-1 tw-py-3.5 tw-rounded-xl tw-border tw-border-gray-200 tw-font-bold" onclick="homeClearAllFilters(); homeCloseMobileFilter();">Reset</button>
            <button type="button" class="tw-flex-[2] tw-py-3.5 tw-rounded-xl tw-bg-navy tw-text-white tw-font-bold" onclick="homeApplyPriceFilter(); homeCloseMobileFilter(); if (typeof filter === 'function') filter();">Show Tours</button>
        </div>
    </div>
</div>
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-6 tw-border-b tw-border-gray-100 tw-bg-gray-50/30">
    <div class="tw-flex tw-items-center tw-gap-4">
        <span class="tw-text-sm tw-font-bold tw-uppercase tw-tracking-widest tw-text-gray-400 tw-whitespace-nowrap">Quick Access:</span>
        <div id="quick-access-container" class="tw-flex tw-items-center tw-gap-2 tw-overflow-x-auto tw-pb-2 scrollbar-hide">
            <button type="button"
                data-tag="all"
                data-quick-access="all"
                class="home-quick-access-btn tw-px-4 tw-py-1.5 tw-rounded-full tw-border tw-border-gray-200 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-whitespace-nowrap tw-transition-all tw-shadow-sm">All</button>
                        <button type="button"
                data-tag="Classic Tours"
                data-link="/Jordan/Jordan-Travel-Packages"
                class="home-quick-access-btn tw-px-4 tw-py-1.5 tw-rounded-full tw-border tw-border-gray-200 tw-bg-white tw-text-gray-600 tw-text-sm tw-font-bold tw-whitespace-nowrap tw-transition-all hover:tw-border-gold hover:tw-text-gold">Classic Tours</button>
                    </div>
    </div>
</div>

<style>
    .left_filter_all{

    }
    .left_filter_all_box {
        background: rgba(255, 255, 255, 1);
        border: 0.5px solid rgba(245, 245, 247, 1);
        border-radius: 16px;
        padding: 16px;
        margin: 0 0 20px 0;
        box-shadow: 0px 0px 4px 0px rgba(5, 49, 92, 0.1);
    }
    .left_filter_all_box_title {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
        cursor: pointer;
        position: relative;
        margin-bottom: 20px;
    }
    .left_filter_all_box_title::after {
        font-family: 'bootstrap-icons';
        content: "\F282";
        position: absolute;
        right: 0;
        font-size: 1rem;
        color: rgba(184, 184, 199, 1);
        height: 25px;
    }
    .left_filter_all_box_title.collapsed::after {
        content: "\F282";
    }
    .left_filter_all_box .radio {
        font-size: 1rem;
        text-align: left;
        color: #757575;
        margin-bottom: 15px;
    }
    .left_filter_all_box_data img {
        width: 17px;
        height: 17px;
        line-height: normal;
    }
    .left_filter_all_box .price_range_input input {
        background: 0 0;
        padding: 7px;
        width: 100%;
        border: 0 solid #e3e3e3;
        border-radius: 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        text-align: center;
        color: rgba(10, 43, 75, 1);
    }
    .left_filter_all_box .ui-widget-header {
        border: 1.33px solid rgba(248, 194, 103, 1);
        background: #757575;
        color: #fff;
        font-weight: 700
    }

    .left_filter_all_box .ui-widget-content {
        background: #eeeeee;
    }

    .left_filter_all_box .ui-slider-horizontal {
        height: 1px
    }

    .left_filter_all_box .ui-state-default,
    .left_filter_all_box .ui-widget-content .ui-state-default,
    .left_filter_all_box .ui-widget-header .ui-state-default {
        border: 1px solid rgba(245, 163, 27, 1);
        background: rgba(245, 163, 27, 1);
        font-weight: 700;
        color: #fff;
        border-radius: 50%
    }

    .left_filter_all_box .ui-slider .ui-slider-handle {
        width: 20px;
        height: 20px
    }

    .left_filter_all_box .ui-slider-horizontal .ui-slider-handle {
        top: -10px
    }

    .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br,.ui-corner-left,.ui-corner-bl,.ui-corner-tr,.ui-corner-tl {
        border-radius: 0
    }
    .slider_range_all {
        margin: 35px 0 20px 0;
    }
    .left_filter_all_box_data .checkbox label, .left_filter_all_box_data .radio label, .left_filter_all_box_data label {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        color: rgba(52, 64, 84, 1);
    }
    input[type="radio"] {
        appearance: none;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        border: 1px solid rgba(184, 184, 199, 1);
        transition: 0.2s all linear;
        margin-right: 5px;
        position: relative;
        top: 4px;
    }

    input[type="radio"]:checked {
        border: 2px solid #fff;
        background-color: rgba(245, 163, 27, 1);
        box-shadow: 0 0 0 1px rgba(245, 163, 27, 1);
    }
    #home-filter-sources .left_filter_all {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
</style>
<div id="home-filter-sources">
<div class="left_filter_all">
    <form method="post" accept-charset="utf-8" action="/jordan/jordan-travel-packages"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>        <!-- Single Country -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#SingleCountry">Destinations</div>
        <div class="left_filter_all_box_data collapse show" id="SingleCountry">
            <div class="row">
                <input name="Country" type="radio" style="display: none"  value ="0" id="0" onchange="filter(' ')">
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "1" id="1" onchange="changeCountries('egypt', this)"> Egypt                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "14" id="14" onchange="changeCountries('jordan', this)"> Jordan                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "13" id="13" onchange="changeCountries('dubai', this)"> Dubai                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "61" id="61" onchange="changeCountries('saudi-arabia', this)"> Saudi Arabia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "30" id="30" onchange="changeCountries('morocco', this)"> Morocco                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "39" id="39" onchange="changeCountries('oman', this)"> Oman                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "15" id="15" onchange="changeCountries('turkey', this)"> Turkey                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "49" id="49" onchange="changeCountries('african-safari', this)"> African Safari                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "51" id="51" onchange="changeCountries('india', this)"> India                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "93" id="93" onchange="changeCountries('sri-lanka-tours', this)"> Sri Lanka Tours                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "92" id="92" onchange="changeCountries('tunisia-tour-packages', this)"> Tunisia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "57" id="57" onchange="changeCountries('japan-tour-packages', this)"> Japan                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "63" id="63" onchange="changeCountries('greece', this)"> Greece                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "71" id="71" onchange="changeCountries('peru', this)"> Peru                             </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "90" id="90" onchange="changeCountries('southeast-asia-tours', this)"> Southeast Asia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "91" id="91" onchange="changeCountries('brazil', this)"> Brazil                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "98" id="98" onchange="changeCountries('argentina-trips', this)"> Argentina                            </label>
                        </div>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Special Offer -->
    
    <!-- Root Categories -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#RootCategories">Trip Type</div>
        <div class="left_filter_all_box_data collapse show" id="RootCategories">
            <div class="row">
                <div class="radio">
                    <label>
                        <input name="rootCategory" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "98" id="98" onchange="filter(' ')"> Packages                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "100" id="100" onchange="filter(' ')"> Excursions                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "101" id="101" onchange="filter(' ')"> Shore Excursions                        </label>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Styles -->
            <div class="left_filter_all_box">
            <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Styles">Styles</div>
            <div class="left_filter_all_box_data collapse show" id="Styles">
                <div class="radio">
                    <label>
                        <input name="Style" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="Style" type="radio" value = "21" id="21" onchange="filter(' ')"> Classic Tours                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="Style" type="radio" value = "22" id="22" onchange="filter(' ')"> Luxury Tours                        </label>
                    </div>
                            </div>
        </div>
    
    <!-- Price Range -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Range">Price Range</div>
        <div class="left_filter_all_box_data collapse show" id="Range">
            <div class="slider_range_all">
                <div id="slider-range"></div>
            </div>
            <div class="price_range_input">
                <div class="input text"><input type="text" name="amount" aria-label="Price Range" id="amount" values="0,12000"/></div>            </div>
        </div>
    </div>

    <!-- Duration -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Duration">Duration</div>
        <div class="left_filter_all_box_data collapse show" id="Duration">
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "1" id="1" onchange="filter(' ')"> 1 day                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "2" id="2" onchange="filter(' ')"> 2-5 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "3" id="3" onchange="filter(' ')"> 5-10 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "4" id="4" onchange="filter(' ')"> 10-15 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "5" id="5" onchange="filter(' ')"> 15-20 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "6" id="6" onchange="filter(' ')"> More than 20 days                </label>
            </div>
        </div>
    </div>

    <!-- Group size -->
            <div class="left_filter_all_box">
            <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Group">Group Size</div>
            <div class="left_filter_all_box_data collapse show" id="Group">
                <div class="radio">
                    <label>
                        <input name="Group" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="Group" type="radio" value = "28" id="28" onchange="filter(' ')"> Private Tour                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="Group" type="radio" value = "29" id="29" onchange="filter(' ')"> Small Group Tour                        </label>
                    </div>
                            </div>
        </div>
    
        </form>
</div>
</div>
<section class="home-packages-section home_sub_boxs lg:tw-pb-0 tw-pb-20" id="packages">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-12">
        <div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-12">

            <main class="tw-flex-1 tw-w-full lg:tw-w-auto tw-min-w-0">

                <div class="tw-flex tw-flex-col sm:tw-flex-row sm:tw-items-center tw-justify-between tw-mb-8 tw-gap-4">
                    <div class="tw-flex tw-bg-gray-100 tw-p-1 tw-rounded-xl tw-inline-flex tw-shadow-inner">
                        <button type="button" onclick="toggleView('list')" id="btn-view-list"
                            class="tw-px-6 tw-py-2 tw-rounded-lg tw-text-sm tw-font-bold tw-flex tw-items-center tw-gap-2 tw-transition-all tw-duration-300 tw-bg-white tw-text-navy tw-shadow-md tw-scale-105">
                            <ion-icon name="grid-outline"></ion-icon> List                        </button>
                        <button type="button" onclick="toggleView('map')" id="btn-view-map"
                            class="tw-px-6 tw-py-2 tw-rounded-lg tw-text-sm tw-font-bold tw-flex tw-items-center tw-gap-2 tw-transition-all tw-duration-300 tw-text-gray-500 hover:tw-text-navy hover:tw-bg-white/50">
                            <ion-icon name="map-outline"></ion-icon> Map                        </button>
                    </div>

                    <div class="home-packages-sort tw-flex tw-items-center tw-gap-3">
                        <span class="tw-text-xs tw-font-bold tw-uppercase tw-text-gray-400 tw-shrink-0">Sort by:</span>
                        <style>
    .home_sub_filrers {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
        gap: 15px;
    }
    .home_sub_filrers select {
        background-color: rgba(250, 250, 255, 1);
        border: 1px solid rgba(224, 224, 232, 1);
        border-radius: 12px;
        padding: 8px 16px;
    }
    .home_sub_filrers form {
        margin-bottom: 0;
    }
</style>
  <div class="home_sub_filrers d-flex align-items-center justify-content-between">
    <div>Sort by:</div>
    <div class="search_filters" id="select">
        <form action="" method="get" >
          <select class="form-select" aria-label="Sort by"  name="sort" id="sort" onchange="trackSortEvent(this)">
              <option value="order" selected="selected">Recommended</option>
              <option value="price_desc" >High to Low Price</option>
              <option value="price_asc" >Low to High Price</option>
              <option value="dur_asc" >Short to Long Duration</option>
              <option value="dur_desc" >Long to Short Duration</option>
          </select>
            <input type="hidden" id="getSortType" value="">
            <input type="hidden" name="Offer" value="">
            <input type="hidden" name="Country" value="">
            <input type="hidden" name="Category" value="">
            <input type="hidden" name="Style" value="">
            <input type="hidden" name="Group" value="">
            <input type="hidden" name="Activity" value="">
            <input type="hidden" name="Duration" value="">
            <input type="hidden" name="price" value="">
        </form>
    </div>
  </div>
<script>
    // Track sort events for GTM
    function trackSortEvent(selectElement) {
        window.dataLayer = window.dataLayer || [];

        // Get the selected option's text content
        var selectedOption = selectElement.options[selectElement.selectedIndex];
        var sortBy = selectedOption ? selectedOption.textContent.trim().toLowerCase() : '';

        // Push sort event to dataLayer
        if (sortBy) {
            var dataLayerEvent = {
                'event': 'sort',
                'sort_by': sortBy
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        }

        // Submit the form after tracking
        selectElement.form.submit();
    }
</script>
                    </div>
                </div>

                <div id="tours-anchor"></div>

                <div id="programs" class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-8 tw-min-h-[200px]">
                                            
        <div class="home-tour-card home-tour-card--featured md:tw-col-span-2 tw-relative tw-rounded-3xl tw-overflow-hidden tw-shadow-sm hover:tw-shadow-2xl tw-flex tw-flex-col tw-justify-end tw-min-h-[450px] md:tw-min-h-[500px] tw-transition-all tw-duration-700 hover:-tw-translate-y-2 tw-border tw-border-black/5">
        <a href="/jordan/jordan-tour" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="5-Day Jordan Tour: Road to Petra"
            data-tour-name="5-Day Jordan Tour: Road to Petra" data-tour-type="Private Tour" data-destination="jordan"></a>
        <img src="https://images.memphistours.com/thumbs1/1147286248_Jerash%20in%20Jordan.jpg" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[1500ms] group-hover:tw-scale-105" loading="lazy" alt="5-Day Jordan Tour: Road to Petra">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-90 tw-pointer-events-none"></div>
        <div class="tw-relative tw-z-10 tw-w-[90%] md:tw-w-[65%] lg:tw-w-[50%] xl:tw-w-[45%] tw-mb-6 tw-mx-auto md:tw-mb-10 md:tw-ml-10 tw-p-6 md:tw-p-8 tw-rounded-2xl tw-bg-white/95 tw-backdrop-blur-xl tw-shadow-2xl tw-border tw-border-white/50 tw-flex tw-flex-col">
            <div class="tw-flex tw-items-center tw-justify-between tw-gap-4 tw-mb-4">
                <span class="tw-px-3 tw-py-1 tw-bg-gold/10 tw-text-gold tw-border tw-border-gold/20 tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-shadow-inner">
                    <ion-icon name="star" class="tw-mr-1.5 tw-text-sm"></ion-icon> Featured Package                </span>
            </div>
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-navy/60 tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-1.5 tw-mb-2 tw-bg-navy/5 tw-px-2 tw-py-1 tw-rounded-lg tw-border tw-border-navy/10">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon> 1 Country                </span>
                <h3 class="tw-text-2xl lg:tw-text-3xl tw-font-serif tw-text-navy tw-leading-tight">5-Day Jordan Tour: Road to Petra</h3>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 md:tw-line-clamp-3 tw-leading-loose tw-mb-6">From the Old City of Amman to Petra&#39;s sprawling ruins, enjoy 5 days full of natural wonders in Jordan.&nbsp;Discover the ancient Jordan highlights and Roman ruins on your way to visit the rose-red city of Petra!

&nbsp;

&nbsp;


&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-flex-col xl:tw-flex-row xl:tw-items-end tw-justify-between tw-gap-6 tw-pt-5 tw-border-t tw-border-gray-100">
                <div class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-2">
                    <div>
                        <span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Duration</span>
                        <span class="tw-text-lg tw-font-bold tw-text-navy tw-flex tw-items-center tw-gap-1.5"><ion-icon name="time-outline" class="tw-text-gold"></ion-icon> 5</span>
                    </div>
                                        <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                        <span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Starting From</span>
                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                            <span class="currencySign">US$</span><span id="min_price715" class="convertable" itemprop="price">715</span>
                        </span>
                        <input type="hidden" id="hmin_price715" value="715" />
                                            </div>
                                    </div>
                <a href="/jordan/jordan-tour" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/jordan-private-tour" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Taste of Jordan in Petra Tour" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/931876824_16.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Taste of Jordan in Petra Tour" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 4                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Taste of Jordan in Petra Tour</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">It&#39;s the best Jordan 4 Days tour. Live an amazing 3 nights in Jordan visiting the Roman Jerash, the best example of the Roman provincial city in the whole Middle East. Be ready for a new adventure and Book now!

&nbsp;

&nbsp;


Enjoy visiting the legendary &lsquo;rose-red&rsquo; city of Petra, carved into the stone of the Jordan desert, Float in the Dead Sea salty water, and more!&nbsp;
Explore Amman&rsquo;s ancient sites on a 4-day tour, a private tour that&rsquo;s a great first taste of Jordan. You&rsquo;ll see Old Amman, colorful markets, the Citadel, the Blue Mosque, a Coptic church, Rainbow Street, the Royal Automobile Museum, and much more.
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price550" class="convertable" itemprop="price">550</span>
                    </span>
                    <input type="hidden" id="hmin_price550" value="550" />
                </div>
                                <a href="/jordan/jordan-private-tour" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Taste of Jordan in Petra Tour" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/luxury-tour-to-jordan" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Luxury Jordan Tour" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/747333787_13.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Luxury Jordan Tour" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 6                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Luxury Jordan Tour</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Discover the main attractions with through one of our Jordan Vacations, Including 5-star accommodation, and visit the rose-red city Petra, Jerash the Greco-roman city, and Madaba city of mosaics. Book now!

&nbsp;

&nbsp;


You can also visit the capital Amman, Mount Nebo, Kerak, Mukawir, float in the salty water of the Dead Sea, and More.&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price2129" class="convertable" itemprop="price">2,129</span>
                    </span>
                    <input type="hidden" id="hmin_price2129" value="2129" />
                </div>
                                <a href="/jordan/luxury-tour-to-jordan" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Luxury Jordan Tour" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/5-days-jordan-package" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Majestic Tour of Jordan" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/767654555_The%20Majestic%20Tour%20of%20Jordan.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Majestic Tour of Jordan" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 5                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Majestic Tour of Jordan</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Spend a wonderful 5-day Jordan vacation and discover all of Jordan&#39;s remarkable places like the mountain of Gilead in Jerash, Mount Nebo, and much more. Enjoy a hassle-free and unforgettable trip to Jordan!

&nbsp;

&nbsp;

This tour will allow you to see the place where Prophet Moses gazed at the promised land. Visiting Madaba, the Dead Sea, and the lost city of Petra. All of these with the best itinerary and comfortable accommodation.&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price1020" class="convertable" itemprop="price">1,020</span>
                    </span>
                    <input type="hidden" id="hmin_price1020" value="1020" />
                </div>
                                <a href="/jordan/5-days-jordan-package" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Majestic Tour of Jordan" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/jordan-family-holiday" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Jordan Family Holiday" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/268851029_dead%20sea%20%282%29.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Jordan Family Holiday" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 8                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Jordan Family Holiday</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Don&#39;t miss this chance to enjoy one of Jordan Vacations tours to see the panoramic view of Dana, enjoy an evening under the stars in Wadi Rum, the ancient city of Petra, and more. Book now!&nbsp;

&nbsp;


Get deep into the warm desert, float into the Dead Sea, and experience a fantastic desert camp with your joyful family. Involve in the magical ancient world of Jordan on this exciting family adventure! This tour has been uniquely designed to highlight the most exciting sights of Jordan. With a carefully weighted balance of activities and downtime, your family will love this cultural Middle Eastern tour.
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price1915" class="convertable" itemprop="price">1,915</span>
                    </span>
                    <input type="hidden" id="hmin_price1915" value="1915" />
                </div>
                                <a href="/jordan/jordan-family-holiday" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Jordan Family Holiday" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
                            <div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="5" page="2" id="programs_more"></div>
                                                            </div>

                <div id="loader_div"></div>

                <div id="map-view" class="tw-hidden tw-relative tw-min-h-[500px] tw-bg-gray-100 tw-rounded-[2rem] tw-overflow-hidden tw-shadow-inner tw-border tw-border-gray-300 tw-mt-4">
                    <div id="react-map-root" class="tw-w-full tw-h-full tw-min-h-[500px] tw-flex tw-items-center tw-justify-center tw-p-8 tw-text-center tw-text-gray-500">
                        <p>Map view will display tour locations. Switch to List to browse packages.</p>
                    </div>
                </div>

            </main>

            <div class="tw-w-full lg:tw-w-[360px] tw-flex-shrink-0">
                                
<style>
    .side_form {
        border: 1px solid rgba(245, 245, 247, 1);
        border-radius: 16px;
    }
    .side_form .form_title h4 {
        background: rgba(10, 43, 75, 1);
        border-radius: 16px 16px 0 0;
        padding: 10px;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: rgba(255, 255, 255, 1);
    }
    .side_form .form_title .sub_title {
        font-family: 'Nunito', Arial, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        color: #FFFFFF;
        text-align: center;
    }
    .side_form .form_body {
        padding: 20px 16px;
    }
    .side_form .new_btn_book {
        background: rgba(245, 163, 27, 1);
        border-radius: 16px;
        border: 0;
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        line-height: 48px;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        position: relative;
    }
    .side_form .new_btn_book .btn-loading-spinner{display:none;width:22px;height:22px;margin:0 auto;border:3px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:book-form-spin .8s linear infinite;position:absolute;left:50%;top:50%;margin:-11px 0 0 -11px;}
    .side_form .new_btn_book.is-loading .btn-submit-text{visibility:hidden;}
    .side_form .new_btn_book.is-loading .btn-loading-spinner{display:inline-block;}
    @keyframes book-form-spin{to{transform:rotate(360deg);}}
    .side_form .form-control {
        background-color: unset;
        border: 0.5px solid rgba(208, 213, 221, 1);
        border-radius: 16px;
        padding: 0 16px;
        height: 40px;
    }
    #Arrival2, #Departure2 {
        position: relative;
    }
    .side_form .input-group {
        border: 0.5px solid rgba(208, 213, 221, 1);
        border-radius: 16px;
        flex-wrap: unset;
        align-items: center;
        padding: 0 10px;
    }
    .side_form .btn-number {
        background: rgba(245, 163, 27, 1);
        border: 0;
        border-radius: 6px;
        color: #fff;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .side_form .btn-number:disabled {
        opacity: .5;
    }
    .side_form .input-number {
        padding: 0;
        width: 100%;
        text-align: center;
        margin: 0;
        border: 0;
        background: none;
    }
    .side_form .form-group label {
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        color: rgba(105, 105, 133, 1);
    }
    .side_form .form-group label.error {
        color: red;
    }
    .side_form .ui-datepicker-trigger {
        border: 0;
        background: none;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .side_form .ui-datepicker-trigger i {
        color: rgba(143, 143, 166, 1);
    }
    .ui-widget-content {
        font-family: 'Nunito', Arial, sans-serif;
        border: 0;
        background: rgba(250, 250, 255, 1);
        border-radius: 16px;
        color: rgba(105, 105, 133, 1);
        z-index: 99 !important;
    }
    .ui-datepicker .ui-datepicker-header {
        border: 0;
        background: none;
    }
    .ui-datepicker .ui-datepicker-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: rgba(105, 105, 133, 1);
    }
    .ui-widget-header .ui-datepicker-next .ui-icon {
        background-image: url('/theme/Com2025/img/right-cheveron.svg');
        width: 32px;
        height: 32px;
        background-size: cover;
        background-position: unset;
    }
    .ui-widget-header .ui-datepicker-prev .ui-icon {
        background-image: url('/theme/Com2025/img/left-cheveron.svg');
        width: 32px;
        height: 32px;
        background-size: cover;
        background-position: unset;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 0;
        background: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        text-align: center;
        color: rgba(10, 43, 75, 1);
    }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 0;
        background: none;
    }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: rgba(253, 237, 209, 1);
        color: rgba(245, 163, 27, 1);
    }
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: -5px;
        width: 32px;
        height: 32px;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 15px;
    }
    .sticky-top {
        z-index: 1;
    }
    #bookFormNew .form_select {
        position: relative;
        width: 100%;
    }
    #bookFormNew .form_select:before {
        color: #184161;
        font-weight: bold;
        bottom: 10px;
        position: absolute;
        right: 16px;
        content: "\f078";
        font-family: "Font Awesome 6 Free";
    }

    .black_hed_bg{
        background: linear-gradient(90.93deg, #000000 26.23%, #F20D0D 107.91%);
        border-radius: 16px 16px 0px 0px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;

    }
    .black_hed_bg h4{
        background: transparent !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .programBox2_discount_black_text_right{
        position: absolute;
        width: 44px;
        height: 10px;
        text-align: center;
        font-family: 'Anta', Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 7.2378px;
        line-height: 9px;
        color: #FFFFFF;
        transform: rotate(337deg);
        bottom: 19px;
        left: 5px;
    }


    /* Prototype sidebar skin */
    #main-sidebar.book-form-sidebar .legacy-promo-wrap {
        display: none !important;
    }
    #main-sidebar.book-form-sidebar .form_body { padding: 0; }
    #bookFormNew.book-form-proto .form-control,
    #bookFormNew.book-form-proto select.form-control,
    #bookFormNew.book-form-proto textarea.form-control {
        background-color: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 0.75rem;
        padding: 0.75rem 1rem;
        height: auto;
        min-height: 3rem;
        color: #0a2b4b;
        font-size: 1rem;
        box-shadow: none;
    }
    #bookFormNew.book-form-proto .form-control:focus,
    #bookFormNew.book-form-proto select.form-control:focus,
    #bookFormNew.book-form-proto textarea.form-control:focus {
        border-color: #f5a31b;
        outline: none;
        box-shadow: 0 0 0 1px #f5a31b;
        background-color: #fff;
    }
    #bookFormNew.book-form-proto .form_select:before {
        right: 1rem; bottom: auto; top: 50%; transform: translateY(-50%);
    }
    #bookFormNew.book-form-proto .new_btn_book {
        background: #0a2b4b; border: none; border-radius: 0.75rem;
        color: #fff; font-weight: 700; font-size: 1rem; padding: 1rem; width: 100%;
        transition: all 0.3s ease;
    }
    #bookFormNew.book-form-proto .new_btn_book:hover {
        background: #f5a31b; color: #0a2b4b;
    }
    #bookFormNew.book-form-proto .book-form-proto-section-label {
        display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;
        font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: 0.05em; color: #0a2b4b;
    }
    #bookFormNew.book-form-proto .book-form-proto-section-label ion-icon { color: #f5a31b; }
    #bookFormNew.book-form-proto .book-form-proto-dates,
    #bookFormNew.book-form-proto .book-form-proto-pax {
        background: #f9fafb; border: 1px solid #f3f4f6;
        border-radius: 0.75rem; padding: 0.75rem; margin-bottom: 0.5rem;
    }
    #bookFormNew.book-form-proto label.error { color: #dc2626; font-size: 0.75rem; }
    #bookFormNew.book-form-proto .bf-fields-stack { margin-bottom: 0.5rem; }
    #bookFormNew.book-form-proto .bf-field-icon {
        position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);
        color: #9ca3af; font-size: 1.125rem; z-index: 2; pointer-events: none;
        transition: color 0.2s ease;
    }
    #bookFormNew.book-form-proto .bf-field-wrap:focus-within .bf-field-icon { color: #f5a31b; }
    #bookFormNew.book-form-proto .bf-input-icon { padding-left: 3rem !important; }
    #bookFormNew.book-form-proto .bf-select-wrap.form_select:before { display: none !important; }
    #bookFormNew.book-form-proto .bf-select-chevron {
        position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);
        color: #9ca3af; font-size: 0.75rem; pointer-events: none; z-index: 2;
    }
    #bookFormNew.book-form-proto #phone_ext.bf-phone-code {
        border-radius: 0.75rem !important; padding: 0.75rem 0.35rem !important;
        text-align: center; font-size: 0.875rem; min-height: 3rem;
    }
    #bookFormNew.book-form-proto #UserPhone.bf-input-icon { border-radius: 0.75rem !important; }
    #bookFormNew.book-form-proto .bf-date-field {
        position: relative;
        flex: 1 1 0;
        min-width: 0;
    }
    #bookFormNew.book-form-proto .bf-date-field #Arrival2,
    #bookFormNew.book-form-proto .bf-date-field #Departure2 {
        position: relative;
    }
    #bookFormNew.book-form-proto .bf-dates-row .form-control {
        font-size: 0.875rem;
        min-height: 2.5rem;
        padding: 0.5rem 2rem 0.5rem 0.75rem;
        border-radius: 0.5rem;
        background: #fff;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-pax-card {
        background: #fff; padding: 0.5rem; border-radius: 0.5rem;
        border: 1px solid #f3f4f6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    #bookFormNew.book-form-proto .bf-pax-label {
        font-size: 0.75rem; color: #6b7280; margin-bottom: 0.35rem; line-height: 1.2;
    }
    #bookFormNew.book-form-proto .bf-pax-label-sub { font-size: 10px; }
    #bookFormNew.book-form-proto .bf-phone-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 0.5rem;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap {
        flex: 0 0 28%;
        max-width: 28%;
        min-width: 5.5rem;
    }
    #bookFormNew.book-form-proto .bf-phone-mobile-wrap {
        flex: 1 1 auto;
        min-width: 0;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap {
        position: relative;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap .form_select:before {
        display: none !important;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap .bf-select-chevron {
        right: 0.35rem;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group-btn .btn-number {
        float: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-pax-counter {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group {
        border: none;
        padding: 0;
        background: transparent;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        width: 100%;
        margin: 0;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group-btn {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-number {
        width: 2.5rem !important;
        min-width: 2.5rem;
        max-width: 100%;
        min-height: 1.75rem !important;
        height: 1.75rem !important;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        color: #0a2b4b;
        text-align: center;
        border: 1px solid #e5e7eb !important;
        border-radius: 0.5rem;
        background: #f9fafb !important;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-number:focus {
        border-color: #f5a31b;
        outline: none;
        box-shadow: 0 0 0 1px #f5a31b;
        background: #fff;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number {
        width: 1.75rem !important;
        height: 1.75rem !important;
        min-width: 1.75rem;
        padding: 0 !important;
        border: none !important;
        border-radius: 0.375rem;
        background: transparent !important;
        color: #0a2b4b !important;
        font-size: 1rem;
        line-height: 1 !important;
        box-shadow: none;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number:hover:not(:disabled) {
        background: #f3f4f6;
        color: #f5a31b;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number:disabled {
        opacity: 0.35;
        cursor: not-allowed;
    }
    #bookFormNew.book-form-proto .bf-pax-btn .fa {
        font-size: 0.65rem;
        font-weight: 700;
    }
    #bookFormNew.book-form-proto .new_btn_book {
        display: flex; align-items: center; justify-content: center; gap: 0.5rem;
    }
    #bookFormNew.book-form-proto .bf-comment {
        resize: vertical;
        min-height: 5rem;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-submit-wrap {
        margin-top: 0.25rem;
    }
    #bookFormNew.book-form-proto .bf-submit-wrap .form-group {
        margin-bottom: 0.75rem;
    }
    #bookFormNew.book-form-proto #mail-validation { margin-top: 0.25rem; font-size: 0.75rem; }
    #bookFormNew.book-form-proto .bf-date-field .ui-datepicker-trigger {
        position: absolute !important;
        right: 0.35rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        cursor: pointer;
        z-index: 2;
        width: auto !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-date-field .ui-datepicker-trigger img {
        display: none;
    }
    @media (min-width: 1024px) {
        #main-sidebar.book-form-sidebar {
            position: sticky;
            top: 6rem;
            align-self: flex-start;
            max-height: calc(100vh - 6.5rem);
        }
        #main-sidebar.book-form-sidebar #sticky-sidebar {
            position: static;
            max-height: none;
            overflow: visible;
        }
        /* #main-sidebar.book-form-sidebar .book-form-proto-card {
            max-height: calc(100vh - 8rem);
            overflow-y: auto;
            overscroll-behavior: contain;
        } */
    }
    @media (max-width: 1023px) {
        #main-sidebar.book-form-sidebar,
        #main-sidebar.book-form-sidebar #sticky-sidebar {
            position: static !important;
            max-height: none !important;
        }
    }

</style>
<a id="Form"></a>

<aside id="main-sidebar" class="book-form-sidebar tw-w-full lg:tw-w-[360px] tw-flex-shrink-0 tw-relative tw-z-20 tw-transition-all tw-duration-300">
    <div class="tw-sticky tw-top-24 tw-space-y-8" id="sticky-sidebar">

        <div class="tw-relative tw-group tw-cursor-pointer tw-mb-6" onclick="openMomoAI()" role="button" tabindex="0" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openMomoAI();}">
            <div class="tw-absolute -tw-inset-1 tw-bg-gradient-to-r tw-from-gold tw-to-orange-500 tw-rounded-2xl tw-blur tw-opacity-25 group-hover:tw-opacity-75 tw-transition tw-duration-1000 group-hover:tw-duration-200"></div>
            <div class="tw-relative tw-bg-navy tw-rounded-2xl tw-p-4 tw-flex tw-items-center tw-gap-4 tw-border tw-border-white/10 tw-shadow-xl tw-overflow-hidden">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-r tw-from-navy tw-via-navy/50 tw-to-navy tw-opacity-50"></div>
                <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-gradient-to-r tw-from-navy tw-via-gold tw-to-navy"></div>
                <div class="tw-w-16 tw-h-16 tw-shrink-0 tw-relative tw-z-10">
                    <div class="tw-absolute tw-inset-0 tw-bg-blue-100/10 tw-rounded-full tw-animate-pulse"></div>
                    <img src="/theme/Com2025/img/momo_avatar.png" class="tw-w-full tw-h-full tw-object-cover tw-rounded-full tw-relative tw-z-10 tw-border-2 tw-border-gold tw-shadow-sm" alt="Momo AI">
                    <div class="tw-absolute -tw-bottom-1 -tw-right-1 tw-bg-green-500 tw-w-4 tw-h-4 tw-rounded-full tw-border-2 tw-border-navy tw-z-20"></div>
                </div>
                <div class="tw-relative tw-z-10 tw-flex-1 tw-min-w-0">
                    <div class="tw-text-sm tw-font-bold tw-text-gold tw-uppercase tw-tracking-wider tw-mb-2">New AI Feature</div>
                    <h4 class="tw-font-serif tw-text-white tw-leading-tight tw-text-lg">Plan with Momo AI</h4>
                    <p class="tw-text-sm tw-text-gray-300 tw-mt-1">Get a custom trip in seconds!</p>
                </div>
                <div class="tw-ml-auto tw-relative tw-z-10 tw-shrink-0">
                    <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-white/10 tw-text-white tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-navy tw-transition-colors tw-shadow-md tw-backdrop-blur-sm">
                        <ion-icon name="sparkles" class="tw-text-lg"></ion-icon>
                    </div>
                </div>
            </div>
        </div>

<div class="side_form legacy-promo-wrap">
            <div class="form_title">
            <h4>Plan Your Trip!</h4>
                                </div>
    </div>

        <div class="book-form-proto-card tw-bg-white tw-rounded-2xl tw-shadow-xl tw-p-6 tw-border tw-border-gray-100 tw-relative tw-overflow-hidden">
            <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-gradient-to-r tw-from-navy tw-via-gold tw-to-navy"></div>
            <h3 class="tw-font-serif tw-text-2xl tw-text-navy tw-mb-5 tw-flex tw-items-center tw-gap-2">
                <span>Plan Your Journey</span>
                <ion-icon name="airplane" class="tw-text-gold tw-text-xl tw-animate-pulse"></ion-icon>
            </h3>
    <div class="form_body">
        <form id="bookFormNew" class="book-form-proto tw-space-y-4" method="post" action="/jordan/reservation_forms/requests/mail">
            <div class="tw-grid tw-grid-cols-1 tw-gap-3 bf-fields-stack">
                <div class="bf-field-wrap tw-relative tw-group">
                    <ion-icon name="person-outline" class="bf-field-icon"></ion-icon>
                    <input name="name" type="text" id="name" class="form-control bf-input-icon" value="" placeholder="Name *" required>
                </div>
                <div class="bf-field-wrap tw-relative tw-group">
                    <ion-icon name="mail-outline" class="bf-field-icon"></ion-icon>
                    <input name="UserEmail" value="" type="email" required class="form-control bf-input-icon" id="UserEmail" placeholder="E-mail *" onfocusout="validateMail()">
                    <div id="mail-validation"></div>
                </div>
            </div>
            <div class="bf-field-wrap tw-relative tw-group">
                <ion-icon name="earth-outline" class="bf-field-icon"></ion-icon>
                <div class="form-group label-floating form_select bf-select-wrap">
                        <select id="nationality" class="form-control bf-input-icon" name="nationality" required>
                            <option value="" selected="selected">Select your Nationality</option>
                            <option value="American">American</option>
                            <option value="Afghan">Afghan</option>
                            <option value="Albanian">Albanian</option>
                            <option value="Algerian">Algerian</option>
                            <option value="Andorran">Andorran</option>
                            <option value="Angolan">Angolan</option>
                            <option value="Argentinian">Argentinian</option>
                            <option value="Armenian">Armenian</option>
                            <option value="Australian">Australian</option>
                            <option value="Austrian">Austrian</option>
                            <option value="Azerbaijani">Azerbaijani</option>
                            <option value="Bahamian">Bahamian</option>
                            <option value="Bahraini">Bahraini</option>
                            <option value="Bangladeshi">Bangladeshi</option>
                            <option value="Barbadian">Barbadian</option>
                            <option value="Belarusian">Belarusian</option>
                            <option value="Belgian">Belgian</option>
                            <option value="Belizean">Belizean</option>
                            <option value="Beninese">Beninese</option>
                            <option value="Bhutanese">Bhutanese</option>
                            <option value="Bolivian">Bolivian</option>
                            <option value="Bosnian">Bosnian</option>
                            <option value="Botswanan">Botswanan</option>
                            <option value="Brazilian">Brazilian</option>
                            <option value="British Indian Ocean">British Indian Ocean</option>
                            <option value="British Virgin">British Virgin</option>
                            <option value="Bruneian">Bruneian</option>
                            <option value="Bulgarian">Bulgarian</option>
                            <option value="Burkinese">Burkinese</option>
                            <option value="Burundian">Burundian</option>
                            <option value="Cambodian">Cambodian</option>
                            <option value="Cameroonian">Cameroonian</option>
                            <option value="Canadian">Canadian</option>
                            <option value="Cape Verdean">Cape Verdean</option>
                            <option value="Chadian">Chadian</option>
                            <option value="Chilean">Chilean</option>
                            <option value="Chinese">Chinese</option>
                            <option value="Colombian">Colombian</option>
                            <option value="Congolese">Congolese</option>
                            <option value="Costa Rican">Costa Rican</option>
                            <option value="Croatian">Croatian</option>
                            <option value="Cuban">Cuban</option>
                            <option value="Cypriot">Cypriot</option>
                            <option value="Czech">Czech</option>
                            <option value="Danish">Danish</option>
                            <option value="Djiboutian">Djiboutian</option>
                            <option value="Dominican">Dominican</option>
                            <option value="East Timorese">East Timorese</option>
                            <option value="Ecuadorean">Ecuadorean</option>
                            <option value="Egyptian">Egyptian</option>
                            <option value="Salvadorean">Salvadorean</option>
                            <option value="Guinean">Guinean</option>
                            <option value="Eritrean">Eritrean</option>
                            <option value="Estonian">Estonian</option>
                            <option value="Ethiopian">Ethiopian</option>
                            <option value="Fijian">Fijian</option>
                            <option value="Finnish">Finnish</option>
                            <option value="French" >French</option>
                            <option value="Guyanese">Guyanese</option>
                            <option value="Gabonese">Gabonese</option>
                            <option value="Gambian">Gambian</option>
                            <option value="Georgian">Georgian</option>
                            <option value="German" >German</option>
                            <option value="Ghanaian">Ghanaian</option>
                            <option value="Greek">Greek</option>
                            <option value="Grenadian">Grenadian</option>
                            <option value="Guatemalan">Guatemalan</option>
                            <option value="Guinea-Bissau">Guinea-Bissau</option>
                            <option value="Haitian">Haitian</option>
                            <option value="Honduran">Honduran</option>
                            <option value="Hungarian">Hungarian</option>
                            <option value="Icelander">Icelander</option>
                            <option value="Indian">Indian</option>
                            <option value="Indonesian">Indonesian</option>
                            <option value="Iranian">Iranian</option>
                            <option value="Iraqi">Iraqi</option>
                            <option value="Irish">Irish</option>
                            <option value="Israeli">Israeli</option>
                            <option value="Italian" >Italian</option>
                            <option value="Jamaican">Jamaican</option>
                            <option value="Japanese">Japanese</option>
                            <option value="Jordanian">Jordanian</option>
                            <option value="Kazakh">Kazakh</option>
                            <option value="Kenyan">Kenyan</option>
                            <option value="Kuwaiti">Kuwaiti</option>
                            <option value="Laotian">Laotian</option>
                            <option value="Latvian">Latvian</option>
                            <option value="Lebanese">Lebanese</option>
                            <option value="Liberian">Liberian</option>
                            <option value="Libyan">Libyan</option>
                            <option value="Lithuanian">Lithuanian</option>
                            <option value="Macedonian">Macedonian</option>
                            <option value="Madagascan">Madagascan</option>
                            <option value="Malawian">Malawian</option>
                            <option value="Malaysian">Malaysian</option>
                            <option value="Maldivian">Maldivian</option>
                            <option value="Malian">Malian</option>
                            <option value="Maltese">Maltese</option>
                            <option value="Mauritanian">Mauritanian</option>
                            <option value="Mauritian">Mauritian</option>
                            <option value="Mexican">Mexican</option>
                            <option value="Moldovan">Moldovan</option>
                            <option value="Monacan">Monacan</option>
                            <option value="Mongolian">Mongolian</option>
                            <option value="Moroccan">Moroccan</option>
                            <option value="Mozambican">Mozambican</option>
                            <option value="Namibian">Namibian</option>
                            <option value="Nepalese">Nepalese</option>
                            <option value="Dutch">Dutch</option>
                            <option value="New Zealand">New Zealand</option>
                            <option value="Nicaraguan">Nicaraguan</option>
                            <option value="Nigerien">Nigerien</option>
                            <option value="Nigerian">Nigerian</option>
                            <option value="North Korean">North Korean</option>
                            <option value="Norwegian">Norwegian</option>
                            <option value="Omani">Omani</option>
                            <option value="Pakistani">Pakistani</option>
                            <option value="Panamanian">Panamanian</option>
                            <option value="Equatorial Guinean">Equatorial Guinean</option>
                            <option value="Paraguayan">Paraguayan</option>
                            <option value="Peruvian">Peruvian</option>
                            <option value="Filipino">Filipino</option>
                            <option value="Polish">Polish</option>
                            <option value="Portuguese">Portuguese</option>
                            <option value="Qatari">Qatari</option>
                            <option value="Romanian">Romanian</option>
                            <option value="Russian">Russian</option>
                            <option value="Rwandan">Rwandan</option>
                            <option value="Saudi">Saudi</option>
                            <option value="Senegalese">Senegalese</option>
                            <option value="Serbian">Serbian</option>
                            <option value="Sierra Leonian">Sierra Leonian</option>
                            <option value="Singaporean">Singaporean</option>
                            <option value="Slovak">Slovak</option>
                            <option value="Slovenian">Slovenian</option>
                            <option value="Somali">Somali</option>
                            <option value="South African">South African</option>
                            <option value="South Korean">South Korean</option>
                            <option value="Spanish">Spanish</option>
                            <option value="Sri Lankan">Sri Lankan</option>
                            <option value="Sudanese">Sudanese</option>
                            <option value="Surinamese">Surinamese</option>
                            <option value="Swazi">Swazi</option>
                            <option value="Swedish">Swedish</option>
                            <option value="Swiss">Swiss</option>
                            <option value="Syrian">Syrian</option>
                            <option value="Taiwanese">Taiwanese</option>
                            <option value="Tajik">Tajik</option>
                            <option value="Tanzanian">Tanzanian</option>
                            <option value="Thai">Thai</option>
                            <option value="Togolese">Togolese</option>
                            <option value="Trinidadian">Trinidadian</option>
                            <option value="Tunisian">Tunisian</option>
                            <option value="Turkish">Turkish</option>
                            <option value="Turkmen">Turkmen</option>
                            <option value="Tuvaluan">Tuvaluan</option>
                            <option value="Ugandan">Ugandan</option>
                            <option value="Ukrainian">Ukrainian</option>
                            <option value="Emirati">Emirati</option>
                            <option value="British">British</option>
                            <option value="Uruguayan">Uruguayan</option>
                            <option value="Uzbek">Uzbek</option>
                            <option value="Vanuatuan">Vanuatuan</option>
                            <option value="Venezuelan">Venezuelan</option>
                            <option value="Vietnamese">Vietnamese</option>
                            <option value="Yemeni">Yemeni</option>
                            <option value="Zambian">Zambian</option>
                            <option value="Zimbabwean">Zimbabwean</option>
                        </select>
                    <ion-icon name="chevron-down-outline" class="bf-select-chevron"></ion-icon>
                </div>
            </div>
                        <div class="bf-phone-row">
                <div class="bf-phone-code-wrap bf-field-wrap">
                    <div class="form-group form_select label-floating mb-0 bf-select-wrap">
                        <select name="phone_ext" id="phone_ext" class="required form-control bf-phone-code" aria-label="Country code">
                                    <option value="">Code</option>
                                    <option data-countryCode="AF" value="93">Afghanistan (+93)</option>
                                    <option data-countryCode="AL" value="355">Albania (+355)</option>
                                    <option data-countryCode="DZ" value="213">Algeria (+213)</option>
                                    <option data-countryCode="AD" value="376">Andorra (+376)</option>
                                    <option data-countryCode="AO" value="244">Angola (+244)</option>
                                    <option data-countryCode="AI" value="1264">Anguilla (+1264)</option>
                                    <option data-countryCode="AG" value="1268">Antigua &amp; Barbuda (+1268)</option>
                                    <option data-countryCode="AR" value="54">Argentina (+54)</option>
                                    <option data-countryCode="AM" value="374">Armenia (+374)</option>
                                    <option data-countryCode="AW" value="297">Aruba (+297)</option>
                                    <option data-countryCode="AU" value="61">Australia (+61)</option>
                                    <option data-countryCode="AT" value="43">Austria (+43)</option>
                                    <option data-countryCode="AZ" value="994">Azerbaijan (+994)</option>
                                    <option data-countryCode="BS" value="1242">Bahamas (+1242)</option>
                                    <option data-countryCode="BH" value="973">Bahrain (+973)</option>
                                    <option data-countryCode="BD" value="880">Bangladesh (+880)</option>
                                    <option data-countryCode="BB" value="1246">Barbados (+1246)</option>
                                    <option data-countryCode="BY" value="375">Belarus (+375)</option>
                                    <option data-countryCode="BE" value="32">Belgium (+32)</option>
                                    <option data-countryCode="BZ" value="501">Belize (+501)</option>
                                    <option data-countryCode="BJ" value="229">Benin (+229)</option>
                                    <option data-countryCode="BM" value="1441">Bermuda (+1441)</option>
                                    <option data-countryCode="BT" value="975">Bhutan (+975)</option>
                                    <option data-countryCode="BO" value="591">Bolivia (+591)</option>
                                    <option data-countryCode="BA" value="387">Bosnia Herzegovina (+387)</option>
                                    <option data-countryCode="BW" value="267">Botswana (+267)</option>
                                    <option data-countryCode="BR" value="55">Brazil (+55)</option>
                                    <option data-countryCode="IO" value="246">British Indian Ocean Territory (+246)</option>
                                    <option data-countryCode="BN" value="673">Brunei (+673)</option>
                                    <option data-countryCode="BG" value="359">Bulgaria (+359)</option>
                                    <option data-countryCode="BF" value="226">Burkina Faso (+226)</option>
                                    <option data-countryCode="BI" value="257">Burundi (+257)</option>
                                    <option data-countryCode="KH" value="855">Cambodia (+855)</option>
                                    <option data-countryCode="CM" value="237">Cameroon (+237)</option>
                                    <option data-countryCode="CA" value="1">Canada (+1)</option>
                                    <option data-countryCode="CV" value="238">Cape Verde Islands (+238)</option>
                                    <option data-countryCode="KY" value="1345">Cayman Islands (+1345)</option>
                                    <option data-countryCode="CF" value="236">Central African Republic (+236)</option>
                                    <option data-countryCode="TD" value="235">Chad (+235)</option>
                                    <option data-countryCode="CL" value="56">Chile (+56)</option>
                                    <option data-countryCode="CN" value="86">China (+86)</option>
                                    <option data-countryCode="CO" value="57">Colombia (+57)</option>
                                    <option data-countryCode="KM" value="269">Comoros (+269)</option>
                                    <option data-countryCode="CG" value="242">Congo (+242)</option>
                                    <option data-countryCode="CK" value="682">Cook Islands (+682)</option>
                                    <option data-countryCode="CR" value="506">Costa Rica (+506)</option>
                                    <option data-countryCode="HR" value="385">Croatia (+385)</option>
                                    <option data-countryCode="CU" value="53">Cuba (+53)</option>
                                    <option data-countryCode="CY" value="90392">Cyprus North (+90392)</option>
                                    <option data-countryCode="CY" value="357">Cyprus South (+357)</option>
                                    <option data-countryCode="CZ" value="42">Czech Republic (+42)</option>
                                    <option data-countryCode="DK" value="45">Denmark (+45)</option>
                                    <option data-countryCode="DJ" value="253">Djibouti (+253)</option>
                                    <option data-countryCode="DM" value="1809">Dominica (+1809)</option>
                                    <option data-countryCode="DO" value="1809">Dominican Republic (+1809)</option>
                                    <option data-countryCode="TL" value="670">East Timor (+670)</option>
                                    <option data-countryCode="EC" value="593">Ecuador (+593)</option>
                                    <option data-countryCode="EG" value="20">Egypt (+20)</option>
                                    <option data-countryCode="SV" value="503">El Salvador (+503)</option>
                                    <option data-countryCode="GQ" value="240">Equatorial Guinea (+240)</option>
                                    <option data-countryCode="ER" value="291">Eritrea (+291)</option>
                                    <option data-countryCode="EE" value="372">Estonia (+372)</option>
                                    <option data-countryCode="ET" value="251">Ethiopia (+251)</option>
                                    <option data-countryCode="FK" value="500">Falkland Islands (+500)</option>
                                    <option data-countryCode="FO" value="298">Faroe Islands (+298)</option>
                                    <option data-countryCode="FJ" value="679">Fiji (+679)</option>
                                    <option data-countryCode="FI" value="358">Finland (+358)</option>
                                    <option data-countryCode="FR" value="33" >France (+33)</option>
                                    <option data-countryCode="GF" value="594">French Guiana (+594)</option>
                                    <option data-countryCode="PF" value="689">French Polynesia (+689)</option>
                                    <option data-countryCode="GA" value="241">Gabon (+241)</option>
                                    <option data-countryCode="GM" value="220">Gambia (+220)</option>
                                    <option data-countryCode="GE" value="995">Georgia (+995)</option>
                                    <option data-countryCode="DE" value="49" >Germany (+49)</option>
                                    <option data-countryCode="GH" value="233">Ghana (+233)</option>
                                    <option data-countryCode="GI" value="350">Gibraltar (+350)</option>
                                    <option data-countryCode="GR" value="30">Greece (+30)</option>
                                    <option data-countryCode="GL" value="299">Greenland (+299)</option>
                                    <option data-countryCode="GD" value="1473">Grenada (+1473)</option>
                                    <option data-countryCode="GP" value="590">Guadeloupe (+590)</option>
                                    <option data-countryCode="GU" value="671">Guam (+671)</option>
                                    <option data-countryCode="GT" value="502">Guatemala (+502)</option>
                                    <option data-countryCode="GN" value="224">Guinea (+224)</option>
                                    <option data-countryCode="GW" value="245">Guinea - Bissau (+245)</option>
                                    <option data-countryCode="GY" value="592">Guyana (+592)</option>
                                    <option data-countryCode="HT" value="509">Haiti (+509)</option>
                                    <option data-countryCode="HN" value="504">Honduras (+504)</option>
                                    <option data-countryCode="HK" value="852">Hong Kong (+852)</option>
                                    <option data-countryCode="HU" value="36">Hungary (+36)</option>
                                    <option data-countryCode="IS" value="354">Iceland (+354)</option>
                                    <option data-countryCode="IN" value="91">India (+91)</option>
                                    <option data-countryCode="ID" value="62">Indonesia (+62)</option>
                                    <option data-countryCode="IR" value="98">Iran (+98)</option>
                                    <option data-countryCode="IQ" value="964">Iraq (+964)</option>
                                    <option data-countryCode="IE" value="353">Ireland (+353)</option>
                                    <option data-countryCode="IT" value="39" >Italy (+39)</option>
                                    <option data-countryCode="JM" value="1876">Jamaica (+1876)</option>
                                    <option data-countryCode="JP" value="81">Japan (+81)</option>
                                    <option data-countryCode="JO" value="962">Jordan (+962)</option>
                                    <option data-countryCode="KZ" value="7">Kazakhstan (+7)</option>
                                    <option data-countryCode="KE" value="254">Kenya (+254)</option>
                                    <option data-countryCode="KI" value="686">Kiribati (+686)</option>
                                    <option data-countryCode="KP" value="850">Korea North (+850)</option>
                                    <option data-countryCode="KR" value="82">Korea South (+82)</option>
                                    <option data-countryCode="KW" value="965">Kuwait (+965)</option>
                                    <option data-countryCode="KG" value="996">Kyrgyzstan (+996)</option>
                                    <option data-countryCode="LA" value="856">Laos (+856)</option>
                                    <option data-countryCode="LV" value="371">Latvia (+371)</option>
                                    <option data-countryCode="LB" value="961">Lebanon (+961)</option>
                                    <option data-countryCode="LS" value="266">Lesotho (+266)</option>
                                    <option data-countryCode="LR" value="231">Liberia (+231)</option>
                                    <option data-countryCode="LY" value="218">Libya (+218)</option>
                                    <option data-countryCode="LI" value="417">Liechtenstein (+417)</option>
                                    <option data-countryCode="LT" value="370">Lithuania (+370)</option>
                                    <option data-countryCode="LU" value="352">Luxembourg (+352)</option>
                                    <option data-countryCode="MO" value="853">Macao (+853)</option>
                                    <option data-countryCode="MK" value="389">Macedonia (+389)</option>
                                    <option data-countryCode="MG" value="261">Madagascar (+261)</option>
                                    <option data-countryCode="MW" value="265">Malawi (+265)</option>
                                    <option data-countryCode="MY" value="60">Malaysia (+60)</option>
                                    <option data-countryCode="MV" value="960">Maldives (+960)</option>
                                    <option data-countryCode="ML" value="223">Mali (+223)</option>
                                    <option data-countryCode="MT" value="356">Malta (+356)</option>
                                    <option data-countryCode="MH" value="692">Marshall Islands (+692)</option>
                                    <option data-countryCode="MQ" value="596">Martinique (+596)</option>
                                    <option data-countryCode="MR" value="222">Mauritania (+222)</option>
                                    <option data-countryCode="YT" value="269">Mayotte (+269)</option>
                                    <option data-countryCode="MX" value="52">Mexico (+52)</option>
                                    <option data-countryCode="FM" value="691">Micronesia (+691)</option>
                                    <option data-countryCode="MD" value="373">Moldova (+373)</option>
                                    <option data-countryCode="MC" value="377">Monaco (+377)</option>
                                    <option data-countryCode="MN" value="976">Mongolia (+976)</option>
                                    <option data-countryCode="MS" value="1664">Montserrat (+1664)</option>
                                    <option data-countryCode="MA" value="212">Morocco (+212)</option>
                                    <option data-countryCode="MZ" value="258">Mozambique (+258)</option>
                                    <option data-countryCode="MN" value="95">Myanmar (+95)</option>
                                    <option data-countryCode="NA" value="264">Namibia (+264)</option>
                                    <option data-countryCode="NR" value="674">Nauru (+674)</option>
                                    <option data-countryCode="NP" value="977">Nepal (+977)</option>
                                    <option data-countryCode="NL" value="31">Netherlands (+31)</option>
                                    <option data-countryCode="NC" value="687">New Caledonia (+687)</option>
                                    <option data-countryCode="NZ" value="64">New Zealand (+64)</option>
                                    <option data-countryCode="NI" value="505">Nicaragua (+505)</option>
                                    <option data-countryCode="NE" value="227">Niger (+227)</option>
                                    <option data-countryCode="NG" value="234">Nigeria (+234)</option>
                                    <option data-countryCode="NU" value="683">Niue (+683)</option>
                                    <option data-countryCode="NF" value="672">Norfolk Islands (+672)</option>
                                    <option data-countryCode="NP" value="670">Northern Marianas (+670)</option>
                                    <option data-countryCode="NO" value="47">Norway (+47)</option>
                                    <option data-countryCode="OM" value="968">Oman (+968)</option>
                                    <option data-countryCode="PW" value="680">Palau (+680)</option>
                                    <option data-countryCode="PA" value="507">Panama (+507)</option>
                                    <option data-countryCode="PG" value="675">Papua New Guinea (+675)</option>
                                    <option data-countryCode="PY" value="595">Paraguay (+595)</option>
                                    <option data-countryCode="PE" value="51">Peru (+51)</option>
                                    <option data-countryCode="PH" value="63">Philippines (+63)</option>
                                    <option data-countryCode="PL" value="48">Poland (+48)</option>
                                    <option data-countryCode="PT" value="351">Portugal (+351)</option>
                                    <option data-countryCode="PR" value="1787">Puerto Rico (+1787)</option>
                                    <option data-countryCode="QA" value="974">Qatar (+974)</option>
                                    <option data-countryCode="RE" value="262">Reunion (+262)</option>
                                    <option data-countryCode="RO" value="40">Romania (+40)</option>
                                    <option data-countryCode="RU" value="7">Russia (+7)</option>
                                    <option data-countryCode="RW" value="250">Rwanda (+250)</option>
                                    <option data-countryCode="SM" value="378">San Marino (+378)</option>
                                    <option data-countryCode="ST" value="239">Sao Tome &amp; Principe (+239)</option>
                                    <option data-countryCode="SA" value="966">Saudi Arabia (+966)</option>
                                    <option data-countryCode="SN" value="221">Senegal (+221)</option>
                                    <option data-countryCode="CS" value="381">Serbia (+381)</option>
                                    <option data-countryCode="SC" value="248">Seychelles (+248)</option>
                                    <option data-countryCode="SL" value="232">Sierra Leone (+232)</option>
                                    <option data-countryCode="SG" value="65">Singapore (+65)</option>
                                    <option data-countryCode="SK" value="421">Slovak Republic (+421)</option>
                                    <option data-countryCode="SI" value="386">Slovenia (+386)</option>
                                    <option data-countryCode="SB" value="677">Solomon Islands (+677)</option>
                                    <option data-countryCode="SO" value="252">Somalia (+252)</option>
                                    <option data-countryCode="ZA" value="27">South Africa (+27)</option>
                                    <option data-countryCode="ES" value="34">Spain (+34)</option>
                                    <option data-countryCode="LK" value="94">Sri Lanka (+94)</option>
                                    <option data-countryCode="SH" value="290">St. Helena (+290)</option>
                                    <option data-countryCode="KN" value="1869">St. Kitts (+1869)</option>
                                    <option data-countryCode="SC" value="1758">St. Lucia (+1758)</option>
                                    <option data-countryCode="SD" value="249">Sudan (+249)</option>
                                    <option data-countryCode="SR" value="597">Suriname (+597)</option>
                                    <option data-countryCode="SZ" value="268">Swaziland (+268)</option>
                                    <option data-countryCode="SE" value="46">Sweden (+46)</option>
                                    <option data-countryCode="CH" value="41">Switzerland (+41)</option>
                                    <option data-countryCode="SI" value="963">Syria (+963)</option>
                                    <option data-countryCode="TW" value="886">Taiwan (+886)</option>
                                    <option data-countryCode="TJ" value="992">Tajikistan (+992)</option>
                                    <option data-countryCode="TH" value="66">Thailand (+66)</option>
                                    <option data-countryCode="TG" value="228">Togo (+228)</option>
                                    <option data-countryCode="TO" value="676">Tonga (+676)</option>
                                    <option data-countryCode="TT" value="1868">Trinidad &amp; Tobago (+1868)</option>
                                    <option data-countryCode="TN" value="216">Tunisia (+216)</option>
                                    <option data-countryCode="TR" value="90">Turkey (+90)</option>
                                    <option data-countryCode="TM" value="7">Turkmenistan (+7)</option>
                                    <option data-countryCode="TM" value="993">Turkmenistan (+993)</option>
                                    <option data-countryCode="TC" value="1649">Turks &amp; Caicos Islands (+1649)</option>
                                    <option data-countryCode="TV" value="688">Tuvalu (+688)</option>
                                    <option data-countryCode="UG" value="256">Uganda (+256)</option>
                                    <option data-countryCode="GB" value="44">UK (+44)</option>
                                    <option data-countryCode="UA" value="380">Ukraine (+380)</option>
                                    <option data-countryCode="AE" value="971">United Arab Emirates (+971)</option>
                                    <option data-countryCode="UY" value="598">Uruguay (+598)</option>
                                    <option data-countryCode="US" value="1">USA (+1)</option>
                                    <option data-countryCode="UZ" value="7">Uzbekistan (+7)</option>
                                    <option data-countryCode="VU" value="678">Vanuatu (+678)</option>
                                    <option data-countryCode="VA" value="379">Vatican City (+379)</option>
                                    <option data-countryCode="VE" value="58">Venezuela (+58)</option>
                                    <option data-countryCode="VN" value="84">Vietnam (+84)</option>
                                    <option data-countryCode="VG" value="84">Virgin Islands - British (+1284)</option>
                                    <option data-countryCode="VI" value="84">Virgin Islands - US (+1340)</option>
                                    <option data-countryCode="WF" value="681">Wallis &amp; Futuna (+681)</option>
                                    <option data-countryCode="YE" value="969">Yemen (North)(+969)</option>
                                    <option data-countryCode="YE" value="967">Yemen (South)(+967)</option>
                                    <option data-countryCode="ZM" value="260">Zambia (+260)</option>
                                    <option data-countryCode="ZW" value="263">Zimbabwe (+263)</option>
                                </select>
                        <ion-icon name="chevron-down-outline" class="bf-select-chevron"></ion-icon>
                    </div>
                </div>
                <div class="bf-phone-mobile-wrap bf-field-wrap tw-relative tw-group">
                    <ion-icon name="call-outline" class="bf-field-icon"></ion-icon>
                    <input type="text" class="form-control bf-input-icon" value="" placeholder="Mobile" name="UserPhone" oninput="this.value = this.value.replace(/[^0-9]/g, '')"  id="UserPhone" required minlength="6" maxlength="16">
                </div>
            </div>
            <div class="book-form-proto-dates">
                <div class="book-form-proto-section-label"><ion-icon name="calendar-clear-outline"></ion-icon><span>Travel Dates</span></div>
                <div class="bf-dates-row tw-flex tw-gap-2 tw-items-center">
                <div class="bf-date-field tw-flex-1">
                    <div class="form-group label-floating mb-0">
                        <div id="Arrival2">
                            <input name="arrival" value=""  type="text" class="form-control datepicker" id="datepickerArrival2" placeholder="From *" required readonly>
                        </div>
                    </div>
                </div>
                <span class="tw-text-gray-400 tw-text-sm tw-shrink-0">to</span>
                <div class="bf-date-field tw-flex-1">
                    <div class="form-group label-floating mb-0">
                        <div id="Departure2">
                            <input name="departure" value=""  type="text" class="form-control datepicker" id="datepickerDeparture2" placeholder="To" readonly>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <div class="book-form-proto-pax">
                <div class="book-form-proto-section-label"><ion-icon name="people-circle-outline"></ion-icon><span>Travelers</span></div>
                <div class="tw-grid tw-grid-cols-3 tw-gap-2 tw-text-center bf-pax-grid">
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Adults</div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="minus" data-field="adults_book">−</button></span>
                                <input id="adults_book" type="text" name="adults" class="form-control input-number book_all" value="2" min="1" max="100" readonly>
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="adults_book">+</button></span>
                            </div>
                        </div>
                    </div>
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Kids <span class="bf-pax-label-sub">(2 to 11 years)</span></div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" disabled="disabled" data-type="minus" data-field="children_book">−</button></span>
                                <input id="children_book" type="text" name="children" class="form-control input-number book_all" value="0" min="0" max="10" readonly onchange="paxOnChangeAll('1', this.value, 'Child', this, 9);">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="children_book">+</button></span>
                            </div>
                        </div>
                    </div>
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Infants <span class="bf-pax-label-sub">(0 to 2 years)</span></div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" disabled="disabled" data-type="minus" data-field="infants_book">−</button></span>
                                <input id="infants_book" type="text" name="infants" class="form-control input-number book_all" value="0" min="0" max="10" readonly onchange="paxOnChangeAll('1', this.value, 'Infant', this, 9);">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="infants_book">+</button></span>
                            </div>
                        </div>
                    </div>
                </div>
                                <div id="ageInputDiv" class="form-group label-floating hidden">
                    <div class="unit size4of7"><div class="mrm mts div-0"> </div></div>
                    <div id="input" class="unit size3of7 lastUnit div-1"> </div>
                </div>
                <div class="row" id="1" ageDesc="child"> </div>
                <div id="1" ageDesc="infant"> </div>
            </div>
            <div class="bf-comment-wrap">
                <textarea minlength="20" required placeholder="Please advise your tour requirements" class="form-control bf-comment" name="comment" id="comment" autocomplete="off"></textarea>
            </div>
            <div class="bf-submit-wrap">
                <div class="form-group mt-2 p-0 mb-0">
                    <div id='recaptcha' class="g-recaptcha"
                        data-sitekey="6LdVl20sAAAAAG04yGDIUthLCMlENTfNrHKxdsO0"
                        data-callback="SubmitForm"
                        data-size="invisible">
                    </div>
                </div>
                <button class="new_btn_book tw-w-full tw-group tw-overflow-hidden tw-relative" type="submit" id="Enquire-btn">
                    <span class="btn-submit-text tw-relative tw-z-10">Submit</span>
                    <ion-icon name="paper-plane" class="tw-relative tw-z-10"></ion-icon>
                    <span class="btn-loading-spinner" aria-hidden="true"></span>
                </button>
            </div>
                        <input type="hidden" id="url_goal" name="url_goal" value="general">
            <input type="hidden" id="program_id" name="program_id" value="0">
                        <input type="hidden" id="gtm_destination" value="Jordan">
            <input type="hidden" id="gtm_currency" value="USD">
        </form>
    </div>
        </div>
    </div>
</aside>
            </div>

        </div>
    </div>
</section>

<style>
    .home-packages-section .home_sub_filrers { margin: 0; gap: 0; }
    .home-packages-section .home_sub_filrers > div:first-child { display: none; }
    .home-packages-section .home_sub_filrers select {
        background: #fff; border: none; font-size: 1rem; font-weight: 700; color: #0a2b4b;
        padding: 0.25rem 0.5rem; border-radius: 0.5rem; cursor: pointer;
    }
    .home-packages-pagination a { text-decoration: none; }
    .home-packages-pagination .home-pag-btn,
    .home-packages-pagination .home-pag-num { box-sizing: border-box; }
    #programs.tw-hidden { display: none !important; }
</style>



<section class="tw-bg-white tw-py-16 tw-border-t tw-border-gray-100" id="faq-section" itemscope itemtype="https://schema.org/FAQPage">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-text-center tw-mb-12">
            <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-block tw-mb-2">Support</span>
            <h2 class="tw-text-4xl md:tw-text-5xl lg:tw-text-7xl tw-font-serif tw-text-navy">Frequently Asked Questions</h2>
            <p class="tw-text-gray-500 tw-max-w-2xl tw-mx-auto tw-mt-4 tw-text-base md:tw-text-lg">Got questions? We’ve got answers. Find everything you need to know to plan your perfect trip.</p>
        </div>
        <div id="faq-container" class="tw-space-y-4 tw-max-w-5xl tw-mx-auto">
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="0" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(0)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Where can I exchange currency?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-0" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-0" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The best currency to take to Egypt is the local currency, the Egyptian pound. However, GBP, Euro, and US dollars are highly exchangeable at local banks, currency exchange offices, and ATM machines.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(1)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is Jordan safe to visit?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-1" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-1" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Jordan is a very safe and stable country. Travelers are able to move around the country freely without extra concern for their safety.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="2" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(2)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Why book with Memphis Tours?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">We have been in the business since 1955 and pride ourselves on using this experience to create consistently high quality, personalized tour experiences.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="3" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(3)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there a special rate for private groups booking with Memphis Tours?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-3" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-3" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Yes, Memphis Tours does provide a discount for private trips booked with large groups.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="4" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(4)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">How much will I have to pay as a deposit? </span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-4" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-4" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The deposit required will be 25% of the total price of the tour, except during peak travel times around Christmas and New Years, when the deposit will be 50% of the total price.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="5" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(5)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any surcharge on transactions completed using a debit or credit card?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-5" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-5" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Memphis Tours does not charge any additional fees or surcharges on any debit or credit card transactions. We accept Visa and MasterCard.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(6)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do Jordanians speak languages other than Arabic?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-6" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-6" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Most Jordanians, who live in the cities, speak or understand at least some English words or phrases.

Fewer Jordanians can speak French, Italian, Spanish, and German.

professionals, who work in the tourism sector, are accustomed to visitors who cannot speak Arabic and they will speak enough English and other languages to fulfill the needs of most travelers.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="7" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(7)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is it a common practice to give tips in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-7" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-7" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Service charges that have been included on your bill go to the restaurant, not the waiter. Be sure to tip the servers 10% in addition by handing it to them directly.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="8" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(8)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What is the official currency in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-8" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-8" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The currency in Jordan is the Jordanian Dinar. The value of the dinar is effectively fixed at the rate of .71 JD to 1 USD (.91 JD to 1 Euro).</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="9" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(9)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Will I be able to exchange dollars, Euros, or other currencies in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-9" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-9" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Changing money is very easy in Jordan, and most major currencies are accepted in cash and travelers cheques. US dollars are the most accepted, followed by UK pounds and euros; you'll get nowhere with Australian or New Zealand dollars.

There are no restrictions on bringing dinars into Jordan. It's possible to change dinars back into some foreign currencies in Jordan, but you'll need to show receipts to prove that you changed your currency into dinars at a bank in Jordan.

Banks seem to offer slightly better rates than money changers for cash, but the difference is not worth worrying about unless you're going to change a huge amount. Most large hotels will change money (sometimes for guests only) but rates are always lower than those offered by the banks and money changers. There are small branches of major banks at the borders and at the airports.

</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="10" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(10)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do I have to learn Arabic in order to enjoy my visit to Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-10" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-10" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">It is always good to learn a few Arabic words to expressing greetings or thanks. If you are planning to visit some places other than popular tourist destinations, it is advisable to learn some Arabic phrases.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="11" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(11)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Can I take pictures while visiting the monuments in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-11" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-11" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Photography is allowed in most of the historical sites and museums in Jordan, but some of them have extra charges for taking in a camera.

in some museums and some historical sites, photography is prohibited and visitors are asked to leave their cameras at the reception before entering.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="12" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(12)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any special dress code to be followed during visiting a mosque in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-12" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-12" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">modest dress would be highly recommended and in some mosques, women will be asked to cover their hair and perhaps their arms and legs.

Both women and men will be asked to remove their shoes before entering a mosque.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="13" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(13)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any special advice for women travelers while visiting Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-13" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-13" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">In less touristic places, relatively modest dress is recommended. 

Women should avoid very tight clothing, keep their shoulders and knees covered, and avoid very revealing necklines. Men should also avoid particularly revealing clothing.
 
wearing shorts is not very common among Jordanians. Dressing with relative modesty is a way of respecting the local culture.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="14" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(14)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do I need a visa to enter Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-14" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-14" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">All visitors to Jordan that are not citizens of Turkey or certain Arab countries are required to have a visa to enter the Kingdom of Jordan.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="15" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(15)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">When is the best time to visit Jordan for general sightseeing?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-15" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-15" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The months from March to October are the best time to visit Jordan as the climate is milder and comfortable for sightseeing. You will find many Jordan travel packages suitable for this period of the year. As well, it is the best period of the year if you want to try a combined Jordan and Egypt tour, as the weather in Egypt becomes very moderate during these months.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="16" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(16)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Are there any health issues that I should worry about in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-16" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-16" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">There are no general health issues to worry about for traveling to Jordan aside from the normal issues that one faces traveling to a new place. 

Jordan is a center for medical tourism in the region and has a very well regarded health care system that is centered around Amman.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="17" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(17)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What different types of hotels are there in hotels in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-17" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-17" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">During Jordan vacations, accommodations for travelers in Jordan fall across a broad range — everything from world-class luxury to simple hostel accommodations are available. 

The nicest hotels compare well with luxury hotels anywhere, coming from international hotel chains like Movenpick, Hilton, Four Seasons, and Sofitel. All these luxury hotels are included in our Jordan travel packages. As well as, a step down from these are a variety of local hotels that ranges from luxurious to simple.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="18" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(18)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Will it be easy for me to find transportation from the Amman Airport to other destinations in the city?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-18" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-18" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">There are many taxis available that will take you to any place in Amman. A 10 km ride should cost around 2 JD. 

Many will also be willing to take you to other parts of Jordan, but you should negotiate the price beforehand. 

The Airport Express bus runs between Amman Airport and central Amman. The bus costs 3 JD and they usually run every 30 minutes from 6 AM to 6 PM and every hour at night. The trip take between 45 minutes and an hour.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="19" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(19)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What is the best way to get around while in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-19" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-19" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The easiest way to get around in Jordan is to use the plentiful taxis. Most taxis have meters if you are in Amman you can depend on this. 

A 10 KM trip should be around 2 JD on the meter. Outside of Amman it may be necessary to negotiate a price before you leave. It is also possible to arrange with one driver to use them for a whole day.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="20" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(20)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">How much should I tip?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-20" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-20" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">In a restaurant, it is good to give between 5 and 10% tip directly to the waiter.

For a small favor, like carrying luggage or parking a car, a few Egyptian pounds would be appropriate. Not more than five.

Tipping your tour guide and vehicle driver is completely optional but should be considered if you're provided with great service. If you decide to tip feel free to give what you think your experience was worth.</div>
                    </div>
                </div>
            </div>
                    </div>
                <div id="faq-load-more-wrap" class="tw-text-center tw-mt-8">
            <button type="button" onclick="loadMoreFAQs()" class="tw-px-8 tw-py-3 tw-bg-white tw-border tw-border-gray-300 tw-rounded-lg tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all tw-duration-300">
                Load More FAQs            </button>
        </div>
            </div>
</section>
<section class="tw-relative tw-py-24 lg:tw-py-32 tw-overflow-hidden tw-group/testimonials" id="home-reviews-section">
    <div class="tw-absolute tw-inset-0 tw-z-0 tw-bg-gradient-to-br tw-from-navy tw-via-[#0e3b66]">
        <div class="tw-absolute tw-inset-0 tw-opacity-5" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
    </div>

    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-relative tw-z-10">
        <div class="tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center">
            <div class="lg:tw-col-span-4 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left">
                <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-text-sm tw-mb-4 tw-block">Voices of Experience</span>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-white tw-mb-8 tw-leading-tight">
                    Stories from<br />
                    <span class="tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-gold tw-to-amber-300">Our Community</span>
                </h2>
                <p class="tw-text-gray-300 tw-text-lg tw-mb-12 tw-leading-relaxed tw-opacity-90 tw-max-w-md tw-mx-auto lg:tw-mx-0">
                    Join :count travelers who have uncovered the magic of :destination with our expert guidance.                </p>
                <div class="tw-flex tw-flex-row lg:tw-flex-col tw-gap-6 tw-justify-center lg:tw-justify-start">
                    <a href="https://g.co/kgs/wUs9Q45" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
                        <div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
                            <img src="/theme/Com2025/img/google.svg" alt="Google" class="tw-w-5 tw-h-5" loading="lazy">
                        </div>
                        <div class="tw-text-left tw-hidden md:tw-block">
                            <div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">Google</div>
                            <div class="tw-flex tw-text-amber-400 tw-text-[10px] tw-gap-0.5">
                                <ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon>                            </div>
                        </div>
                    </a>
                    <a href="https://www.tripadvisor.com/Attraction_Review-g294201-d20398123-Reviews-Memphis_Tours-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
                        <div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
                            <img src="/theme/Com2025/img/tripadvisor.svg" alt="TripAdvisor" class="tw-w-6 tw-h-6 tw-object-contain" loading="lazy">
                        </div>
                        <div class="tw-text-left tw-hidden md:tw-block">
                            <div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">TripAdvisor</div>
                            <div class="tw-flex tw-text-[#00AA6C] tw-text-[8px] tw-gap-0.5">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span>                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="lg:tw-col-span-8 tw-relative">
                <div class="tw-flex tw-items-end tw-justify-end tw-mb-8 tw-gap-4 tw-px-4 lg:tw-px-0">
                    <button type="button" id="prev-review"
                        class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
                        aria-label="Previous review">
                        <ion-icon name="arrow-back-outline" class="tw-text-xl group-hover:-tw-translate-x-1 tw-transition-transform"></ion-icon>
                    </button>
                    <button type="button" id="next-review"
                        class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
                        aria-label="Next review">
                        <ion-icon name="arrow-forward-outline" class="tw-text-xl group-hover:tw-translate-x-1 tw-transition-transform"></ion-icon>
                    </button>
                </div>

                <div id="reviews-scroll" class="tw-flex tw-overflow-x-auto tw-pb-8 tw-snap-x tw-snap-mandatory no-scrollbar" style="scroll-behavior: smooth;">
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    T                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Thomas Henry</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Professional tour guides and nice accommodations&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The tour guides were professional and friendly, and the accommodations were comfortable and clean. I would highly recommend this tour to anyone looking for an unforgettable adventure.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maria Rodriguez</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star" class="tw-opacity-30"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great Guide&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had a good experience on the &amp;#39;Taste of Jordan in Petra Tour&amp;#39; with Memphis Tours. Petra was definitely the highlight of the trip, and the food throughout the tour was delicious.However, there was an issue that our driver was a little late on our trip towards north to Jerash, but Our guide did his best to resolve the issue. Despite this, I still enjoyed the tour and would recommend it to others.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maddie M. Stevens</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo; Two Incredible Countries&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This trip exceeded my expectations and I would highly recommend it to anyone interested in exploring the history and culture of these two incredible countries.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
                                    O                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Olivia Smith</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great time&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Such an amazing and well-organized trip. Tour guides and drivers were very professional.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    S                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Sally Jacobs</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Perfect Tour Ever!!&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This trip exceeded my expectations and I would highly recommend it to anyone interested in exploring the history and culture of these two incredible countries.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    A                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Ava Taylor	</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great way to explore Latin America&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Such an amazing and well-organized trip. Highly Recommend it.
&amp;nbsp;
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
                                    I                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Isabella Wilson    </h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Best Time&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had the best time on my trip! Our guide was knowledgeable and passionate about the places we visited, and always made sure that everyone was having a great time. His enthusiasm for the local cultures&amp;nbsp;was contagious and I felt like I gained so much from our experience.&amp;nbsp;
&amp;nbsp;
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
                                    A                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Amy Hills</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Thanks Memphis Tours&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had an amazing time on the &amp;#39;Taste of Jordan in Petra Tour&amp;#39; with Memphis Tours. Our guide was fantastic and went out of his way to ensure we had a great experience. Petra was absolutely stunning, and the food throughout the trip was delicious. I also really enjoyed the visit to Roman Empire. This tour was a great way to experience the best of Jordan, and I would highly recommend it.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    N                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Nora</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Best 12 days&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I and my husband chose the &amp;quot;Mexico, Peru, and Brazil Tour&amp;quot; for my husband&amp;#39;s birthday, It was really worth it, we had so much fun and we saw many places that we heard about before. Thank you Memphis Tours for the amazing itinerary.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maddie M. Stevens</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Amazing Trip&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The itinerary was well thought-out and allowed us to see all the major sites in both countries. The accommodations were comfortable and the food was delicious. I especially enjoyed visiting the Temple of Karnak and the ancient city of Jerash.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                    </div>
            </div>
        </div>
    </div>

    <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-overflow-hidden tw-leading-none tw-z-10 tw-pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"
            class="tw-relative tw-block tw-w-[calc(100%+1.3px)] tw-h-[60px] lg:tw-h-[100px] tw-text-white tw-fill-current">
            <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"></path>
        </svg>
    </div>
</section>

    <section class="tw-bg-white tw-py-12 md:tw-py-24 tw-border-t tw-border-gray-100" id="discover-more">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-mb-16 tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-end tw-gap-6">
            <div>
                <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-mb-2 tw-block">Curated Collections</span>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Discover More About :destination</h2>
            </div>
            <p class="tw-text-gray-500 tw-max-w-md tw-text-right md:tw-text-left">Explore unique stories, insider tips, and must-see spots to make the most of your visit.</p>
        </div>

        <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-6 lg:tw-auto-rows-min">

                        <div class="lg:tw-col-span-2 tw-relative tw-rounded-[2.5rem] tw-overflow-hidden tw-group tw-min-h-[450px] lg:tw-min-h-[500px] tw-shadow-2xl tw-flex tw-flex-col tw-justify-end">
                <img src="/theme/Com2025/img/main_slider_image.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[20s] group-hover:tw-scale-105" alt="Top Rated Tours" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
                <div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
                    <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
                    <span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
                </div>
                <div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
                    <div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
                        <div>
                            <h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Top Rated Tours</h3>
                            <p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
                        </div>
                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-inline-flex tw-items-center tw-gap-2 tw-px-6 tw-py-3 tw-bg-white tw-text-navy tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:tw-text-white tw-transition-all tw-shadow-lg active:tw-scale-95 tw-shrink-0">
                            View Collection                        </a>
                    </div>
                    <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Road to Petra</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-private-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Taste of Jordan Tour</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/luxury-tour-to-jordan" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden tw-hidden md:tw-block">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Luxury Jordan Tour</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                            </div>
                </div>
            </div>
            
                        <div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
                <div>
                    <div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
                        <ion-icon name="compass"></ion-icon>
                    </div>
                    <h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Places to Visit</h3>
                    <p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
                </div>
                <div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Petra-Attractions/wiki/Petra" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-purple-100 hover:tw-bg-purple-50 hover:tw-text-purple-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="diamond-outline" class="tw-text-3xl tw-mb-2 tw-text-purple-600/70 group-hover/style:tw-text-purple-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Petra</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Amman-Attraction/wiki/Amman" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-cyan-100 hover:tw-bg-cyan-50 hover:tw-text-cyan-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="boat-outline" class="tw-text-3xl tw-mb-2 tw-text-cyan-600/70 group-hover/style:tw-text-cyan-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Amman</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Jerash-Attractions/wiki/Jerash" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-orange-100 hover:tw-bg-orange-50 hover:tw-text-orange-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="compass-outline" class="tw-text-3xl tw-mb-2 tw-text-orange-600/70 group-hover/style:tw-text-orange-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Jerash</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Kerak-Attractions/wiki/karak-travel-guide" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-red-100 hover:tw-bg-red-50 hover:tw-text-red-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="people-outline" class="tw-text-3xl tw-mb-2 tw-text-red-600/70 group-hover/style:tw-text-red-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Kerak</span>
                    </a>
                                    </div>
                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Petra-Attractions/wiki/Petra" target="_blank" rel="noopener noreferrer"
                    class="tw-text-center tw-w-full tw-block tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs hover:tw-text-navy tw-transition-colors">View All Styles</a>
                            </div>
            
                        <div class="tw-bg-navy tw-rounded-[2.5rem] tw-relative tw-overflow-hidden tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/dest tw-shadow-xl hover:tw-shadow-2xl tw-transition-all tw-min-h-[400px]">
                <div class="tw-absolute tw-inset-0 tw-opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
                <div class="tw-absolute tw-top-0 tw-right-0 tw-w-64 tw-h-64 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-translate-x-1/2 -tw-translate-y-1/2 tw-transition-transform tw-duration-700 group-hover/dest:tw-scale-150"></div>
                <div class="tw-relative tw-z-10 tw-flex-1">
                    <div class="tw-flex tw-justify-between tw-items-start tw-mb-6">
                        <div class="tw-w-14 tw-h-14 tw-bg-white/5 tw-border tw-border-white/10 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-gold tw-text-2xl group-hover/dest:tw-bg-gold group-hover/dest:tw-border-gold group-hover/dest:tw-text-navy tw-transition-all tw-duration-500 group-hover/dest:tw-scale-105">
                            <ion-icon name="map"></ion-icon>
                        </div>
                        <span class="tw-px-3 tw-py-1 tw-bg-white/10 tw-text-white tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-backdrop-blur-md">9+ Places</span>
                    </div>
                    <h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Inspiring Articles</h3>
                    <p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
                    <ul class="tw-space-y-4">
                                                                        <li>
                            <a href="https://www.memphistours.com/blog/must-try-foods-in-jordan" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">12 Must-Try Foods in Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                                <hr class="tw-border-white/5">                        <li>
                            <a href="https://www.memphistours.com/blog/must-do-activities-and-things-to-do-in-jordan" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">10 Must-Do Activities and Things to Do in Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                                <hr class="tw-border-white/5">                        <li>
                            <a href="https://www.memphistours.com/blog/floating-in-jordan-s-dead-sea" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Healing and Floating in the Dead Sea of Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                            </ul>
                </div>
                <div class="tw-relative tw-z-10 tw-mt-8">
                    <a href="https://www.memphistours.com/blog/must-try-foods-in-jordan" target="_blank" rel="noopener noreferrer"
                        class="tw-inline-flex tw-items-center tw-justify-center tw-w-full tw-gap-2 tw-p-3 tw-bg-white/5 hover:tw-bg-gold tw-text-white hover:tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs tw-rounded-xl tw-transition-all">
                        Explore All <ion-icon name="arrow-forward"></ion-icon>
                    </a>
                </div>
            </div>
            
                        <div class="lg:tw-col-span-2 tw-bg-gradient-to-br tw-from-cream tw-to-tan-light tw-rounded-[2.5rem] tw-p-8 lg:tw-p-10 tw-flex tw-flex-col md:tw-flex-row tw-gap-8 tw-items-center tw-relative tw-overflow-hidden tw-group/journal tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-border tw-border-gold/10 hover:tw-border-gold/30 tw-transition-colors tw-min-h-[400px]">
                <div class="tw-absolute -tw-bottom-32 -tw-right-32 tw-w-96 tw-h-96 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-transition-transform tw-duration-1000 group-hover/journal:tw-scale-150"></div>
                <div class="tw-flex-1 tw-relative tw-z-10 tw-w-full md:tw-pr-4">
                    <div class="tw-w-14 tw-h-14 tw-bg-white tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 tw-shadow-sm group-hover/journal:-tw-translate-y-1 tw-transition-transform tw-duration-500 tw-border tw-border-gray-100">
                        <ion-icon name="book"></ion-icon>
                    </div>
                    <div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1 tw-bg-green-100/80 tw-text-green-700 tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-mb-4 tw-border tw-border-green-200 tw-backdrop-blur-sm">
                        <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-green-500 tw-animate-pulse"></span> Expert Guides                    </div>
                    <h3 class="tw-text-4xl lg:tw-text-5xl tw-font-serif tw-text-navy tw-mb-4 tw-leading-tight">Travel Journal</h3>
                    <p class="tw-text-gray-600 tw-text-sm tw-mb-8 tw-max-w-sm tw-leading-relaxed">Expert advice, insider stories, and comprehensive guides for your perfect trip to :destination.</p>
                    <a href="/blog"                        class="tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-3.5 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:-tw-translate-y-1 tw-transition-all tw-shadow-lg hover:tw-shadow-xl active:tw-scale-95">
                        Read Journal                    </a>
                </div>
                <div class="tw-flex-[1.2] tw-flex tw-flex-col tw-gap-4 tw-relative tw-z-10 tw-w-full">
                                        <a href="/blog/street-food-in-istanbul-a-flavorful-guide"
                        class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
                        <div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
                            <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                        </div>
                        <div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
                            <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/806603543ece5868b71acbff2feaa2f6.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Street Food in Istanbul: A Flavorful Guide" loading="lazy">
                        </div>
                        <div class="tw-pr-6 tw-min-w-0">
                                                        <p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Food</p>
                                                        <h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Street Food in Istanbul: A Flavorful Guide</h4>
                        </div>
                    </a>
                                        <a href="/blog/egypt-and-jordan-adventure"
                        class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
                        <div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
                            <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                        </div>
                        <div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
                            <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Please Note: The images used in this article are AI generated to protect our client&#039;s privacy." loading="lazy">
                        </div>
                        <div class="tw-pr-6 tw-min-w-0">
                                                        <p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Traveler Stories</p>
                                                        <h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h4>
                        </div>
                    </a>
                                    </div>
            </div>
            
            
        </div>
    </div>
</section>

<section class="blog-section tw-bg-gray-50 tw-py-16" id="home-travel-journal">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-end tw-mb-8 tw-gap-4">
            <div>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Our Travel Journal</h2>
                <p class="tw-text-gray-600 tw-mt-2 tw-text-base tw-max-w-2xl">Explore our curated travel blogs to Stay updated with the latest travel tips, destination guides, and insider stories!</p>
            </div>
            <a href="/blog"
                class="cta-button tw-hidden sm:tw-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
                data-cta-name="see all blogs"
                data-section-title="our travel journal">
                See all Blogs            </a>
        </div>

        <div class="tw-flex tw-flex-col md:tw-flex-row tw-h-auto md:tw-h-[600px] tw-gap-4 tw-w-full tw-group/journal">
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/street-food-in-istanbul-a-flavorful-guide" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Street Food in Istanbul: A Flavorful Guide"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/806603543ece5868b71acbff2feaa2f6.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Street Food in Istanbul: A Flavorful Guide" title="Street Food in Istanbul: A Flavorful Guide" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Food</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-gold tw-text-navy tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg">Food</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Street Food in Istanbul: A Flavorful Guide</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">From simit and baklava to iconic d&amp;ouml;ner kebabs, street food in Istanbul offers a true taste of Turkish culture you won&amp;rsquo;t forget.
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/egypt-and-jordan-adventure" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes "></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Please Note: The images used in this article are AI generated to protect our client&#039;s privacy." title="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes " loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Traveler Stories</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #00000040;">Traveler Stories</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the magic of an Egypt and Jordan adventure. Explore ancient wonders, iconic landmarks, and rich history on this unforgettable tour.
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/10-things-you-must-do-in-vietnam" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Things You Must Do in Vietnam: My Travel Experience"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/145375db44a745a2c40d2d0c2f538fe8.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Woman soaking in the glow of Hoi An’s iconic lanterns." title="10 Things You Must Do in Vietnam: My Travel Experience" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Activities</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #ff808040;">Activities</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Things You Must Do in Vietnam: My Travel Experience</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">10 things to do in Vietnam for first-time travelers: explore beaches, rice terraces, cities, street food, and cultural highlights.
&amp;nbsp;
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/famous-landmarks-in-the-world" class="tw-absolute tw-inset-0 tw-z-40" aria-label="15 Most Famous Landmarks in the World"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/ded098d2aaea29267923c2180da879f7.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="15 Most Famous Landmarks in the World" title="15 Most Famous Landmarks in the World" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Attractions</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #0080ff40;">Attractions</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">15 Most Famous Landmarks in the World</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the wonders of the world as we explore the 15 most famous landmarks that have captured the hearts and imaginations of people across the globe. From iconic architectural marvels to ancient archaeological sites...</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                    </div>

        <div class="tw-mt-8 tw-text-center sm:tw-hidden">
            <a href="/blog"
                class="cta-button tw-inline-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
                data-cta-name="see all blogs"
                data-section-title="our travel journal">
                See all Blogs            </a>
        </div>
    </div>
</section>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    var blogCtaButtons = document.querySelectorAll('.blog-section .cta-button');
    blogCtaButtons.forEach(function(blogCtaButton) {
        blogCtaButton.addEventListener('click', function() {
            var sectionTitle = this.getAttribute('data-section-title') || 'our travel journal';

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'see all blogs',
                'section_title': sectionTitle,
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    });
})();
</script>

<section class="wikis-section tw-bg-[#f8f9fa] tw-py-16" id="know-more-with-memphis">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-mb-12">
            <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-wider tw-text-sm tw-block tw-mb-2">Guide</span>
            <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy tw-mb-4">Know more with Memphis</h2>
            <p class="tw-text-gray-600 tw-text-lg tw-max-w-2xl">From travel tips to destination highlights - Explore our travel guide!</p>
        </div>

        <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6">
                        <a href="/jordan/jordan-local-customs"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1477716307_576087487_922eedea238460ff676c75791a1df69f.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="About Dos and Don&#039;ts in Jordan "
                        title="About Dos and Don&#039;ts in Jordan ">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">About Dos and Don&#039;ts in Jordan </h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">A brief list of Do&amp;rsquo;s and Don&amp;#39;ts in Jordan to help visitors fit in with the locals! Know More.!
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/bethany"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/307547928_Baptism%20Scene%20of%20Jesus%20Christ%20by%20John%20the%20Baptist.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Bethany"
                        title="Bethany">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Bethany</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">The site of John the Baptist&amp;#39;s settlement at Bethany Beyond the Jordan, where Jesus was baptized, has long been known from the Bible (John 1:28 and 10:40) and from the Byzantine and medieval te...</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/jordanian-castles"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/796498349_Qasr%20Kharanah2.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Jordanian Desert Castles"
                        title="Jordanian Desert Castles">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Jordanian Desert Castles</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Jordan&amp;#39;s desert castles, beautiful examples of both early Islamic art and architecture, stand testament to a fascinating era in the country&amp;#39;s rich history.
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/christmas-traditions-in-jordan"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/291966057_8.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Christmas Traditions in Jordan"
                        title="Christmas Traditions in Jordan">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Christmas Traditions in Jordan</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">In Jordan, Christmas holidays begin in early December with dipped fruits in brandy, rum or cognac. Know More.!
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                    </div>
    </div>
</section>

    <!-- </div> -->
    
<footer class="tw-bg-white tw-relative tw-overflow-hidden tw-border-t tw-border-gray-100 tw-flex tw-flex-col tw-justify-end tw-min-h-[500px]">
    <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-z-0 tw-pointer-events-none">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-white tw-via-white/80 tw-to-transparent tw-z-10 tw-h-[60%] sm:tw-h-[40%]"></div>
        <img src="/theme/Com2025/img/memphi-footer-bk.png" alt="Memphis Tours Background Landscape"
            class="tw-w-full tw-h-auto tw-max-h-[500px] tw-object-cover tw-object-bottom tw-opacity-100 tw-mix-blend-multiply" />
    </div>

    <div class="tw-w-full tw-pt-16 tw-pb-6 tw-relative tw-z-10 tw-flex tw-flex-col tw-items-center tw-text-center tw-px-6">
        <div class="tw-mb-12">
            <a href="/" class="tw-inline-block tw-relative tw-z-10 tw-transition-transform hover:tw-scale-105">
    <img src="/theme/Com2021/img/logo.svg?v=new" alt="Memphis Tours" title="Memphis Tours" class="tw-h-[52px] tw-w-auto" />
</a>
        </div>

        <div class="tw-max-w-[1000px] tw-mx-auto tw-mb-16 tw-flex tw-flex-wrap tw-justify-center tw-gap-x-8 tw-gap-y-5 tw-text-[14px] tw-font-semibold tw-text-navy/80 tw-relative tw-z-10">
                            <a href="/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Privacy Policy                </a>
                            <a href="/general/contact-us" title="Contact Us " class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Contact Us                 </a>
                            <a href="/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Responsible Travel                </a>
                            <a href="/general/terms-conditions" title="Terms &amp; Conditions" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Terms &amp; Conditions                </a>
                            <a href="/general/why-memphis-tours" title="Why Memphis Tours" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Why Memphis Tours                </a>
                            <a href="/general/memphis-rewards-program" title="Welcome to Encore Rewards" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Welcome to Encore Rewards                </a>
                            <a href="/general/careers" title="Careers" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Careers                </a>
            
                            <a href="/Partners" title="Become a Partner" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Become a Partner</a>
            
            
                                                <a href="/jordan/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Privacy Policy                    </a>
                                    <a href="/jordan/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Responsible Travel                    </a>
                                    <a href="/jordan/general/terms-conditions" title="Terms &amp; Conditions" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Terms &amp; Conditions                    </a>
                                    <a href="/jordan/general/group-reservation" title="Group Reservation" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Group Reservation                    </a>
                                    <a href="/jordan/general/memphis-vision-and-mission" title="Vision and Mission" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Vision and Mission                    </a>
                            
                            <a href="/travel-health" title="Health Tips When it Comes to Traveling" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Health Tips When it Comes to Traveling</a>
            
                            <a href="/influencer-program" title="Influencer Collaboration with Memphis Tours" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Influencer Collaboration with Memphis Tours</a>
            
                            <a href="/group-travel-offer" title="Group Travel Offer" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Group Travel Offer</a>
                    </div>

        <div class="tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-12 tw-gap-y-6 tw-mb-12 tw-relative tw-z-10 tw-bg-white/60 tw-p-4 sm:tw-p-6 tw-rounded-2xl tw-backdrop-blur-md tw-border tw-border-white/50 tw-shadow-sm">
            <a href="/iso" class="tw-shrink-0" title="ISO">
                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-border tw-border-dashed tw-border-navy/30 tw-flex tw-flex-col tw-items-center tw-justify-center tw-relative tw-bg-white tw-shadow-sm">
                    <div
                        class="tw-absolute tw-inset-1 tw-rounded-full tw-border tw-border-navy tw-flex tw-flex-col tw-items-center tw-justify-center">
                        <span class="tw-text-navy tw-text-[5px] tw-font-bold tw-leading-none tw-tracking-widest tw-mt-1">QUALITY</span>
                        <span class="tw-text-navy tw-font-black tw-text-xl tw-leading-none">ISO</span>
                        <span class="tw-text-navy tw-text-[7px] tw-font-medium tw-leading-none tw-mb-1">9001:2015</span>
                    </div>
                </div>
            </a>

            <a href="/trip-advisor" class="tw-flex tw-items-center tw-gap-2 tw-shrink-0" title="Tripadvisor">
                <div class="tw-w-10 tw-h-10 tw-bg-[#34E0A1] tw-rounded-full tw-flex tw-gap-1 tw-items-center tw-justify-center tw-p-1.5 tw-shadow-sm tw-border tw-border-black/5">
                    <svg viewBox="0 0 24 24" fill="black" class="tw-w-full tw-h-full">
                        <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.933 13.9c-.836.837-2.185 1.053-3.216.516l-.717-.373-.717.373c-1.031.537-2.38.321-3.216-.516-.836-.836-1.053-2.185-.516-3.216l.373-.717-.373-.717c-.537-1.031-.321-2.38.516-3.216.836-.836 2.185-1.053 3.216-.516l.717.373.717-.373c1.031-.537 2.38-.321 3.216.516.836.836 1.053 2.185.516 3.216l-.373.717.373.717c.537 1.031.321 2.38-.516 3.216zm-5.65-3.65c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zm7.433 0c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5z" />
                    </svg>
                </div>
                <span class="tw-text-navy tw-font-bold tw-text-xl tw-tracking-tight tw-drop-shadow-sm">Tripadvisor</span>
            </a>

            
            <div class="tw-shrink-0">
                                    <div class="trustpilot-widget" data-locale="en-US" data-template-id="56278e9abfbbba0bdcd568bc" data-businessunit-id="4e34798f00006400051083d9" data-style-height="38px" data-style-width="220px" data-token="5c2cc159-aece-4400-bd8f-42d33b377be2">
                        <a href="https://www.trustpilot.com/review/www.memphistours.com" target="_blank" rel="noopener">
                            <!-- Trustpilot Button Mockup -->
                            <div class="tw-bg-white tw-px-3 tw-py-1.5 tw-flex tw-items-center tw-gap-1.5 tw-cursor-pointer hover:tw-bg-gray-50 tw-transition-colors tw-shadow-sm tw-border tw-border-gray-100 tw-rounded-sm">
                                <span class="tw-text-navy tw-font-bold tw-text-[13px]">Review us on</span>
                                <span class="tw-text-[#00b67a] tw-text-xl tw-leading-none -tw-tw-mt-1">★</span>
                                <span class="tw-text-navy tw-font-black tw-text-lg tw-tracking-tighter tw-leading-none">Trustpilot</span>
                            </div>
                        </a>
                    </div>
                            </div>
        </div>

        <div class="tw-mb-12">
            <div class="tw-flex tw-items-center tw-justify-center tw-gap-6 tw-text-navy/60 tw-text-[22px] tw-relative tw-z-10">
    <a aria-label="facebook" href="https://www.facebook.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-facebook"></ion-icon>
    </a>
    <a aria-label="twitter" href="https://twitter.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <svg viewBox="0 0 24 24" fill="currentColor" class="tw-w-5 tw-h-5">
            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 22.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
        </svg>
    </a>
    <a aria-label="youtube" href="https://www.youtube.com/user/toursinegypt?feature=watch" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-youtube"></ion-icon>
    </a>
    <a aria-label="tiktok" href="" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-tiktok"></ion-icon>
    </a>
    <a aria-label="pinterest" href="https://www.pinterest.com/memphistours/" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-pinterest"></ion-icon>
    </a>
    <a aria-label="instagram" href="https://instagram.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-instagram"></ion-icon>
    </a>
    <a aria-label="whatsapp" href="https://whatsapp.com/channel/0029VbBPpZUDZ4LVyznHJp0P" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-whatsapp"></ion-icon>
    </a>
    <a aria-label="tripadvisor" href="https://www.tripadvisor.es/Attraction_Review-g294201-d20398123-Reviews-Cairo_Tours_Packages_Memphis_Tours_Egypt-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="earth-outline"></ion-icon>
    </a>
</div>
        </div>

        <div class="tw-w-full tw-max-w-[1200px] tw-border-t tw-border-navy/10 tw-pt-6 tw-relative tw-z-10">
            <p class="tw-text-navy/70 tw-text-[13px] tw-font-semibold tw-tracking-wide tw-bg-white/40 tw-inline-block tw-px-4 tw-py-1 tw-rounded-full tw-backdrop-blur-sm">
                &copy; 2026 Copyright to MEMPHIS TOURS            </p>
        </div>
    </div>

    <div class="tw-h-16 lg:tw-hidden tw-relative tw-z-10"></div>
</footer>

    


    </body>
    <script src="/js/jquery-1.11.3.min.js?1780571495" full="1"></script><script src="/js/jquery-migrate-1.2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.tools.min.js?1780571495" full="1"></script><script src="/com2025/js/js.js?1780571493" full="1"></script><script src="/js/jquery.lazyload.js?1780571495" full="1"></script><script src="/js/mobile/idangerous.swiper-2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.prettyPhoto.js?1780571495" full="1"></script><script src="/js/jquery-ui1.10.1.js?1780571495" full="1"></script><script src="/js/jquery.ui.touch-punch.min.js?1780571495" full="1"></script><script src="/com2025/js/moment.js?1780571493" full="1"></script><script src="/com2025/js/daterangepicker.js?1780571493" full="1"></script><script src="/com2025/js/mdb.min.js?1780571493" full="1"></script><script src="/js/admin/jquery.autocomplete.js?1780571495" full="1"></script><script src="/js/jquery.validate.js?1780571495" full="1"></script><script src="/com2025/js/multiple-select.js?1780571493" full="1"></script><script src="/js/mobile/owl.carousel.js?1780571495" full="1"></script><script src="/com2025/js/bootstrap.bundle.min.js?1780571493"></script><script type="text/javascript">
window.Com2025PhoneValidation = {
    brazilError: "Enter area code (2 digits) followed by phone number (8 or 9 digits)",
    brazilPlaceholder: "Area code + number, e.g. 11987654321",
    brazilTitle: "Area code: 2 digits. Phone number: 8 or 9 digits."};
</script>
<script src="/com2025/js/phone-validation.js?1780571493"></script>    <script type="text/javascript" >
        jQuery(document).ready(function() {
            jQuery.material.init();
        });
    </script>
    <script type="text/javascript" charset="utf-8">
        jQuery(document).ready(function(){
            jQuery("a[rel^='prettyPhoto']").prettyPhoto();

            jQuery(function() {
                jQuery("img.lazy").lazyload({
                    effect : "fadeIn"
                });

                jQuery("div.lazy").lazyload({
                    effect : "fadeIn"
                });

            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".programBox_wishList").click(function() {
                let element = this;
                let link_data = $(this).data('program_id');
                $.ajax({
                    type: "POST",
                    url: '/ajax/clients/set_wish_list/'+link_data,
                    success: function(data) {
                        if(data == 'success'){
                            console.log($(element));
                            $(element).attr( 'id', 'wish' );
                        }else{
                            $('a[data-program_id="' + link_data + '"] > i.whishstate').css({"color":"red"})
                        }
                    }
                });
            });

            $(".programBox_wishList").each(function() {
                let element = this;
                let link_data = $(this).data('program_id');
                
            });
        });

    </script>
    <script type="text/javascript">
function homeGetPriceInputs() {
    var minEl = document.getElementById('filter-price-min');
    var maxEl = document.getElementById('filter-price-max');
    if (!minEl) {
        minEl = document.querySelector('.home-filter-price-min');
    }
    if (!maxEl) {
        maxEl = document.querySelector('.home-filter-price-max');
    }
    return { minEl: minEl, maxEl: maxEl };
}

function homeSetFilterRadio(name, value) {
    var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
    if (!input) {
        return;
    }
    input.checked = true;
    if (typeof trackFilterEvent === 'function') {
        trackFilterEvent(input);
    }
    if (typeof filter === 'function') {
        filter();
    }
    homeCloseFilterDropdowns();
    homeSyncFilterUiState();
}

function homeApplyPriceFilter() {
    var inputs = homeGetPriceInputs();
    var minEl = inputs.minEl;
    var maxEl = inputs.maxEl;
    var amount = document.getElementById('amount');
    if (!amount) {
        return;
    }
    var min = minEl && minEl.value ? parseInt(minEl.value, 10) : 1;
    var max = maxEl && maxEl.value ? parseInt(maxEl.value, 10) : 12000;
    if (isNaN(min)) {
        min = 1;
    }
    if (isNaN(max)) {
        max = 12000;
    }
    amount.value = '$' + min + ' - $' + max;
    amount.setAttribute('values', min + ',' + max);
    if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
        jQuery('#slider-range').slider('values', [min, max]);
    }
    if (typeof filter === 'function') {
        filter();
    }
    homeCloseFilterDropdowns();
    homeSyncFilterUiState();
}

function homeResetPriceFilter() {
    var amount = document.getElementById('amount');
    if (amount) {
        amount.setAttribute('values', '1,12000');
        amount.value = '$1 - $12000';
    }
    if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
        jQuery('#slider-range').slider('values', [1, 12000]);
    }
    var inputs = homeGetPriceInputs();
    if (inputs.minEl) {
        inputs.minEl.value = 1;
    }
    if (inputs.maxEl) {
        inputs.maxEl.value = 12000;
    }
    if (typeof filter === 'function') {
        filter();
    }
}

function homeClearAllFilters() {
    ['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
        var anyInput = document.querySelector('input[name="' + name + '"][value="0"]');
        if (anyInput) {
            anyInput.checked = true;
        }
    });
    homeResetPriceFilter();
    if (typeof filter === 'function') {
        filter();
    }
    homeSyncFilterUiState();
}

function homeCloseFilterDropdowns() {
    document.querySelectorAll('.home-filter-dropdown').forEach(function(d) {
        d.classList.add('tw-opacity-0', 'tw-invisible');
    });
}

function homeCloseMobileFilter() {
    var modal = document.getElementById('mobile-filter-modal');
    if (modal) {
        modal.classList.add('tw-translate-y-full');
    }
}

function homeSetQuickAccessActive(tagKey) {
    var activeKey = tagKey || 'all';
    document.querySelectorAll('.home-quick-access-btn').forEach(function(btn) {
        var isActive = btn.getAttribute('data-tag') === activeKey;
        btn.classList.toggle('tw-bg-navy', isActive);
        btn.classList.toggle('tw-text-white', isActive);
        btn.classList.toggle('tw-shadow-sm', isActive);
        btn.classList.toggle('tw-bg-white', !isActive);
        btn.classList.toggle('tw-text-gray-600', !isActive);
    });
}

function homeApplyFilterFromQuery(queryString) {
    if (!queryString) {
        return false;
    }
    var params = new URLSearchParams(queryString);
    var nameMap = { Category: 'rootCategory' };
    var applied = false;

    params.forEach(function(value, key) {
        var name = nameMap[key] || key;
        if (['Offer', 'Country', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].indexOf(name) >= 0) {
            var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
            if (input) {
                input.checked = true;
                applied = true;
            }
        } else if (key === 'price') {
            var amount = document.getElementById('amount');
            var parts = String(value).split(',');
            if (amount && parts.length === 2) {
                amount.setAttribute('values', value);
                amount.value = '$' + parts[0] + ' - $' + parts[1];
                if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
                    jQuery('#slider-range').slider('values', [parseInt(parts[0], 10), parseInt(parts[1], 10)]);
                }
                applied = true;
            }
        }
    });

    if (applied && typeof filter === 'function') {
        filter();
    }
    return applied;
}

function filterTours(linkOrAll, title) {
    if (linkOrAll === 'all') {
        homeSetQuickAccessActive('all');
        if (typeof homeClearAllFilters === 'function') {
            homeClearAllFilters();
        }
        return;
    }
    if (title) {
        homeSetQuickAccessActive(title);
    }
    if (!linkOrAll) {
        return;
    }
    var link = String(linkOrAll);
    if (link.indexOf('?') !== -1) {
        var qs = link.split('?').slice(1).join('?');
        if (homeApplyFilterFromQuery(qs)) {
            return;
        }
    }
    window.location.href = link;
}

function homeSyncFilterUiState() {
    var hasFilter = false;
    ['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
        var checked = document.querySelector('input[name="' + name + '"]:checked');
        if (checked && checked.value !== '0') {
            hasFilter = true;
        }
    });
    var amount = document.getElementById('amount');
    if (amount) {
        var vals = amount.getAttribute('values');
        if (vals && vals !== '1,12000' && vals !== '0,12000') {
            hasFilter = true;
        }
    }
    var clearBtn = document.getElementById('btn-clear-all');
    if (clearBtn) {
        clearBtn.classList.toggle('tw-hidden', !hasFilter);
    }
}

document.addEventListener('DOMContentLoaded', function() {
    var quickAccessContainer = document.getElementById('quick-access-container');
    if (quickAccessContainer) {
        quickAccessContainer.addEventListener('click', function(e) {
            var btn = e.target.closest('.home-quick-access-btn');
            if (!btn) {
                return;
            }
            if (btn.getAttribute('data-quick-access') === 'all' || btn.getAttribute('data-tag') === 'all') {
                filterTours('all');
                return;
            }
            filterTours(btn.getAttribute('data-link'), btn.getAttribute('data-tag'));
        });
    }

    document.querySelectorAll('.home-filter-dropdown-btn').forEach(function(btn) {
        btn.addEventListener('click', function(e) {
            e.stopPropagation();
            var dropdown = this.nextElementSibling;
            if (!dropdown || !dropdown.classList.contains('home-filter-dropdown')) {
                return;
            }
            var isHidden = dropdown.classList.contains('tw-invisible');
            homeCloseFilterDropdowns();
            if (isHidden) {
                dropdown.classList.remove('tw-opacity-0', 'tw-invisible');
            }
        });
    });
    document.addEventListener('click', homeCloseFilterDropdowns);

    if (typeof jQuery !== 'undefined') {
        jQuery(document).on('slide', '#slider-range', function(event, ui) {
            var inputs = homeGetPriceInputs();
            if (inputs.minEl) {
                inputs.minEl.value = ui.values[0];
            }
            if (inputs.maxEl) {
                inputs.maxEl.value = ui.values[1];
            }
        });
    }

    setTimeout(function() {
        var inputs = homeGetPriceInputs();
        var amount = document.getElementById('amount');
        if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length) {
            var vals = jQuery('#slider-range').slider('values');
            if (inputs.minEl && inputs.maxEl) {
                inputs.minEl.value = vals[0];
                inputs.maxEl.value = vals[1];
            }
            if (amount) {
                amount.setAttribute('values', vals[0] + ',' + vals[1]);
            }
        }
        homeSyncFilterUiState();
        if (document.querySelectorAll('.home-quick-access-btn').length) {
            var hasFilterParam = ['Offer', 'Country', 'Category', 'Style', 'Group', 'Activity', 'Duration', 'price'].some(function(key) {
                return window.location.search.indexOf(key + '=') !== -1;
            });
            if (!hasFilterParam) {
                homeSetQuickAccessActive('all');
            }
        }
    }, 100);
});
</script>
<script type="text/javascript">
    function changeCountries(Country, element) {
        // Track filter event before redirect
        if (element) {
            trackFilterEvent(element);
        }
        window.location.replace('/'+Country);
    }
    
    // Track filter events for GTM
    function trackFilterEvent(element) {
        window.dataLayer = window.dataLayer || [];
        
        // Find the parent filter box
        var filterBox = element.closest('.left_filter_all_box');
        if (!filterBox) return;
        
        // Get the filter title (filter_by)
        var filterTitleElement = filterBox.querySelector('.left_filter_all_box_title');
        var filterBy = filterTitleElement ? filterTitleElement.textContent.trim().toLowerCase() : '';
        
        // Get the selected value (filter_value)
        var filterValue = '';
        if (element.type === 'radio' && element.checked) {
            // Get the label text for the selected radio button
            var label = filterBox.querySelector('label[for="' + element.id + '"]');
            if (!label) {
                // Try to find label that contains this input
                label = element.closest('label');
            }
            if (label) {
                // Get text content, excluding the radio button itself
                var labelText = label.textContent || label.innerText;
                filterValue = labelText.trim().toLowerCase();
            }
        }
        
        // Push filter event to dataLayer
        if (filterBy && filterValue) {
            var dataLayerEvent = {
                'event': 'filter',
                'filter_by': filterBy,
                'filter_value': filterValue
            };
            
            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        }
    }
    
    // Attach event listeners to all filter inputs
    document.addEventListener('DOMContentLoaded', function() {
        var filterInputs = document.querySelectorAll('.left_filter_all_box input[type="radio"]');
        filterInputs.forEach(function(input) {
            input.addEventListener('change', function() {
                trackFilterEvent(this);
            });
        });
    });
</script>
    <!--<script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script>-->
<script>
        var fired = false;
        window.addEventListener('scroll', function() {
            let scroll = window.scrollY;
            if (scroll > 0  && fired === false) {
                var recaptchaScript = document.createElement('script');
                recaptchaScript.src = 'https://www.google.com/recaptcha/api.js?hl=en';
                recaptchaScript.defer = true;
                document.body.appendChild(recaptchaScript);
                fired = true;
                console.log('On scroll fired');
            }
        }, true);
        $( document ).ready(function() {
            function onload() {
            var element = document.getElementById('Enquire-btn');
            element.onclick = validate;
          }
          onload();
        });

        function openMomoAI() {
            if (typeof window.openMomoAIModal === 'function') {
                window.openMomoAIModal();
                return;
            }
            var formEl = document.getElementById('bookFormNew');
            if (formEl) {
                formEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        }

        function validate(event) {
            event.preventDefault();
            window.dataLayer = window.dataLayer || [];

            jQuery("#bookFormNew").validate({
                errorPlacement: function(error, element) {
                    error.insertAfter(element);
                    element.focus();

                    // Track form_error event
                    var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
                    var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
                    var errorMessage = error.text() || 'missing field';

                    var dataLayerEvent = {
                        'event': 'form_error',
                        'destination': destination,
                        'error_message': errorMessage.toLowerCase(),
                        'currency': currency
                    };

                    console.log('GTM Event Pushed:', dataLayerEvent);
                    window.dataLayer.push(dataLayerEvent);
                }
            });
            var isFormValid = $("#bookFormNew").valid();
            if (isFormValid) {
                // Mark form as submitted to prevent abandon event
                if (typeof window.setFormSubmitted === 'function') {
                    window.setFormSubmitted();
                }

                grecaptcha.execute();
            }
        }

        function SubmitForm(data) {
            if ($("#gRecaptchaResponse").val() == '') {
                 $("#gRecaptchaResponse").val(data);
            }

            // Mark form as submitted to prevent abandon event
            if (typeof window.setFormSubmitted === 'function') {
                window.setFormSubmitted();
            }

            // Track form_submission event
            window.dataLayer = window.dataLayer || [];

            var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
            var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
            var nationality = ($('#nationality').val() || '').toLowerCase();
            var noOfAdults = parseInt($('input[name="adults"]').val() || 0);
            var noOfChildren = parseInt($('input[name="children"]').val() || 0);
            var noOfInfants = parseInt($('input[name="infants"]').val() || 0);
            var email = ($('#UserEmail').val() || '').toLowerCase();
            var phoneNumber = ($('#UserPhone').val() || '');
            var countryCode = ($('#phone_ext').val() || '');

            // Calculate tour_duration_days from arrival and departure dates
            var tourDurationDays = 0;
            var arrivalDate = $('#datepickerArrival2').val();
            var departureDate = $('#datepickerDeparture2').val();
            if (arrivalDate && departureDate) {
                try {
                    var arrival = $.datepicker.parseDate('dd/mm/yy', arrivalDate);
                    var departure = $.datepicker.parseDate('dd/mm/yy', departureDate);
                    if (arrival && departure) {
                        var timeDiff = departure.getTime() - arrival.getTime();
                        tourDurationDays = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));
                        if (tourDurationDays < 0) tourDurationDays = 0;
                    }
                } catch(e) {
                    tourDurationDays = 0;
                }
            }

            var dataLayerEvent = {
                'event': 'form_submission',
                'destination': destination,
                'currency': currency,
                'nationality': nationality,
                'no_of_adults': noOfAdults,
                'no_of_children': noOfChildren,
                'no_of_infants': noOfInfants,
                'email': email,
                'phone_number': '+' + countryCode + phoneNumber,
                'tour_duration_days': tourDurationDays
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);

            var btn = document.getElementById("Enquire-btn");
            if (btn) { btn.classList.add("is-loading"); btn.disabled = true; }
            document.getElementById("bookFormNew").submit();
        }
        // var disableddates = [];
        // function DisableSpecificDates(date) {
        //     var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
        //     return [disableddates.indexOf(string) == -1];
        // }
        jQuery(function() {
          jQuery("#datepickerArrival2").datepicker({
                defaultDate: '+2d',
                dateFormat: 'dd/mm/yy',
                showOn: "both",
                buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
                buttonImageOnly: false,
                minDate: 2,
                onClose: function(selectedDate) {
                if (selectedDate) {
                    var date = $.datepicker.parseDate("dd/mm/yy", selectedDate);
                    date.setDate(date.getDate() + 1); // Add 1 day
                    jQuery("#datepickerDeparture2").datepicker("option", "minDate", date);
                }
            }
          });
            jQuery( "#datepickerDeparture2" ).datepicker({
                defaultDate: "+1d",
                dateFormat: 'dd/mm/yy',
                showOn: "both",
                buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
                buttonImageOnly: false,
                minDate: 0,
            });
        });

        function updateAgeFieldsAll(a, b, c) {
            var d = $("[ageDesc='" + c + "']");
            d.find(".age-input-div").length && d.find(".age-input-div").remove();
            for (var e = 0; b > e; e++) {
                if( c == "infant"){
                    var f = $("#ageInputDiv").clone().removeAttr("id").addClass("hidden age-input-div").removeClass("form-group label-floating");
                    f.find(".div-1").html("<input id='" + c + e + "' type='hidden' size='3' class='form-control' maxlength='2'  min='1' value='1.99' max='11.99' name='infants_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
                }else{
                    var f = $("#ageInputDiv").clone().removeAttr("id").addClass("col-md-6 age-input-div");
                    f.find(".div-0").html("<label for='" + c + e + "'>Age of Child "+ (e+1) +"</label>"), f.find(".div-1").html("<input id='" + c + e + "' type='number' size='3' class='form-control' value=''  maxlength='2' required min='2' max='11.99' name='children_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
                }
            }
        }

        function updateAgeSelectionAll(a) {
            var b = 0,
                c = 0,
                d = $('[id^="ageBands\\["]');
            d.each(function() {
                b += parseInt($(this).val())
            }), c = a - b, d.each(function() {
                var a = $(this),
                    b = parseInt(a.val()) + c,
                    d = a.val(),
                    e = 0;
                a.val(d)
            })
        }

        function paxOnChangeAll(a, b, c, d, e) {
            "Adult" === c ? updateAgeSelectionAll(e) : (updateAgeFieldsAll(a, b, c.toLowerCase()), updateAgeSelectionAll(e))
        }

        function validateMail() {
/*
            let mailValue = jQuery('#UserEmail').val();
            var settings = {
                "url": "https://api.sendgrid.com/v3/validations/email",
                "method": "POST",
                "timeout": 0,
                "headers": {
                    "Authorization": "Bearer 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",
                    "Content-Type": "text/plain"
                },
                "data": "{\r\n    \"email\": \""+mailValue+"\",\r\n     \"source\": \"Requests\"\r\n}",
            };

            if(mailValue.length > 1) {
                $.ajax(settings).done(function (response) {
                    if (response.result.verdict == "Invalid") {
                        jQuery('#UserEmail').css({"border": "1px solid red", "color": "red"});
                        jQuery('#Enquire-btn').attr('disabled', 'disabled')
                        jQuery('#mail-validation').html('Please enter a Valid Email');
                        jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
                    } else {
                        jQuery('#UserEmail').css({"border": "1px solid #757575", "color": "#757575"});
                        jQuery('#Enquire-btn').removeAttr('disabled');
                        jQuery('#mail-validation').html('');
                        jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
                    }

                });
            }
*/
        }
    </script>
                <script type="text/javascript">
                                        updateAgeSelectionAll(9);
                </script>
                    <script>
        // Track form_start event when user focuses on any form field (first interaction)
        // Also track form_abandon when user leaves the form
        (function() {
            window.dataLayer = window.dataLayer || [];
            var formStartFired = false;
            var formSubmitted = false;
            var lastFieldName = '';

            // Make formSubmitted accessible globally so we can set it from validate function
            window.setFormSubmitted = function() {
                formSubmitted = true;
            };

            var form = document.getElementById('bookFormNew');
            if (form) {
                var formFields = form.querySelectorAll('input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea');

                formFields.forEach(function(field) {
                    field.addEventListener('focus', function() {
                        if (!formStartFired) {
                            formStartFired = true;

                            var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
                            var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';

                            var dataLayerEvent = {
                                'event': 'form_start',
                                'destination': destination,
                                'currency': currency
                            };

                            console.log('GTM Event Pushed:', dataLayerEvent);
                            window.dataLayer.push(dataLayerEvent);
                        }
                        // Track last field name
                        lastFieldName = field.name || field.id || '';
                    }, { once: true });

                    // Also track on blur to capture the last field
                    field.addEventListener('blur', function() {
                        lastFieldName = field.name || field.id || '';
                    });
                });

                // Track form submission to prevent abandon event
                form.addEventListener('submit', function() {
                    formSubmitted = true;
                });

                // Track form_abandon when user leaves the page
                function trackFormAbandon() {
                    if (formStartFired && !formSubmitted) {
                        var tourName = (document.getElementById('gtm_tour_name') ? document.getElementById('gtm_tour_name').value : '').toLowerCase();
                        var tourType = (document.getElementById('gtm_tour_type') ? document.getElementById('gtm_tour_type').value : '').toLowerCase();
                        var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();

                        // Get field name - use the name attribute, fallback to id, or empty string
                        var fieldName = lastFieldName || '';

                        var dataLayerEvent = {
                            'event': 'form_abandon',
                            'tour_name': tourName,
                            'tour_type': tourType,
                            'destination': destination,
                            'form_field_name': fieldName
                        };

                        console.log('GTM Event Pushed:', dataLayerEvent);
                        window.dataLayer.push(dataLayerEvent);
                    }
                }

                // Listen for page unload
                window.addEventListener('beforeunload', function() {
                    trackFormAbandon();
                });

                // Listen for visibility change (tab switch, minimize, etc.)
                document.addEventListener('visibilitychange', function() {
                    if (document.hidden) {
                        trackFormAbandon();
                    }
                });
            }
        })();
    </script>
    <script>

        jQuery('.btn-number.book_all').click(function(e){
            e.preventDefault();

            fieldName = jQuery(this).attr('data-field');
            type      = jQuery(this).attr('data-type');
            var input = jQuery("input[id='"+fieldName+"']");

            var currentVal = parseInt(input.val());

            if (!isNaN(currentVal)) {
                if(type == 'minus') {

                    if(currentVal > input.attr('min')) {
                        input.val(currentVal - 1).change();
                    }
                    if(parseInt(input.val()) == input.attr('min')) {
                        jQuery(this).attr('disabled', true);
                    }

                } else if(type == 'plus') {

                    if(currentVal < input.attr('max')) {
                        input.val(currentVal + 1).change();
                    }
                    if(parseInt(input.val()) == input.attr('max')) {
                        jQuery(this).attr('disabled', true);
                    }

                }
            } else {
                input.val(1);
            }
        });
        jQuery('.input-number.book_all').focusin(function(){
            jQuery(this).data('oldValue', jQuery(this).val());
        });
        jQuery('.input-number.book_all').change(function() {

            minValue =  parseInt(jQuery(this).attr('min'));
            maxValue =  parseInt(jQuery(this).attr('max'));
            valueCurrent = parseInt(jQuery(this).val());

            name = jQuery(this).attr('id');
            if(valueCurrent >= minValue) {
                jQuery(".btn-number.book_all[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
            } else {
                alert('Sorry, the minimum value was reached');
                jQuery(this).val(jQuery(this).data('oldValue'));
            }
            if(valueCurrent <= maxValue) {
                jQuery(".btn-number.book_all[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
            } else {
                alert('Sorry, the maximum value was reached');
                jQuery(this).val(jQuery(this).data('oldValue'));
            }


        });
        jQuery(".input-number.book_all").keydown(function (e) {
            // Allow: backspace, delete, tab, escape, enter and .
            if (jQuery.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
                // Allow: Ctrl+A
                (e.keyCode == 65 && e.ctrlKey === true) ||
                // Allow: home, end, left, right
                (e.keyCode >= 35 && e.keyCode <= 39)) {
                // let it happen, don't do anything
                return;
            }
            // Ensure that it is a number and stop the keypress
            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
        });

        jQuery.material.init();
        jQuery.material.checkbox();

        function valueChanged(){
            if(jQuery('.flight').is(":checked")) {
                jQuery("#departure_airport").attr("required", true);
                jQuery(".flight_from").show();
            }else{
                jQuery(".flight_from").hide();
                jQuery("#departure_airport").attr("required", false);
            }
        }

        function childAge(){
            if(jQuery('.children').val().length != 0) {
                jQuery(".children_age").attr("required", true);
            }else{
                jQuery(".children_age").attr("required", false);
            }
        }
    </script>
<script type="text/javascript">
(function() {
    var activeViewClasses = ['tw-bg-white', 'tw-text-navy', 'tw-shadow-md', 'tw-scale-105'];
    var inactiveViewClasses = ['tw-text-gray-500', 'hover:tw-text-navy', 'hover:tw-bg-white/50'];

    function setViewButtonState(btn, isActive) {
        if (!btn) return;
        if (isActive) {
            btn.classList.add.apply(btn.classList, activeViewClasses);
            inactiveViewClasses.forEach(function(c) { btn.classList.remove(c); });
        } else {
            btn.classList.remove.apply(btn.classList, activeViewClasses);
            inactiveViewClasses.forEach(function(c) { btn.classList.add(c); });
        }
    }

    window.toggleView = function(view) {
        var listBtn = document.getElementById('btn-view-list');
        var mapBtn = document.getElementById('btn-view-map');
        var programs = document.getElementById('programs');
        var mapView = document.getElementById('map-view');
        var pagination = document.getElementById('home-pagination');
        var loader = document.getElementById('loader_div');

        if (view === 'map' && mapView) {
            setViewButtonState(listBtn, false);
            setViewButtonState(mapBtn, true);
            if (programs) programs.classList.add('tw-hidden');
            if (pagination) pagination.classList.add('tw-hidden');
            if (loader) loader.classList.add('tw-hidden');
            mapView.classList.remove('tw-hidden');
        } else {
            setViewButtonState(mapBtn, false);
            setViewButtonState(listBtn, true);
            if (mapView) mapView.classList.add('tw-hidden');
            if (programs) programs.classList.remove('tw-hidden');
            if (pagination) pagination.classList.remove('tw-hidden');
            if (loader) loader.classList.remove('tw-hidden');
        }
    };

    window.homePackagesAfterLoad = function() {
        if (typeof updateSiteRatesTop === 'function') {
            updateSiteRatesTop('1', false);
        }
        if (typeof jQuery !== 'undefined') {
            jQuery('img.lazy').lazyload({ effect: 'fadeIn' });
            jQuery('div.lazy').lazyload({ effect: 'fadeIn' });
        }
        if (typeof updatecount === 'function') {
            updatecount();
        }
        window.toggleView('list');
        homeBindViewTripLinks();
    };

    window.homeBindViewTripLinks = function homeBindViewTripLinks() {
        var h1Element = document.querySelector('.banner_content h1');
        var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
        document.querySelectorAll('.view-trip-link').forEach(function(link) {
            if (link.dataset.gtmBound === '1') return;
            link.dataset.gtmBound = '1';
            link.addEventListener('click', function() {
                window.dataLayer = window.dataLayer || [];
                window.dataLayer.push({
                    event: 'view_trip_details',
                    tour_name: (this.getAttribute('data-tour-name') || '').toLowerCase(),
                    tour_type: (this.getAttribute('data-tour-type') || 'private').toLowerCase(),
                    section_title: sectionTitle,
                    destination: (this.getAttribute('data-destination') || 'multi-country').toLowerCase()
                });
            });
        });
    }

    document.addEventListener('DOMContentLoaded', function() {
        homeBindViewTripLinks();
        var anchor = document.getElementById('tours-anchor');
        if (anchor && window.location.hash === '#programs') {
            anchor.scrollIntoView({ behavior: 'smooth' });
        }
    });
})();
</script>
<script type="text/javascript">
(function() {
    var faqOpenIndex = null;

    window.toggleFAQ = function(index) {
        var content = document.getElementById('faq-content-' + index);
        var icon = document.getElementById('faq-icon-' + index);
        if (!content) {
            return;
        }

        var isOpen = content.classList.contains('faq-open');

        document.querySelectorAll('#faq-container [id^="faq-content-"]').forEach(function(el) {
            el.style.maxHeight = '0';
            el.classList.remove('faq-open');
        });
        document.querySelectorAll('#faq-container [id^="faq-icon-"]').forEach(function(el) {
            el.classList.remove('tw-rotate-180');
        });

        if (!isOpen) {
            content.classList.add('faq-open');
            content.style.maxHeight = content.scrollHeight + 'px';
            if (icon) {
                icon.classList.add('tw-rotate-180');
            }
            faqOpenIndex = index;
        } else {
            faqOpenIndex = null;
        }
    };

    window.loadMoreFAQs = function() {
        document.querySelectorAll('#faq-container .home-faq-item-hidden').forEach(function(el) {
            el.classList.remove('home-faq-item-hidden', 'tw-hidden');
        });
        var wrap = document.getElementById('faq-load-more-wrap');
        if (wrap) {
            wrap.classList.add('tw-hidden');
        }
        if (faqOpenIndex !== null) {
            var openContent = document.getElementById('faq-content-' + faqOpenIndex);
            if (openContent && openContent.classList.contains('faq-open')) {
                openContent.style.maxHeight = openContent.scrollHeight + 'px';
            }
        }
    };

    window.addEventListener('resize', function() {
        if (faqOpenIndex === null) {
            return;
        }
        var openContent = document.getElementById('faq-content-' + faqOpenIndex);
        if (openContent && openContent.classList.contains('faq-open')) {
            openContent.style.maxHeight = openContent.scrollHeight + 'px';
        }
    });
})();
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
    var scrollEl = document.getElementById('reviews-scroll');
    var prevBtn = document.getElementById('prev-review');
    var nextBtn = document.getElementById('next-review');
    if (!scrollEl || !prevBtn || !nextBtn) {
        return;
    }
    function scrollReviews(direction) {
        scrollEl.scrollBy({ left: direction * scrollEl.clientWidth, behavior: 'smooth' });
    }
    prevBtn.addEventListener('click', function() { scrollReviews(-1); });
    nextBtn.addEventListener('click', function() { scrollReviews(1); });
});
</script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        
                    jQuery('input[value="14"][name="Country"]').prop('checked', true);
        
        
        
        
        
        
                    jQuery('input[value="98"][name="rootCategory"]').prop('checked', true);
        

        jQuery("#slider-range").slider({
            range: true,
            min:0,
            max: 12000,
            values: [ 1,12000 ],
            slide: function( event, ui ) {
                jQuery( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
                jQuery( "#amount" ).attr("values",  ui.values[ 0 ] + "," + ui.values[ 1 ] );

                var OffercheckboxValues = [];
                jQuery('input[name="Offer"]:checked').each(function() {
                    OffercheckboxValues.push(jQuery(this).val());
                });
                var countrycheckboxValues = [];
                jQuery('input[name="Country"]:checked').each(function() {
                    countrycheckboxValues.push(jQuery(this).val());
                });

                var rootCheckboxValues = [];
                jQuery('input[name="rootCategory"]:checked').each(function() {
                    rootCheckboxValues.push(jQuery(this).val());
                });

                var StylecheckboxValues = [];
                jQuery('input[name="Style"]:checked').each(function() {
                    StylecheckboxValues.push(jQuery(this).val());
                });

                var GroupcheckboxValues = [];
                jQuery('input[name="Group"]:checked').each(function() {
                    GroupcheckboxValues.push(jQuery(this).val());
                });

                var ActivitycheckboxValues = [];
                jQuery('input[name="Activity"]:checked').each(function() {
                    ActivitycheckboxValues.push(jQuery(this).val());
                });
                var DurationcheckboxValues = [];
                jQuery('input[name="Duration"]:checked').each(function() {
                    DurationcheckboxValues.push(jQuery(this).val());
                });


                filterRows(OffercheckboxValues,countrycheckboxValues,rootCheckboxValues,StylecheckboxValues,GroupcheckboxValues,ActivitycheckboxValues, DurationcheckboxValues);

            }
        });

        jQuery( "#amount" ).val( "$" + jQuery( "#slider-range" ).slider( "values", 0 ) +  " - $" + jQuery( "#slider-range" ).slider( "values", 1 ) );

    });
    function filter() {
        var OffercheckboxValues = [];
        jQuery('input[name="Offer"]:checked').each(function() {
            OffercheckboxValues.push(jQuery(this).val());
        });

        var countrycheckboxValues = [];
        jQuery('input[name="Country"]:checked').each(function() {
            countrycheckboxValues.push(jQuery(this).val());
        });

        var rootCheckboxValues = [];
        jQuery('input[name="rootCategory"]:checked').each(function() {
            rootCheckboxValues.push(jQuery(this).val());
        });
        var StylecheckboxValues = [];
        jQuery('input[name="Style"]:checked').each(function() {
            StylecheckboxValues.push(jQuery(this).val());
        });

        var GroupcheckboxValues = [];
        jQuery('input[name="Group"]:checked').each(function() {
            GroupcheckboxValues.push(jQuery(this).val());
        });

        var ActivitycheckboxValues = [];
        jQuery('input[name="Activity"]:checked').each(function() {
            ActivitycheckboxValues.push(jQuery(this).val());
        });
        var DurationcheckboxValues = [];
        jQuery('input[name="Duration"]:checked').each(function() {
            DurationcheckboxValues.push(jQuery(this).val());
        });

        filterRows(OffercheckboxValues,countrycheckboxValues,rootCheckboxValues,StylecheckboxValues,GroupcheckboxValues,ActivitycheckboxValues, DurationcheckboxValues);

    }
    function filterRows(Offer, Country, rootCategory, Style, Group, Activity, Duration ){

        var sortType = jQuery('#getSortType').val();
        var range = jQuery( "#amount" ).attr( "values");

        if ( typeof Offer == 'undefined') {
            Offer = "";
        }
        if ( typeof Country == 'undefined') {
            Country = "";
        }
        if ( typeof rootCategory == 'undefined') {
            rootCategory = "";
        }
        if ( typeof Style == 'undefined') {
            Style = "";
        }
        if ( typeof Group == 'undefined') {
            Group = "";
        }
        if ( typeof Activity == 'undefined') {
            Activity = "";
        }
        if (typeof Duration == 'undefined') {
            Duration = "";
        }

        if (typeof range == 'undefined') {
            range = "";
        }

        jQuery('input[name="Offer"]').val(Offer);
        jQuery('input[name="Country"]').val(Country);
        jQuery('input[name="rootCategory"]').val(rootCategory);
        jQuery('input[name="Style"]').val(Style);
        jQuery('input[name="Activity"]').val(Activity);
        jQuery('input[name="Duration"]').val(Duration);

        jQuery('input[name="price"]').val(range);

        history.pushState({}, null, "/jordan/jordan-travel-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range);

        jQuery('input:radio').attr('disabled','disabled');

        jQuery('#programs').html('<div style="float:left;width: 100%;text-align: center; color:#adadad;"><br><br><img height="80px" alt="loading" id="load" src="/img/loader.svg"><br><br>Please wait while loading content ....<br><br></div>');
        jQuery('#programs').load("/jordan/jordan-travel-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range, function(){
            if (typeof homePackagesAfterLoad === 'function') {
                homePackagesAfterLoad();
            } else {
                updateSiteRatesTop('1',false);
                jQuery("img.lazy").lazyload({effect : "fadeIn"});
                jQuery("div.lazy").lazyload({effect : "fadeIn"});
                updatecount();
            }
            jQuery('input:radio').removeAttr("disabled");
            var toursAnchor = document.getElementById('tours-anchor');
            if (toursAnchor) {
                toursAnchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        });
    }
    function updatecount(){
        var progCount = jQuery('#programs_more').attr("progCount");
        jQuery('#programs_count').html(progCount);

    }

    jQuery.material.init();
    jQuery.material.checkbox();
</script>
<script>
        document.addEventListener("DOMContentLoaded", function () {
            const overview = document.querySelector(".content_desc");
            if (!overview) return;
            const btn = overview.querySelector(".toggle-btn");
            if (!btn) return;
            const labelSpan = btn.querySelector("span");
            const labelMore = "Read more";
            const labelLess = "Read less";

            btn.addEventListener("click", function () {
                overview.classList.toggle("expanded");
                const isExpanded = overview.classList.contains("expanded");
                const label = isExpanded ? labelLess : labelMore;
                if (labelSpan) {
                    labelSpan.textContent = label;
                } else {
                    btn.textContent = label;
                }
            });
        });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const swiper = new Swiper('.gallerySwiper', {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: false,
            speed: 800,

            // Navigation arrows
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // Update progress bar
            on: {
                init: function () {
                    updateProgressBar(this);
                },
                slideChange: function () {
                    updateProgressBar(this);
                }
            }
        });

        function updateProgressBar(slider) {
            const totalSlides = slider.slides.length;
            if (totalSlides <= 1) {
                document.querySelector('.swiper-progress-bar').style.width = '100%';
                return;
            }

            const currentIndex = slider.activeIndex;
            const progress = (currentIndex / (totalSlides - 1)) * 100;
            document.querySelector('.swiper-progress-bar').style.width = progress + '%';
        }
    });
</script>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    // Get section title from h1
    var h1Element = document.querySelector('.banner_content h1');
    var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';

    // Find all view trip links on the page
    if (typeof homeBindViewTripLinks === 'function') {
        homeBindViewTripLinks();
        return;
    }

    var viewTripLinks = document.querySelectorAll('.view-trip-link');

    viewTripLinks.forEach(function(link) {
        if (link.dataset.gtmBound === '1') return;
        link.dataset.gtmBound = '1';
        link.addEventListener('click', function(e) {
            // Push tracking immediately (non-blocking)
            var tourName = (this.getAttribute('data-tour-name') || '').toLowerCase();
            var tourType = (this.getAttribute('data-tour-type') || 'private').toLowerCase();
            var destination = (this.getAttribute('data-destination') || 'multi-country').toLowerCase();

            var dataLayerEvent = {
                'event': 'view_trip_details',
                'tour_name': tourName,
                'tour_type': tourType,
                'section_title': sectionTitle,
                'destination': destination
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);

            // Allow navigation to proceed immediately (no delay)
            // The dataLayer push is synchronous and very fast
        });
    });
})();
</script>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    // Get section title from h1
    var h1Element = document.querySelector('.banner_content h1');
    var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';

    // Track CTA button clicks
    var ctaButtons = document.querySelectorAll('.content_button .cta-button');
    ctaButtons.forEach(function(button) {
        button.addEventListener('click', function(e) {
            // var ctaName = (this.getAttribute('data-cta-name') || this.textContent.trim()).toLowerCase();
            var destination = (this.getAttribute('data-destination') || '').toLowerCase();

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'help me plan my trip',
                'section_title': sectionTitle,
                'destination': destination
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    });
})();
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var swiper = new Swiper(".multiSwiper", {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: true,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            breakpoints: {
                768: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
                1024: {
                    slidesPerView: 2.6,
                    spaceBetween: 20,
                },
            }
        });
    });
</script>
    <script type="text/javascript">
    var currenciesExArray = new Array();
    var currenciesSignArray = new Array();
    var currenciesAbbrevArray = new Array();
    var currenciesAbbrevTextArray = new Array();

            currenciesExArray['1'] = "1.00000";
        currenciesSignArray['1'] ="US$";
        currenciesAbbrevArray['1'] ="USD (US$)";
        currenciesAbbrevTextArray['1'] ="USD";


            currenciesExArray['2'] = "0.86010";
        currenciesSignArray['2'] ="&euro;";
        currenciesAbbrevArray['2'] ="EUR (&euro;)";
        currenciesAbbrevTextArray['2'] ="EUR";


            currenciesExArray['3'] = "0.74410";
        currenciesSignArray['3'] ="&pound;";
        currenciesAbbrevArray['3'] ="GBP (&pound;)";
        currenciesAbbrevTextArray['3'] ="GBP";


            currenciesExArray['4'] = "1.40050";
        currenciesSignArray['4'] ="AU$";
        currenciesAbbrevArray['4'] ="AUD (AU$)";
        currenciesAbbrevTextArray['4'] ="AUD";


            currenciesExArray['5'] = "1.38960";
        currenciesSignArray['5'] ="C$";
        currenciesAbbrevArray['5'] ="CAD (C$)";
        currenciesAbbrevTextArray['5'] ="CAD";


            currenciesExArray['6'] = "17.29000";
        currenciesSignArray['6'] ="MXN$";
        currenciesAbbrevArray['6'] ="MXN (MXN$)";
        currenciesAbbrevTextArray['6'] ="MXN";


            currenciesExArray['7'] = "3564.00000";
        currenciesSignArray['7'] ="COP$";
        currenciesAbbrevArray['7'] ="COP (COP$)";
        currenciesAbbrevTextArray['7'] ="COP";


            currenciesExArray['8'] = "1436.99000";
        currenciesSignArray['8'] ="ARS$";
        currenciesAbbrevArray['8'] ="ARS (ARS$)";
        currenciesAbbrevTextArray['8'] ="ARS";


            currenciesExArray['9'] = "894.54000";
        currenciesSignArray['9'] ="CLP$";
        currenciesAbbrevArray['9'] ="CLP (CLP$)";
        currenciesAbbrevTextArray['9'] ="CLP";


    
    function updateSiteRatesTop(current_currency,session_update){
        jQuery(".curr_contain#currency").find('li').show();
        jQuery("#e"+current_currency).hide();
        jQuery(".convertable").each(function(){
                var id = jQuery(this).attr('id');
                var current_value = jQuery('#h'+id).val();

                if(!isNaN(parseFloat(current_value))){

                    var new_value = parseFloat(current_value) * parseFloat(currenciesExArray[current_currency]);
                    var rounded_value = Math.round(new_value*Math.pow(10,0))/Math.pow(10,0);;
                    jQuery(this).html(rounded_value);
                }
        });

        jQuery(".currencySign").html(currenciesSignArray[current_currency]);
        jQuery(".currencySign3").html(currenciesAbbrevArray[current_currency]);
        jQuery(".currencySignText").html(currenciesAbbrevTextArray[current_currency]);

        if(session_update){
            jQuery.ajax({ url: '/ajax/dashboard/update_currency_session/'+current_currency });
        }
    }


    jQuery(document).ready(function(){
        jQuery("ul.subnav_top").parent().append(""); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
        jQuery("ul.topnav_top li .hover").mouseover(function() { //When trigger is clicked...
            //Following events are applied to the subnav itself (moving subnav up and down)

            jQuery(this).parent().find("ul.subnav_top").slideDown('fast').show(); //Drop down the subnav on click
            jQuery(this).parent().hover(function() {
            }, function(){
                jQuery(this).parent().find("ul.subnav_top").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
            });

            //Following events are applied to the trigger (Hover events for the trigger)
            }).hover(function() {
                jQuery(this).addClass("subhover"); //On hover over, add class "subhover"
            }, function(){  //On Hover Out
                jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"
        });

    });


    jQuery(document).ready(function(){
        updateSiteRatesTop('1',false);
    });
    </script>
            <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
                <script type="text/javascript">
                // Nationality to Country Code mapping
                var nationalityToCountryCode = {
            'American': '1',
            'Afghan': '93',
            'Albanian': '355',
            'Algerian': '213',
            'Andorran': '376',
            'Angolan': '244',
            'Argentinian': '54',
            'Armenian': '374',
            'Australian': '61',
            'Austrian': '43',
            'Azerbaijani': '994',
            'Bahamian': '1242',
            'Bahraini': '973',
            'Bangladeshi': '880',
            'Barbadian': '1246',
            'Belarusian': '375',
            'Belgian': '32',
            'Belizean': '501',
            'Beninese': '229',
            'Bhutanese': '975',
            'Bolivian': '591',
            'Bosnian': '387',
            'Botswanan': '267',
            'Brazilian': '55',
            'British Indian Ocean': '246',
            'British Virgin': '1284',
            'Bruneian': '673',
            'Bulgarian': '359',
            'Burkinese': '226',
            'Burundian': '257',
            'Cambodian': '855',
            'Cameroonian': '237',
            'Canadian': '1',
            'Cape Verdean': '238',
            'Chadian': '235',
            'Chilean': '56',
            'Chinese': '86',
            'Colombian': '57',
            'Congolese': '242',
            'Costa Rican': '506',
            'Croatian': '385',
            'Cuban': '53',
            'Cypriot': '357',
            'Czech': '420',
            'Danish': '45',
            'Djiboutian': '253',
            'Dominican': '1809',
            'East Timorese': '670',
            'Ecuadorean': '593',
            'Egyptian': '20',
            'Salvadorean': '503',
            'Guinean': '224',
            'Eritrean': '291',
            'Estonian': '372',
            'Ethiopian': '251',
            'Fijian': '679',
            'Finnish': '358',
            'French': '33',
            'Guyanese': '592',
            'Gabonese': '241',
            'Gambian': '220',
            'Georgian': '995',
            'German': '49',
            'Ghanaian': '233',
            'Greek': '30',
            'Grenadian': '1473',
            'Guatemalan': '502',
            'Guinea-Bissau': '245',
            'Haitian': '509',
            'Honduran': '504',
            'Hungarian': '36',
            'Icelander': '354',
            'Indian': '91',
            'Indonesian': '62',
            'Iranian': '98',
            'Iraqi': '964',
            'Irish': '353',
            'Israeli': '972',
            'Italian': '39',
            'Jamaican': '1876',
            'Japanese': '81',
            'Jordanian': '962',
            'Kazakh': '7',
            'Kenyan': '254',
            'Kuwaiti': '965',
            'Laotian': '856',
            'Latvian': '371',
            'Lebanese': '961',
            'Liberian': '231',
            'Libyan': '218',
            'Lithuanian': '370',
            'Macedonian': '389',
            'Madagascan': '261',
            'Malawian': '265',
            'Malaysian': '60',
            'Maldivian': '960',
            'Malian': '223',
            'Maltese': '356',
            'Mauritanian': '222',
            'Mauritian': '230',
            'Mexican': '52',
            'Moldovan': '373',
            'Monacan': '377',
            'Mongolian': '976',
            'Moroccan': '212',
            'Mozambican': '258',
            'Namibian': '264',
            'Nepalese': '977',
            'Dutch': '31',
            'New Zealand': '64',
            'Nicaraguan': '505',
            'Nigerien': '227',
            'Nigerian': '234',
            'North Korean': '850',
            'Norwegian': '47',
            'Omani': '968',
            'Pakistani': '92',
            'Panamanian': '507',
            'Equatorial Guinean': '240',
            'Paraguayan': '595',
            'Peruvian': '51',
            'Filipino': '63',
            'Polish': '48',
            'Portuguese': '351',
            'Qatari': '974',
            'Romanian': '40',
            'Russian': '7',
            'Rwandan': '250',
            'Saudi': '966',
            'Senegalese': '221',
            'Serbian': '381',
            'Sierra Leonian': '232',
            'Singaporean': '65',
            'Slovak': '421',
            'Slovenian': '386',
            'Somali': '252',
            'South African': '27',
            'South Korean': '82',
            'Spanish': '34',
            'Sri Lankan': '94',
            'Sudanese': '249',
            'Surinamese': '597',
            'Swazi': '268',
            'Swedish': '46',
            'Swiss': '41',
            'Syrian': '963',
            'Taiwanese': '886',
            'Tajik': '992',
            'Tanzanian': '255',
            'Thai': '66',
            'Togolese': '228',
            'Trinidadian': '1868',
            'Tunisian': '216',
            'Turkish': '90',
            'Turkmen': '993',
            'Tuvaluan': '688',
            'Ugandan': '256',
            'Ukrainian': '380',
            'Emirati': '971',
            'British': '44',
            'Uruguayan': '598',
            'Uzbek': '998',
            'Vanuatuan': '678',
            'Venezuelan': '58',
            'Vietnamese': '84',
            'Yemeni': '967',
            'Zambian': '260',
            'Zimbabwean': '263'
        };

        // Function to update country code based on nationality
        function updateCountryCode() {
            var selectedNationality = jQuery('#nationality').val();
            var countryCode = nationalityToCountryCode[selectedNationality];

            console.log(selectedNationality);
            if (selectedNationality === 'American') {
                // Select USA option specifically
                jQuery('#phone_ext option[data-countryCode="US"]').prop('selected', true);
            } else if (selectedNationality === 'Canadian') {
                // Select Canada option specifically
                jQuery('#phone_ext option[data-countryCode="CA"]').prop('selected', true);
            }

            if (countryCode) {
                // Special handling for countries that share the same country code
                if (countryCode === '1') {
                    if (selectedNationality === 'American') {
                        // Select USA option specifically
                        jQuery('#phone_ext option[data-countryCode="US"]').prop('selected', true);
                    } else if (selectedNationality === 'Canadian') {
                        // Select Canada option specifically
                        jQuery('#phone_ext option[data-countryCode="CA"]').prop('selected', true);
                    }
                } else {
                    // For other countries, find and select the matching country code option
                    var found = false;
                    jQuery('#phone_ext option').each(function() {
                        if (jQuery(this).val() === countryCode) {
                            jQuery('#phone_ext').val(countryCode);
                            found = true;
                            return false; // Break the loop
                        }
                    });

                    // If country code not found in dropdown, reset to empty selection
                    if (!found) {
                        jQuery('#phone_ext').val('');
                        console.log('Country code ' + countryCode + ' for ' + selectedNationality + ' not available in dropdown');
                    }
                }
            } else {
                // Reset to empty selection if nationality not found in mapping
                jQuery('#phone_ext').val('');
            }
        }

        // Add event listener to nationality select field
        jQuery(document).ready(function() {
            jQuery('#nationality').on('change', updateCountryCode);
        });

    </script>
</html>

'

}
$maxBufferLength = (int) 8192
$file = '/var/www/www/new-memphis-site-new/vendor/cakephp/cakephp/src/Error/Debugger.php'
$line = (int) 856
$message = 'Unable to emit headers. Headers sent in file=/var/www/www/new-memphis-site-new/vendor/cakephp/cakephp/src/Error/Debugger.php line=856'

Cake\Http\ResponseEmitter::emit() - CORE/src/Http/ResponseEmitter.php, line 51
Cake\Http\Server::emit() - CORE/src/Http/Server.php, line 140
[main] - ROOT/webroot/index.php, line 40

Warning (2): Cannot modify header information - headers already sent by (output started at /var/www/www/new-memphis-site-new/vendor/cakephp/cakephp/src/Error/Debugger.php:856) [CORE/src/Http/ResponseEmitter.php, line 152]

Code Context

            $response->getStatusCode(),
            ($reasonPhrase ? ' ' . $reasonPhrase : '')
        ));

$response = object(Cake\Http\Response) {

	'status' => (int) 200,
	'contentType' => 'text/html',
	'headers' => [
		'Content-Type' => [
			[maximum depth reached]
		]
	],
	'file' => null,
	'fileRange' => [],
	'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
	'cacheDirectives' => [],
	'body' => '
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'virtual_page_view',
            'language': 'english',
    
  'currency': 'USD',
    'destination': 'jordan', //if found
  });
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>                <link rel="canonical" href="https://new.memphistours.com/jordan/jordan-travel-packages" />
                        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />

    <title>Jordan Travel Packages - Top 5 Tours & Best Sellers</title>
            <meta name="keywords" content="Jordan Travel Packages" />
                <meta name="description" content="Discover our 5 best-selling tours. Petra exploration, Wadi Rum camping, Dead Sea floating included. Small groups, expert guides. Compare and reserve.
" />
        <link rel="preload" fetchpriority="high" as="image" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto,w_700/memphis/xlarge/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" type="image/webp">
                            <meta property="fb:app_id" content="123927964357308" />
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@memphistours" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://new.memphistours.com/jordan/jordan-travel-packages" />
        <meta property="og:title" content="Top 5 Jordan Travel Packages: Explore the Best of Jordan" />
        <meta property="og:description" content="Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of Jerash, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!

Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.

In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to Petra, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.

If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.

With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.

From the peaks of Mount Nebo to the valleys of the Jordan River, and from the deserts of Wadi Rum to the shores of Aqaba and the ruins of Petra, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of Jordan!
" />
        <meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" />
        <link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" />
        <meta property="fb:pages" content="139869103039316" />
    <script src="https://www.artfut.com/static/tagtag.min.js?campaign_code=828f6d1d89" async onerror='var self = this;window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers=ADMITAD.Helpers||{},ADMITAD.Helpers.generateDomains=function(){for(var e=new Date,n=Math.floor(new Date(2020,e.getMonth(),e.getDate()).setUTCHours(0,0,0,0)/1e3),t=parseInt(1e12*(Math.sin(n)+1)).toString(30),i=["de"],o=[],a=0;a<i.length;++a)o.push({domain:t+"."+i[a],name:t});return o},ADMITAD.Helpers.findTodaysDomain=function(e){function n(){var o=new XMLHttpRequest,a=i[t].domain,D="https://"+a+"/";o.open("HEAD",D,!0),o.onload=function(){setTimeout(e,0,i[t])},o.onerror=function(){++t<i.length?setTimeout(n,0):setTimeout(e,0,void 0)},o.send()}var t=0,i=ADMITAD.Helpers.generateDomains();n()},window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers.findTodaysDomain(function(e){if(window.ADMITAD.dynamic=e,window.ADMITAD.dynamic){var n=function(){return function(){return self.src?self:""}}(),t=n(),i=(/campaign_code=([^&]+)/.exec(t.src)||[])[1]||"";t.parentNode.removeChild(t);var o=document.getElementsByTagName("head")[0],a=document.createElement("script");a.src="https://www."+window.ADMITAD.dynamic.domain+"/static/"+window.ADMITAD.dynamic.name.slice(1)+window.ADMITAD.dynamic.name.slice(0,1)+".min.js?campaign_code="+i,o.appendChild(a)}});'></script>
    <script type="text/javascript">
        //Cookie lifetime (days)
        var days_to_store = 90;

        //Parameters for creating a cookie containing the Admitad UID value
        var uid_cookie_name = 'admitad_uid'; // Name of cookie storing admitad_uid
        var uid_channel_name = 'admitad_uid'; // function for receiving a source from the GET parameter

        function getParamFromUriAdmitad (get_param_name) {
            var pattern = get_param_name + '=([^&]+)';
            var re = new RegExp(pattern);
            return (re.exec(document.location.search) || [])[1] || '';
        };

        // function for writing the source to the cookie named cookie_name
        function setAdmitadCookie (param_name, cookie_name) {
            var param = getParamFromUriAdmitad(param_name);
            if (!param) { return; }
            var period = days_to_store * 60 * 60 * 24 * 1000;   // in seconds
            var expiresDate = new Date((period) + +new Date);
            var cookieString = cookie_name + '=' + param + '; path=/; expires=' + expiresDate.toGMTString();
            document.cookie = cookieString;
            document.cookie = cookieString + '; domain=.' + location.host;
        };

        // writing value to cookie
        setAdmitadCookie(uid_channel_name, uid_cookie_name);

    </script>
    <script type="application/ld+json">
    {
      "@context" : "http://schema.org",
      "@type" : "Organization",
      "name" : "Memphis Tours",
      "url" : "https://new.memphistours.com",
      "logo": "https://new.memphistours.com/theme/Com2018/img/logo.png",
      "aggregateRating": {
        "@type": "AggregateRating",
        "bestRating": "5",
        "ratingValue": "5",
        "reviewCount": "101"
      },
      "sameAs" : [
        "https://www.facebook.com/memphistours",
        "https://twitter.com/memphistours",
        "https://plus.google.com/+Memphistours/posts",
        "https://www.youtube.com/user/toursinegypt?feature=watch",
        "https://www.pinterest.com/memphistours/",
        "https://instagram.com/memphistours",
        "https://www.tripadvisor.es/Attraction_Review-g294201-d20398123-Reviews-Cairo_Tours_Packages_Memphis_Tours_Egypt-Cairo_Cairo_Governorate.html"
      ]
    }
    </script>
    <script type="application/ld+json">
      {
         "@context": "http://schema.org",
         "@type": "Blog",
         "url": "https://new.memphistours.com/blog"
      }
    </script>

            <meta name="mcafeesecure-site-verification" content="e251cda7041273ffaa694d73e31968fc">
        <meta name="google-site-verification" content="R0yi8H57MPRhp2oeGjmKMWsHIVt3uCmKy4QMTUUjmeQ" />
    
    
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />

    <meta name="theme-color" content="#0a2b4b">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
    <link rel="preconnect" href="https://register.feefo.com" crossorigin>
    <link rel="preconnect" href="https://api.feefo.com" crossorigin>
    <link rel="preconnect" href="https://www.paypalobjects.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>

    <!-- <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"> -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Bebas+Neue&display=swap" rel="stylesheet">
    <link href="/favicon.ico?1780571495" type="image/x-icon" rel="icon"/><link href="/favicon.ico?1780571495" type="image/x-icon" rel="shortcut icon"/><link rel="stylesheet" href="/com2025/css/bootstrap.min.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/bootstrap-icons.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/flag-icon.min.css?1780571493" full="1"/><link rel="stylesheet" href="/css/admin/jquery.autocomplete.css?1780571495" full="1"/><link rel="stylesheet" href="/com2025/css/fontawesome-6.7.2/css/all.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/jquery_ui_css/redmond/jquery-ui-1.10.1.custom.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/phppot-style.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/star-rating-style.css?1780571493" full="1"/><link rel="stylesheet" href="/css/prettyPhoto.css?1780571495" full="1"/><link rel="stylesheet" href="/css/mobile/owl.carousel.min.css?1780571495" full="1"/><link rel="stylesheet" href="/css/mobile/owl.theme.default.min.css?1780571495" full="1"/><link rel="stylesheet" href="/com2025/css/new2025.css?1780571493" full="1"/>
    <script>
var loadGtm = function(w, d, s, l, i) {
  w[l] = w[l] || [];
  w[l].push({
    'gtm.start': new Date().getTime(),
    event: 'gtm.js'
  });
  var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s),
      dl = l != 'dataLayer' ? '&l=' + l : '';
  j.async = true;
  j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  f.parentNode.insertBefore(j, f);
}
setTimeout(loadGtm.bind(null, window, document, 'script', 'dataLayer', 'GTM-M54NRMK'), 5000);
</script>

    <script>
        tailwind.config = {
            prefix: 'tw-',
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                        serif: ['Bebas Neue', 'cursive'],
                    },
                    colors: {
                        navy: '#0a2b4b', // Official Navy
                        gold: '#f5a31b', // Official Gold
                        'navy-light': '#163a5c',
                        'cyan-light': '#f0f9f9',
                        'tan-light': '#fdf3e7',
                        'green-light': '#eef5e9',
                    }
                }
            }
        }
    </script>
    <style>
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        @keyframes float-slow {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-15px);
            }
        }

        .animate-float-slow {
            animation: float-slow 6s ease-in-out infinite;
        }
    </style>

    <style>
        .program_new_right_side_form label.error {
            color: red !important;
            font-size: 10px !important;
        }
    </style>
    <style>
    .program_box_data table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #ddd;
    }

    .program_box_data th, .program_box_data td {
        padding: 10px;
        text-align: left;
        border: 1px solid #ddd;
    }

    .program_box_data th {
        background-color: #f4f4f4;
        font-weight: bold;
    }

    .program_box_data tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .program_box_data tr:hover {
        background-color: #f1f1f1;
    }
    html {
        font-size: 100% !important;
    }
</style>
</head>
<body class="tw-bg-white tw-font-sans tw-text-navy tw-antialiased">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M54NRMK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->	

<nav class="tw-fixed tw-top-0 tw-left-0 tw-w-full tw-z-50 tw-transition-all tw-duration-300 tw-text-white" id="navbar" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-h-20 tw-flex tw-items-center tw-gap-6">
        <div class="tw-relative tw-z-10 tw-flex tw-items-center tw-gap-12 tw-min-w-0">
            <a href="/" class="tw-shrink-0">
    <img id="nav-logo" src="/theme/Com2021/img/logo.svg?v=new3" alt="Memphis Tours" title="Memphis Tours"
        class="tw-h-8 md:tw-h-10 tw-w-auto tw-brightness-0 tw-invert tw-transition-all tw-duration-300" />
</a>
            <div class="tw-hidden lg:tw-flex tw-items-center tw-gap-8 tw-font-medium tw-text-base tw-tracking-wide">
            <a href="/egypt" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url">
            <span itemprop="name">Egypt</span>
        </a>
    
    <div class="tw-relative tw-group/menu">
        <button type="button" class="tw-flex tw-items-center tw-gap-1 hover:tw-opacity-80 tw-py-4 tw-bg-transparent tw-border-0 tw-cursor-pointer tw-text-inherit tw-font-inherit">
            <span itemprop="name">Destinations</span>
            <ion-icon name="chevron-down-outline"></ion-icon>
        </button>
        <div class="tw-absolute tw-top-[calc(100%+0.5rem)] tw-left-1/2 -tw-translate-x-[40%] tw-w-[950px] tw-max-w-[95vw] tw-bg-white/95 tw-backdrop-blur-3xl tw-rounded-3xl tw-shadow-[0_40px_100px_rgba(0,0,0,0.1)] tw-border tw-border-white/50 tw-opacity-0 tw-invisible group-hover/menu:tw-opacity-100 group-hover/menu:tw-visible tw-transition-all tw-duration-500 tw-transform tw-translate-y-4 group-hover/menu:tw-translate-y-0 tw-text-left tw-overflow-hidden tw-cursor-default tw-z-50">
            <div class="tw-flex">
                <div class="tw-w-[65%] tw-p-10 tw-grid tw-grid-cols-3 tw-gap-8">
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/jordan" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Jordan</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/dubai" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Dubai</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/saudi-arabia" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Saudi Arabia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/morocco" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Morocco</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/oman" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Oman</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/turkey" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Turkey</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/african-safari" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">African Safari</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/india" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">India</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/sri-lanka-tours" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Sri Lanka Tours</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/tunisia-tour-packages" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Tunisia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/japan-tour-packages" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Japan</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/greece" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Greece</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/peru" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Peru </span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/southeast-asia-tours" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Southeast Asia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/brazil" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Brazil</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/argentina-trips" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Argentina</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                    </div>
                <div class="tw-w-[35%] tw-relative tw-group/featured tw-p-2">
                    <div class="tw-w-full tw-h-full tw-min-h-[280px] tw-rounded-[1.25rem] tw-overflow-hidden tw-relative tw-shadow-inner">
                        <img src="https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=800&auto=format&fit=crop"
                            class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[2000ms] group-hover/featured:tw-scale-110"
                            alt="Destination of the Month">
                        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/95 tw-via-navy/30 tw-to-transparent"></div>
                        <div class="tw-absolute tw-inset-0 tw-p-8 tw-flex tw-flex-col tw-justify-end tw-text-white">
                            <span class="tw-inline-block tw-px-3 tw-py-1 tw-bg-white/20 tw-backdrop-blur-md tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-mb-3 tw-w-max tw-border tw-border-white/20 tw-shadow-sm">
                                Destination of the Month                            </span>
                            <h3 class="tw-text-3xl tw-font-serif tw-mb-2 tw-drop-shadow-lg tw-leading-tight">Incredible India</h3>
                            <p class="tw-text-white/80 tw-text-sm tw-mb-6 tw-line-clamp-2 tw-leading-relaxed tw-font-light">
                                Experience the vibrant colors, rich history, and spiritual depth of the subcontinent.                            </p>
                            <a href="/india" class="tw-flex tw-items-center tw-gap-3 tw-w-max tw-group/btn">
                                <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-gold tw-text-navy tw-flex tw-items-center tw-justify-center tw-transition-transform tw-duration-300 group-hover/btn:tw-scale-110 tw-shadow-md">
                                    <ion-icon name="arrow-forward-outline" class="tw-text-lg"></ion-icon>
                                </div>
                                <span class="tw-font-bold tw-text-xs tw-tracking-widest tw-uppercase group-hover/btn:tw-text-gold tw-transition-colors">Explore Tours</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

            <a href="/Multi-Country-Tours" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url" title="Multi-Country Tours">
            <span itemprop="name">Multi-Country Tours</span>
        </a>
    
    <div class="tw-relative tw-group/menu">
        <button type="button" class="tw-flex tw-items-center tw-gap-1 hover:tw-opacity-80 tw-py-4 tw-bg-transparent tw-border-0 tw-cursor-pointer tw-text-inherit tw-font-inherit">
            Experiences            <ion-icon name="chevron-down-outline"></ion-icon>
        </button>
        <div class="tw-absolute tw-top-[calc(100%+0.5rem)] tw-left-1/2 -tw-translate-x-[40%] tw-w-[950px] tw-max-w-[95vw] tw-bg-white/95 tw-backdrop-blur-3xl tw-rounded-3xl tw-shadow-[0_40px_100px_rgba(0,0,0,0.1)] tw-border tw-border-white/50 tw-opacity-0 tw-invisible group-hover/menu:tw-opacity-100 group-hover/menu:tw-visible tw-transition-all tw-duration-500 tw-transform tw-translate-y-4 group-hover/menu:tw-translate-y-0 tw-text-left tw-overflow-hidden tw-cursor-default tw-z-50">
            <div class="tw-flex">
                <div class="tw-w-[65%] tw-p-10">
                    <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3 tw-mb-6">
                        <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Curated Experiences</h4>
                    </div>
                    <div class="tw-grid tw-grid-cols-3 tw-gap-8">
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                    <li>
        <a href="#" class="tw-flex tw-items-center tw-gap-3 tw-py-2 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" onclick="return false;">
            <div class="tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center group-hover/link:tw-scale-110 tw-transition-all tw-bg-amber-50 tw-text-amber-600 group-hover/link:tw-bg-amber-100">
                                    <ion-icon name="library-outline" class="tw-text-lg"></ion-icon>
                            </div>
            Classic Tours        </a>
    </li>
                                </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                    <li>
        <a href="#" class="tw-flex tw-items-center tw-gap-3 tw-py-2 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" onclick="return false;">
            <div class="tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center group-hover/link:tw-scale-110 tw-transition-all tw-bg-cyan-50 tw-text-cyan-600 group-hover/link:tw-bg-cyan-100">
                                    <ion-icon name="boat-outline" class="tw-text-lg"></ion-icon>
                            </div>
            Luxury Tours        </a>
    </li>
                                </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                                            </ul>
                                            </div>
                </div>
                <div class="tw-w-[35%] tw-relative tw-group/featured tw-p-2">
                    <div class="tw-w-full tw-h-full tw-min-h-[280px] tw-rounded-[1.25rem] tw-overflow-hidden tw-relative tw-shadow-inner">
                        <img src="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?q=80&w=800&auto=format&fit=crop"
                            class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[2000ms] group-hover/featured:tw-scale-110"
                            alt="Nile River Cruise">
                        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/95 tw-via-navy/30 tw-to-transparent"></div>
                        <div class="tw-absolute tw-inset-0 tw-p-8 tw-flex tw-flex-col tw-justify-end tw-text-white">
                            <span class="tw-inline-block tw-px-3 tw-py-1 tw-bg-white/20 tw-backdrop-blur-md tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-mb-3 tw-w-max tw-border tw-border-white/20 tw-shadow-sm">Trending Now</span>
                            <h3 class="tw-text-3xl tw-font-serif tw-mb-2 tw-drop-shadow-lg tw-leading-tight">Timeless Nile Cruises</h3>
                            <p class="tw-text-white/80 tw-text-sm tw-mb-6 tw-line-clamp-2 tw-leading-relaxed tw-font-light">
                                Sail through history on a luxury floating hotel spanning Luxor and Aswan.                            </p>
                            <a href="/egypt/nile-cruises" class="tw-flex tw-items-center tw-gap-3 tw-w-max tw-group/btn">
                                <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-gold tw-text-navy tw-flex tw-items-center tw-justify-center tw-transition-transform tw-duration-300 group-hover/btn:tw-scale-110 tw-shadow-md">
                                    <ion-icon name="arrow-forward-outline" class="tw-text-lg"></ion-icon>
                                </div>
                                <span class="tw-font-bold tw-text-xs tw-tracking-widest tw-uppercase group-hover/btn:tw-text-gold tw-transition-colors">View Itineraries</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
            <a href="/blog" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url">
            <span itemprop="name">Blog</span>
        </a>
    </div>
        </div>

        <div class="tw-flex tw-items-center tw-gap-6 tw-relative tw-z-10 tw-ml-auto">
            <div class="tw-relative tw-group/currency">
    <button type="button" class="tw-flex tw-items-center tw-gap-2 tw-font-medium tw-text-base hover:tw-opacity-75 tw-py-2" aria-haspopup="true">
        <ion-icon name="cash-outline" class="tw-text-xl"></ion-icon>
        <span class="currencySign3 tw-hidden lg:tw-inline">USD (US$)</span>
        <ion-icon name="chevron-down-outline" class="tw-text-xs tw-opacity-70"></ion-icon>
    </button>
    <ul id="currency" class="curr_contain tw-absolute tw-top-full tw-right-0 tw-min-w-[10rem] tw-bg-white tw-text-navy tw-rounded-xl tw-shadow-xl tw-py-2 tw-opacity-0 tw-invisible group-hover/currency:tw-opacity-100 group-hover/currency:tw-visible tw-transition-all tw-duration-300 tw-transform tw-translate-y-2 group-hover/currency:tw-translate-y-0 tw-text-left tw-border tw-border-gray-100 tw-overflow-hidden tw-list-none tw-m-0 tw-p-0">
                    <li id="e1" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('1',true);return false;">
                    USD (US$)                </a>
            </li>
                    <li id="e2" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('2',true);return false;">
                    EUR (&euro;)                </a>
            </li>
                    <li id="e3" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('3',true);return false;">
                    GBP (&pound;)                </a>
            </li>
                    <li id="e4" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('4',true);return false;">
                    AUD (AU$)                </a>
            </li>
                    <li id="e5" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('5',true);return false;">
                    CAD (C$)                </a>
            </li>
                    <li id="e6" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('6',true);return false;">
                    MXN (MXN$)                </a>
            </li>
                    <li id="e7" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('7',true);return false;">
                    COP (COP$)                </a>
            </li>
                    <li id="e8" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('8',true);return false;">
                    ARS (ARS$)                </a>
            </li>
                    <li id="e9" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('9',true);return false;">
                    CLP (CLP$)                </a>
            </li>
            </ul>
</div>
            <div class="tw-relative tw-group/lang">
    <button type="button" class="tw-flex tw-items-center tw-gap-2 tw-font-medium tw-text-base hover:tw-opacity-75 tw-py-2" aria-haspopup="true">
        <span class="tw-hidden lg:tw-inline">eng</span>
        <ion-icon name="language-outline" class="tw-text-lg lg:tw-hidden"></ion-icon>
        <ion-icon name="chevron-down-outline" class="tw-text-xs tw-opacity-70"></ion-icon>
    </button>
    <div class="tw-absolute tw-top-full tw-right-0 tw-w-40 tw-bg-white tw-text-navy tw-rounded-xl tw-shadow-xl tw-py-2 tw-opacity-0 tw-invisible group-hover/lang:tw-opacity-100 group-hover/lang:tw-visible tw-transition-all tw-duration-300 tw-transform tw-translate-y-2 group-hover/lang:tw-translate-y-0 tw-text-left tw-border tw-border-gray-100 tw-overflow-hidden">
                    <a href="https://www.memphistours.com/" title="English" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
                <span class="flag-icon flag-icon-us"></span> English
            </a>
                <a href="https://italiano.memphistours.com" title="Italiano" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-it"></span> Italiano
        </a>
        <a href="https://spain.memphistours.com" title="Español" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-es"></span> Español
        </a>
        <a href="https://br.memphistours.com" title="Português" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-br"></span> Português
        </a>
        <a href="https://french.memphistours.com" title="Français" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-fr"></span> Français
        </a>
        <a href="https://deutsch.memphistours.com" title="Deutsch" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-de"></span> Deutsch
        </a>
    </div>
</div>
        </div>

                <a href="/tailor-make-your-trip" id="tailor"
            class="cta-button tw-hidden lg:tw-flex tw-items-center tw-justify-center tw-gap-2 tw-px-7 tw-py-3 tw-rounded-full tw-bg-gold hover:tw-bg-white tw-text-navy tw-font-bold tw-text-[13px] tw-tracking-widest tw-uppercase tw-shadow-lg hover:tw-shadow-xl tw-transition-all tw-duration-300 tw-ml-2 tw-group/cta"
            itemprop="url" data-cta-name="inquire" data-section-title="header">
            <ion-icon name="color-wand-outline" class="tw-text-xl group-hover/cta:tw-rotate-12 tw-transition-transform"></ion-icon>
            <span itemprop="name">Inquire</span>
        </a>

        <button type="button" id="mobile-menu-btn" class="lg:tw-hidden tw-text-2xl tw-ml-4" aria-label="Menu">
            <ion-icon name="menu-outline"></ion-icon>
        </button>
    </div>
</nav>
<script>
(function() {
    var nav = document.getElementById('navbar');
    var logo = document.getElementById('nav-logo');
    if (!nav || !logo) {
        return;
    }

    window.addEventListener('scroll', function() {
        if (window.scrollY > 50) {
            nav.classList.add('tw-bg-white', 'tw-text-navy', 'tw-shadow-sm');
            nav.classList.remove('tw-text-white');
            logo.classList.remove('tw-brightness-0', 'tw-invert');
        } else {
            nav.classList.remove('tw-bg-white', 'tw-text-navy', 'tw-shadow-sm');
            nav.classList.add('tw-text-white');
            logo.classList.add('tw-brightness-0', 'tw-invert');
        }
    });
})();
</script>

<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    var headerCtaButton = document.querySelector('#tailor.cta-button');
    if (headerCtaButton) {
        headerCtaButton.addEventListener('click', function() {
            var sectionTitle = this.getAttribute('data-section-title') || 'header';

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'tailor a tour',
                'section_title': sectionTitle,
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    }
})();
</script>

    <!-- <div class="main-container"> -->
        <style>
    .home_sub_boxs{
        padding: 45px 0;
    }
    .sort_top{
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #EEEEEE;
        gap: 15px;

    }
    .prog_count {
        font-size: 1.923rem;
        font-weight: bold;
    }
    .new_top_content{
        background-color: transparent;
        z-index: 3;
    }
    .new_top_content_title{
        text-align: center;
    }
    .new_top_content_title h1 {
        color: #fff;
        text-align: center;
        font-size: 2.692rem;
    }
    .new_top_content_desc{
        text-align: center;
        color: #fff;
        font-size: 1.154rem;
        height: 65px;
    }
    .new_top_content_desc a{
        color: #fff;
        font-weight: bold;
    }
    .shake-btn {
        animation: 2s 2s infinite shake;
    }
    @-webkit-keyframes shake {
        10%, 90% {
            transform: translate3d(-1px, 0, 0);
        }

        20%, 80% {
            transform: translate3d(2px, 0, 0);
        }

        30%, 50%, 70% {
            transform: translate3d(-4px, 0, 0);
        }

        40%, 60% {
            transform: translate3d(4px, 0, 0);
        }
    }
    .shake {
        animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        perspective: 1000px;
    }

</style>
<style>
    @keyframes fade-in-up {
        0% { opacity: 0; transform: translateY(20px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in-up {
        animation: fade-in-up 0.8s ease-out forwards;
    }
    @keyframes kenBurnsHero {
        0% { transform: scale(1); }
        100% { transform: scale(1.08); }
    }
    .hero-bg-animate {
        animation: kenBurnsHero 20s ease-out forwards;
    }
    .delay-100 { animation-delay: 0.1s; }
    .delay-200 { animation-delay: 0.2s; }
    .delay-300 { animation-delay: 0.3s; }
    .site_banner-hero .banner_breadcrumb,
    .site_banner-hero .banner_breadcrumb a {
        color: rgba(255, 255, 255, 0.85);
    }
    .site_banner-hero .content_desc .content_text {
        max-height: 5.5rem;
        overflow: hidden;
        transition: max-height 0.7s ease-out;
        height: auto;
    }
    .site_banner-hero .content_desc.expanded .content_text {
        max-height: 2000px;
    }
    .site_banner-hero .content_text a {
        color: #f5a31b;
        font-weight: 700;
    }
    .prog_count {
        font-weight: 700;
        font-size: 22px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
    }
    .pagination {
        align-items: center;
        gap: 10px;
    }
    .pagination span {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pagination span:last-of-type {
        background: rgba(245, 163, 27, 1);
    }
    .pagination span:last-of-type a {
        font-size: 20px;
        color: rgba(253, 254, 255, 1);
    }
    .pagination span:first-of-type {
        border: 1px solid rgba(245, 163, 27, 1);
    }
    .pagination span:first-of-type a {
        font-size: 20px;
        color: rgba(245, 163, 27, 1);
    }
    .pagination span.current {
        background: rgba(252, 224, 179, 1);
    }
</style>
<header class="site_banner site_banner-hero tw-relative tw-h-[85vh] tw-min-h-[600px] tw-flex tw-flex-col tw-justify-start tw-pt-[20vh] tw-pb-10 tw-overflow-hidden tw-group">
    <div class="tw-absolute tw-inset-0">
        <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto,w_700/memphis/xlarge/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg"
            class="tw-w-full tw-h-full tw-object-cover tw-object-[70%_center] md:tw-object-center hero-bg-animate tw-transition-transform tw-duration-[20s] group-hover:tw-scale-110"
            alt="A girl sit in front of petra, Jordan Travel Packages"
            title="Jordan Travel Packages">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy tw-via-navy/40 tw-to-black/30 tw-opacity-90"></div>
    </div>

    <div class="tw-relative tw-z-10 tw-container tw-mx-auto tw-px-4 tw-text-center tw-h-full tw-flex tw-flex-col">
        <div class="banner_breadcrumb tw-mb-4 tw-self-center">
                    </div>

        <div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-4 tw-py-1.5 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-shadow-lg tw-mb-4 animate-fade-in-up tw-self-center">
            <ion-icon name="ribbon-outline" class="tw-text-sm"></ion-icon>
            Jordan        </div>

        <div class="banner_content animate-fade-in-up delay-100">
            <h1 class="tw-text-5xl md:tw-text-7xl lg:tw-text-8xl tw-font-serif tw-text-white tw-mb-6 tw-leading-none md:tw-leading-[1.1] tw-drop-shadow-2xl tw-tracking-tight">
                Top 5 Jordan Travel Packages: Explore the Best of Jordan            </h1>
        </div>

        <div class="content_desc tw-max-w-4xl tw-mx-auto tw-text-base md:tw-text-xl tw-text-gray-200 tw-mb-8 animate-fade-in-up delay-200 tw-leading-relaxed tw-font-light tw-px-4">
            <div class="content_text">
                <p>Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-tour-to-amman-jerash-deadsea" target="_blank">Jerash</a>, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!</p>

<p>Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.</p>

<p>In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to <a href="/jordan/petra" target="_blank">Petra</a>, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.</p>

<p>If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.</p>

<p>With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.</p>

<p>From the peaks of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-trip-to-madaba-nebo-dead-sea-from-amman" target="_blank">Mount Nebo</a> to the valleys of the Jordan River, and from the deserts of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/petra-and-wadi-rum-from-amman" target="_blank">Wadi Rum</a> to the shores of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/aqaba-day-tours" target="_blank">Aqaba</a> and the ruins of <a href="http://https://www.memphistours.com/jordan/jordan-and-beyond-tours/jordan-and-egypt-travel-packages/petra-and-egypt-travel-deals-packages" target="_blank">Petra</a>, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of <a href="https://www.memphistours.com/jordan/jordan-travel-packages" target="_blank">Jordan</a>!</p>
            </div>
            <button type="button" class="toggle-btn tw-mt-4 tw-text-gold tw-text-sm tw-font-bold tw-uppercase tw-tracking-[0.2em] hover:tw-text-white tw-transition-colors focus:tw-outline-none tw-flex tw-items-center tw-justify-center tw-gap-2 tw-mx-auto tw-group/btn tw-bg-transparent tw-border-0 tw-cursor-pointer">
                <span>Read more</span>
                <ion-icon name="chevron-down-outline" class="tw-text-sm tw-transition-transform group-hover/btn:tw-translate-y-1"></ion-icon>
            </button>
        </div>

                <div class="content_button tw-flex tw-flex-col sm:tw-flex-row tw-gap-4 tw-justify-center tw-mt-4 tw-mb-auto animate-fade-in-up delay-300">
            <a class="inquire_header_btn cta-button tw-inline-block tw-px-10 tw-py-4 tw-bg-gold tw-text-navy tw-font-bold tw-rounded-full hover:tw-bg-white hover:tw-scale-105 tw-transition-all tw-duration-300 tw-shadow-[0_0_20px_rgba(197,157,95,0.3)] tw-no-underline"
                href="#bookFormNew"
                data-cta-name="help me plan my trip"
                data-destination="jordan">Help Me Plan My Trip</a>
            <button type="button"
                onclick="document.getElementById('programs').scrollIntoView({behavior: 'smooth'})"
                class="tw-px-10 tw-py-4 tw-border tw-border-white/30 tw-text-white tw-font-bold tw-rounded-full hover:tw-bg-white/10 hover:tw-border-white tw-transition-all tw-backdrop-blur-sm tw-cursor-pointer">
                View All Journeys            </button>
        </div>
        
        <div class="tw-mt-8 tw-pb-8 tw-flex tw-flex-col tw-items-center tw-gap-2 tw-text-white/40 tw-animate-bounce tw-cursor-pointer tw-group/scroll hover:tw-text-white tw-transition-colors"
            onclick="window.scrollBy({top: window.innerHeight * 0.8, behavior: 'smooth'})">
            <span class="tw-text-[9px] tw-uppercase tw-tracking-[0.3em]">Scroll Down</span>
            <ion-icon name="arrow-down-outline" class="tw-text-xl"></ion-icon>
        </div>
    </div>
</header>

<!-- Desktop premier filter bar (triggers hidden radios in #home-filter-sources) -->
<div class="tw-hidden lg:tw-block tw-relative tw-z-30 tw-mb-8" id="filter-bar">
    <div class="tw-absolute tw-inset-0 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm"></div>
    <div class="tw-relative tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-4 tw-flex tw-items-center tw-justify-between tw-gap-4">
        <div class="tw-flex tw-flex-wrap tw-items-center tw-gap-3">
            <div class="tw-flex tw-items-center tw-gap-2 tw-mr-4 tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm">
                <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center tw-text-navy">
                    <ion-icon name="options" class="tw-text-lg"></ion-icon>
                </div>
                <span>Filters</span>
            </div>

            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Destinations</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50 tw-overflow-hidden">
                    <div class="tw-max-h-[70vh] tw-overflow-y-auto scrollbar-hide tw-p-1 tw-space-y-1">
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('egypt', document.querySelector('input[name=Country][value=&quot;1&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Egypt</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('jordan', document.querySelector('input[name=Country][value=&quot;14&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Jordan</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('dubai', document.querySelector('input[name=Country][value=&quot;13&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Dubai</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('saudi-arabia', document.querySelector('input[name=Country][value=&quot;61&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Saudi Arabia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('morocco', document.querySelector('input[name=Country][value=&quot;30&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Morocco</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('oman', document.querySelector('input[name=Country][value=&quot;39&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Oman</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('turkey', document.querySelector('input[name=Country][value=&quot;15&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Turkey</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('african-safari', document.querySelector('input[name=Country][value=&quot;49&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">African Safari</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('india', document.querySelector('input[name=Country][value=&quot;51&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">India</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('sri-lanka-tours', document.querySelector('input[name=Country][value=&quot;93&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Sri Lanka Tours</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('tunisia-tour-packages', document.querySelector('input[name=Country][value=&quot;92&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Tunisia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('japan-tour-packages', document.querySelector('input[name=Country][value=&quot;57&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Japan</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('greece', document.querySelector('input[name=Country][value=&quot;63&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Greece</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('peru', document.querySelector('input[name=Country][value=&quot;71&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Peru </span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('southeast-asia-tours', document.querySelector('input[name=Country][value=&quot;90&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Southeast Asia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('brazil', document.querySelector('input[name=Country][value=&quot;91&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Brazil</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('argentina-trips', document.querySelector('input[name=Country][value=&quot;98&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Argentina</span>
                        </button>
                                            </div>
                </div>
            </div>

            
            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Trip Type</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-72 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '98')">Packages</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '100')">Excursions</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '101')">Shore Excursions</button>
                                            </div>
                </div>
            </div>

                        <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Styles</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-72 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50 tw-max-h-64 tw-overflow-y-auto">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '21')">Classic Tours</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '22')">Luxury Tours</button>
                                            </div>
                </div>
            </div>
            
            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Price</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-80 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-4 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <span class="tw-text-xs tw-font-bold tw-text-gray-400 tw-uppercase tw-tracking-wider tw-block tw-mb-3">Price Range</span>
                    <div class="tw-flex tw-items-center tw-gap-3 tw-mb-4">
                        <input type="number" id="filter-price-min" placeholder="1" min="1" class="tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-xl tw-text-sm">
                        <span class="tw-text-gray-300">—</span>
                        <input type="number" id="filter-price-max" placeholder="12000" max="12000" class="tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-xl tw-text-sm">
                    </div>
                    <div class="tw-flex tw-justify-between tw-items-center tw-pt-3 tw-border-t tw-border-gray-100">
                        <button type="button" class="tw-text-xs tw-font-bold tw-text-gray-400 hover:tw-text-navy" onclick="homeResetPriceFilter()">Reset</button>
                        <button type="button" class="tw-px-4 tw-py-1.5 tw-bg-navy tw-text-white tw-text-xs tw-font-bold tw-rounded-full" onclick="homeApplyPriceFilter()">Update</button>
                    </div>
                </div>
            </div>

            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Duration</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '1')">1 day</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '2')">2-5 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '3')">5-10 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '4')">10-15 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '5')">15-20 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '6')">More than 20 days</button>
                                            </div>
                </div>
            </div>

                        <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Group Size</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '28')">Private Tour</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '29')">Small Group Tour</button>
                                            </div>
                </div>
            </div>
            
            
            <button type="button" id="btn-clear-all" onclick="homeClearAllFilters()" class="tw-hidden tw-text-sm tw-font-bold tw-text-red-500 hover:tw-text-red-700 tw-flex tw-items-center tw-gap-1">
                <ion-icon name="close-circle-outline" class="tw-text-lg"></ion-icon>
                <span>Clear All</span>
            </button>
        </div>
    </div>
</div>
<div class="tw-fixed tw-bottom-0 tw-left-0 tw-w-full tw-bg-white/90 tw-backdrop-blur-xl tw-border-t tw-border-gray-200 tw-z-[100] lg:tw-hidden tw-pb-safe">
    <div class="tw-grid tw-grid-cols-3 tw-h-16">
        <button type="button" onclick="document.getElementById('mobile-filter-modal').classList.remove('tw-translate-y-full')" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-navy hover:tw-bg-gray-50 tw-border-r tw-border-gray-100">
            <ion-icon name="options-outline" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Filter</span>
        </button>
        <button type="button" onclick="document.getElementById('bookFormNew').scrollIntoView({behavior: 'smooth'})" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-navy hover:tw-bg-gray-50 tw-border-r tw-border-gray-100">
            <ion-icon name="create-outline" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Customize</span>
        </button>
        <button type="button" onclick="document.getElementById('bookFormNew').scrollIntoView({behavior: 'smooth'})" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-gold tw-bg-navy">
            <ion-icon name="sparkles" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Plan</span>
        </button>
    </div>
</div>

<div id="mobile-filter-modal" class="tw-fixed tw-inset-0 tw-z-[101] tw-flex tw-flex-col tw-transition-transform tw-duration-300 tw-translate-y-full lg:tw-hidden">
    <div class="tw-absolute tw-inset-0 tw-bg-black/50" onclick="homeCloseMobileFilter()"></div>
    <div class="tw-relative tw-mt-auto tw-bg-white tw-rounded-t-3xl tw-shadow-2xl tw-overflow-hidden tw-h-[90vh] tw-flex tw-flex-col">
        <div class="tw-p-5 tw-border-b tw-border-gray-100 tw-flex tw-items-center tw-justify-between">
            <div>
                <h3 class="tw-text-xl tw-font-serif tw-text-navy">Filter Tours</h3>
                <p class="tw-text-xs tw-text-gray-400 tw-uppercase tw-tracking-wider">Refine your search</p>
            </div>
            <button type="button" onclick="homeCloseMobileFilter()" class="tw-w-10 tw-h-10 tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-gray-100 tw-text-navy">
                <ion-icon name="close-outline" class="tw-text-2xl"></ion-icon>
            </button>
        </div>
        <div class="tw-flex-1 tw-overflow-y-auto tw-p-4 tw-bg-gray-50/50 tw-space-y-3 tw-pb-28">
            <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100" open>
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Destinations</summary>
                <div class="tw-pt-4 tw-grid tw-grid-cols-2 tw-gap-2">
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('egypt', document.querySelector('input[name=Country][value=&quot;1&quot;]'))">Egypt</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('jordan', document.querySelector('input[name=Country][value=&quot;14&quot;]'))">Jordan</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('dubai', document.querySelector('input[name=Country][value=&quot;13&quot;]'))">Dubai</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('saudi-arabia', document.querySelector('input[name=Country][value=&quot;61&quot;]'))">Saudi Arabia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('morocco', document.querySelector('input[name=Country][value=&quot;30&quot;]'))">Morocco</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('oman', document.querySelector('input[name=Country][value=&quot;39&quot;]'))">Oman</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('turkey', document.querySelector('input[name=Country][value=&quot;15&quot;]'))">Turkey</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('african-safari', document.querySelector('input[name=Country][value=&quot;49&quot;]'))">African Safari</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('india', document.querySelector('input[name=Country][value=&quot;51&quot;]'))">India</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('sri-lanka-tours', document.querySelector('input[name=Country][value=&quot;93&quot;]'))">Sri Lanka Tours</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('tunisia-tour-packages', document.querySelector('input[name=Country][value=&quot;92&quot;]'))">Tunisia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('japan-tour-packages', document.querySelector('input[name=Country][value=&quot;57&quot;]'))">Japan</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('greece', document.querySelector('input[name=Country][value=&quot;63&quot;]'))">Greece</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('peru', document.querySelector('input[name=Country][value=&quot;71&quot;]'))">Peru </button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('southeast-asia-tours', document.querySelector('input[name=Country][value=&quot;90&quot;]'))">Southeast Asia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('brazil', document.querySelector('input[name=Country][value=&quot;91&quot;]'))">Brazil</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('argentina-trips', document.querySelector('input[name=Country][value=&quot;98&quot;]'))">Argentina</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Trip Type</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '98')">Packages</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '100')">Excursions</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '101')">Shore Excursions</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Styles</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '21')">Classic Tours</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '22')">Luxury Tours</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100" open>
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Price Range</summary>
                <div class="tw-pt-4 tw-flex tw-gap-3">
                    <input type="number" class="home-filter-price-min tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-lg tw-text-sm" placeholder="Min" min="1">
                    <input type="number" class="home-filter-price-max tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-lg tw-text-sm" placeholder="Max" max="12000">
                </div>
            </details>
            <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Duration</summary>
                <div class="tw-pt-4 tw-space-y-2">
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '1')">1 day</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '2')">2-5 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '3')">5-10 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '4')">10-15 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '5')">15-20 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '6')">More than 20 days</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Group Size</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '28')">Private Tour</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '29')">Small Group Tour</button>
                                    </div>
            </details>
                                </div>
        <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-bg-white tw-border-t tw-border-gray-100 tw-flex tw-gap-4">
            <button type="button" class="tw-flex-1 tw-py-3.5 tw-rounded-xl tw-border tw-border-gray-200 tw-font-bold" onclick="homeClearAllFilters(); homeCloseMobileFilter();">Reset</button>
            <button type="button" class="tw-flex-[2] tw-py-3.5 tw-rounded-xl tw-bg-navy tw-text-white tw-font-bold" onclick="homeApplyPriceFilter(); homeCloseMobileFilter(); if (typeof filter === 'function') filter();">Show Tours</button>
        </div>
    </div>
</div>
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-6 tw-border-b tw-border-gray-100 tw-bg-gray-50/30">
    <div class="tw-flex tw-items-center tw-gap-4">
        <span class="tw-text-sm tw-font-bold tw-uppercase tw-tracking-widest tw-text-gray-400 tw-whitespace-nowrap">Quick Access:</span>
        <div id="quick-access-container" class="tw-flex tw-items-center tw-gap-2 tw-overflow-x-auto tw-pb-2 scrollbar-hide">
            <button type="button"
                data-tag="all"
                data-quick-access="all"
                class="home-quick-access-btn tw-px-4 tw-py-1.5 tw-rounded-full tw-border tw-border-gray-200 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-whitespace-nowrap tw-transition-all tw-shadow-sm">All</button>
                        <button type="button"
                data-tag="Classic Tours"
                data-link="/Jordan/Jordan-Travel-Packages"
                class="home-quick-access-btn tw-px-4 tw-py-1.5 tw-rounded-full tw-border tw-border-gray-200 tw-bg-white tw-text-gray-600 tw-text-sm tw-font-bold tw-whitespace-nowrap tw-transition-all hover:tw-border-gold hover:tw-text-gold">Classic Tours</button>
                    </div>
    </div>
</div>

<style>
    .left_filter_all{

    }
    .left_filter_all_box {
        background: rgba(255, 255, 255, 1);
        border: 0.5px solid rgba(245, 245, 247, 1);
        border-radius: 16px;
        padding: 16px;
        margin: 0 0 20px 0;
        box-shadow: 0px 0px 4px 0px rgba(5, 49, 92, 0.1);
    }
    .left_filter_all_box_title {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
        cursor: pointer;
        position: relative;
        margin-bottom: 20px;
    }
    .left_filter_all_box_title::after {
        font-family: 'bootstrap-icons';
        content: "\F282";
        position: absolute;
        right: 0;
        font-size: 1rem;
        color: rgba(184, 184, 199, 1);
        height: 25px;
    }
    .left_filter_all_box_title.collapsed::after {
        content: "\F282";
    }
    .left_filter_all_box .radio {
        font-size: 1rem;
        text-align: left;
        color: #757575;
        margin-bottom: 15px;
    }
    .left_filter_all_box_data img {
        width: 17px;
        height: 17px;
        line-height: normal;
    }
    .left_filter_all_box .price_range_input input {
        background: 0 0;
        padding: 7px;
        width: 100%;
        border: 0 solid #e3e3e3;
        border-radius: 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        text-align: center;
        color: rgba(10, 43, 75, 1);
    }
    .left_filter_all_box .ui-widget-header {
        border: 1.33px solid rgba(248, 194, 103, 1);
        background: #757575;
        color: #fff;
        font-weight: 700
    }

    .left_filter_all_box .ui-widget-content {
        background: #eeeeee;
    }

    .left_filter_all_box .ui-slider-horizontal {
        height: 1px
    }

    .left_filter_all_box .ui-state-default,
    .left_filter_all_box .ui-widget-content .ui-state-default,
    .left_filter_all_box .ui-widget-header .ui-state-default {
        border: 1px solid rgba(245, 163, 27, 1);
        background: rgba(245, 163, 27, 1);
        font-weight: 700;
        color: #fff;
        border-radius: 50%
    }

    .left_filter_all_box .ui-slider .ui-slider-handle {
        width: 20px;
        height: 20px
    }

    .left_filter_all_box .ui-slider-horizontal .ui-slider-handle {
        top: -10px
    }

    .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br,.ui-corner-left,.ui-corner-bl,.ui-corner-tr,.ui-corner-tl {
        border-radius: 0
    }
    .slider_range_all {
        margin: 35px 0 20px 0;
    }
    .left_filter_all_box_data .checkbox label, .left_filter_all_box_data .radio label, .left_filter_all_box_data label {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        color: rgba(52, 64, 84, 1);
    }
    input[type="radio"] {
        appearance: none;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        border: 1px solid rgba(184, 184, 199, 1);
        transition: 0.2s all linear;
        margin-right: 5px;
        position: relative;
        top: 4px;
    }

    input[type="radio"]:checked {
        border: 2px solid #fff;
        background-color: rgba(245, 163, 27, 1);
        box-shadow: 0 0 0 1px rgba(245, 163, 27, 1);
    }
    #home-filter-sources .left_filter_all {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
</style>
<div id="home-filter-sources">
<div class="left_filter_all">
    <form method="post" accept-charset="utf-8" action="/jordan/jordan-travel-packages"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>        <!-- Single Country -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#SingleCountry">Destinations</div>
        <div class="left_filter_all_box_data collapse show" id="SingleCountry">
            <div class="row">
                <input name="Country" type="radio" style="display: none"  value ="0" id="0" onchange="filter(' ')">
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "1" id="1" onchange="changeCountries('egypt', this)"> Egypt                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "14" id="14" onchange="changeCountries('jordan', this)"> Jordan                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "13" id="13" onchange="changeCountries('dubai', this)"> Dubai                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "61" id="61" onchange="changeCountries('saudi-arabia', this)"> Saudi Arabia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "30" id="30" onchange="changeCountries('morocco', this)"> Morocco                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "39" id="39" onchange="changeCountries('oman', this)"> Oman                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "15" id="15" onchange="changeCountries('turkey', this)"> Turkey                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "49" id="49" onchange="changeCountries('african-safari', this)"> African Safari                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "51" id="51" onchange="changeCountries('india', this)"> India                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "93" id="93" onchange="changeCountries('sri-lanka-tours', this)"> Sri Lanka Tours                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "92" id="92" onchange="changeCountries('tunisia-tour-packages', this)"> Tunisia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "57" id="57" onchange="changeCountries('japan-tour-packages', this)"> Japan                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "63" id="63" onchange="changeCountries('greece', this)"> Greece                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "71" id="71" onchange="changeCountries('peru', this)"> Peru                             </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "90" id="90" onchange="changeCountries('southeast-asia-tours', this)"> Southeast Asia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "91" id="91" onchange="changeCountries('brazil', this)"> Brazil                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "98" id="98" onchange="changeCountries('argentina-trips', this)"> Argentina                            </label>
                        </div>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Special Offer -->
    
    <!-- Root Categories -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#RootCategories">Trip Type</div>
        <div class="left_filter_all_box_data collapse show" id="RootCategories">
            <div class="row">
                <div class="radio">
                    <label>
                        <input name="rootCategory" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "98" id="98" onchange="filter(' ')"> Packages                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "100" id="100" onchange="filter(' ')"> Excursions                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "101" id="101" onchange="filter(' ')"> Shore Excursions                        </label>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Styles -->
            <div class="left_filter_all_box">
            <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Styles">Styles</div>
            <div class="left_filter_all_box_data collapse show" id="Styles">
                <div class="radio">
                    <label>
                        <input name="Style" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="Style" type="radio" value = "21" id="21" onchange="filter(' ')"> Classic Tours                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="Style" type="radio" value = "22" id="22" onchange="filter(' ')"> Luxury Tours                        </label>
                    </div>
                            </div>
        </div>
    
    <!-- Price Range -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Range">Price Range</div>
        <div class="left_filter_all_box_data collapse show" id="Range">
            <div class="slider_range_all">
                <div id="slider-range"></div>
            </div>
            <div class="price_range_input">
                <div class="input text"><input type="text" name="amount" aria-label="Price Range" id="amount" values="0,12000"/></div>            </div>
        </div>
    </div>

    <!-- Duration -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Duration">Duration</div>
        <div class="left_filter_all_box_data collapse show" id="Duration">
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "1" id="1" onchange="filter(' ')"> 1 day                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "2" id="2" onchange="filter(' ')"> 2-5 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "3" id="3" onchange="filter(' ')"> 5-10 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "4" id="4" onchange="filter(' ')"> 10-15 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "5" id="5" onchange="filter(' ')"> 15-20 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "6" id="6" onchange="filter(' ')"> More than 20 days                </label>
            </div>
        </div>
    </div>

    <!-- Group size -->
            <div class="left_filter_all_box">
            <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Group">Group Size</div>
            <div class="left_filter_all_box_data collapse show" id="Group">
                <div class="radio">
                    <label>
                        <input name="Group" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="Group" type="radio" value = "28" id="28" onchange="filter(' ')"> Private Tour                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="Group" type="radio" value = "29" id="29" onchange="filter(' ')"> Small Group Tour                        </label>
                    </div>
                            </div>
        </div>
    
        </form>
</div>
</div>
<section class="home-packages-section home_sub_boxs lg:tw-pb-0 tw-pb-20" id="packages">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-12">
        <div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-12">

            <main class="tw-flex-1 tw-w-full lg:tw-w-auto tw-min-w-0">

                <div class="tw-flex tw-flex-col sm:tw-flex-row sm:tw-items-center tw-justify-between tw-mb-8 tw-gap-4">
                    <div class="tw-flex tw-bg-gray-100 tw-p-1 tw-rounded-xl tw-inline-flex tw-shadow-inner">
                        <button type="button" onclick="toggleView('list')" id="btn-view-list"
                            class="tw-px-6 tw-py-2 tw-rounded-lg tw-text-sm tw-font-bold tw-flex tw-items-center tw-gap-2 tw-transition-all tw-duration-300 tw-bg-white tw-text-navy tw-shadow-md tw-scale-105">
                            <ion-icon name="grid-outline"></ion-icon> List                        </button>
                        <button type="button" onclick="toggleView('map')" id="btn-view-map"
                            class="tw-px-6 tw-py-2 tw-rounded-lg tw-text-sm tw-font-bold tw-flex tw-items-center tw-gap-2 tw-transition-all tw-duration-300 tw-text-gray-500 hover:tw-text-navy hover:tw-bg-white/50">
                            <ion-icon name="map-outline"></ion-icon> Map                        </button>
                    </div>

                    <div class="home-packages-sort tw-flex tw-items-center tw-gap-3">
                        <span class="tw-text-xs tw-font-bold tw-uppercase tw-text-gray-400 tw-shrink-0">Sort by:</span>
                        <style>
    .home_sub_filrers {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
        gap: 15px;
    }
    .home_sub_filrers select {
        background-color: rgba(250, 250, 255, 1);
        border: 1px solid rgba(224, 224, 232, 1);
        border-radius: 12px;
        padding: 8px 16px;
    }
    .home_sub_filrers form {
        margin-bottom: 0;
    }
</style>
  <div class="home_sub_filrers d-flex align-items-center justify-content-between">
    <div>Sort by:</div>
    <div class="search_filters" id="select">
        <form action="" method="get" >
          <select class="form-select" aria-label="Sort by"  name="sort" id="sort" onchange="trackSortEvent(this)">
              <option value="order" selected="selected">Recommended</option>
              <option value="price_desc" >High to Low Price</option>
              <option value="price_asc" >Low to High Price</option>
              <option value="dur_asc" >Short to Long Duration</option>
              <option value="dur_desc" >Long to Short Duration</option>
          </select>
            <input type="hidden" id="getSortType" value="">
            <input type="hidden" name="Offer" value="">
            <input type="hidden" name="Country" value="">
            <input type="hidden" name="Category" value="">
            <input type="hidden" name="Style" value="">
            <input type="hidden" name="Group" value="">
            <input type="hidden" name="Activity" value="">
            <input type="hidden" name="Duration" value="">
            <input type="hidden" name="price" value="">
        </form>
    </div>
  </div>
<script>
    // Track sort events for GTM
    function trackSortEvent(selectElement) {
        window.dataLayer = window.dataLayer || [];

        // Get the selected option's text content
        var selectedOption = selectElement.options[selectElement.selectedIndex];
        var sortBy = selectedOption ? selectedOption.textContent.trim().toLowerCase() : '';

        // Push sort event to dataLayer
        if (sortBy) {
            var dataLayerEvent = {
                'event': 'sort',
                'sort_by': sortBy
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        }

        // Submit the form after tracking
        selectElement.form.submit();
    }
</script>
                    </div>
                </div>

                <div id="tours-anchor"></div>

                <div id="programs" class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-8 tw-min-h-[200px]">
                                            
        <div class="home-tour-card home-tour-card--featured md:tw-col-span-2 tw-relative tw-rounded-3xl tw-overflow-hidden tw-shadow-sm hover:tw-shadow-2xl tw-flex tw-flex-col tw-justify-end tw-min-h-[450px] md:tw-min-h-[500px] tw-transition-all tw-duration-700 hover:-tw-translate-y-2 tw-border tw-border-black/5">
        <a href="/jordan/jordan-tour" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="5-Day Jordan Tour: Road to Petra"
            data-tour-name="5-Day Jordan Tour: Road to Petra" data-tour-type="Private Tour" data-destination="jordan"></a>
        <img src="https://images.memphistours.com/thumbs1/1147286248_Jerash%20in%20Jordan.jpg" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[1500ms] group-hover:tw-scale-105" loading="lazy" alt="5-Day Jordan Tour: Road to Petra">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-90 tw-pointer-events-none"></div>
        <div class="tw-relative tw-z-10 tw-w-[90%] md:tw-w-[65%] lg:tw-w-[50%] xl:tw-w-[45%] tw-mb-6 tw-mx-auto md:tw-mb-10 md:tw-ml-10 tw-p-6 md:tw-p-8 tw-rounded-2xl tw-bg-white/95 tw-backdrop-blur-xl tw-shadow-2xl tw-border tw-border-white/50 tw-flex tw-flex-col">
            <div class="tw-flex tw-items-center tw-justify-between tw-gap-4 tw-mb-4">
                <span class="tw-px-3 tw-py-1 tw-bg-gold/10 tw-text-gold tw-border tw-border-gold/20 tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-shadow-inner">
                    <ion-icon name="star" class="tw-mr-1.5 tw-text-sm"></ion-icon> Featured Package                </span>
            </div>
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-navy/60 tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-1.5 tw-mb-2 tw-bg-navy/5 tw-px-2 tw-py-1 tw-rounded-lg tw-border tw-border-navy/10">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon> 1 Country                </span>
                <h3 class="tw-text-2xl lg:tw-text-3xl tw-font-serif tw-text-navy tw-leading-tight">5-Day Jordan Tour: Road to Petra</h3>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 md:tw-line-clamp-3 tw-leading-loose tw-mb-6">From the Old City of Amman to Petra&#39;s sprawling ruins, enjoy 5 days full of natural wonders in Jordan.&nbsp;Discover the ancient Jordan highlights and Roman ruins on your way to visit the rose-red city of Petra!

&nbsp;

&nbsp;


&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-flex-col xl:tw-flex-row xl:tw-items-end tw-justify-between tw-gap-6 tw-pt-5 tw-border-t tw-border-gray-100">
                <div class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-2">
                    <div>
                        <span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Duration</span>
                        <span class="tw-text-lg tw-font-bold tw-text-navy tw-flex tw-items-center tw-gap-1.5"><ion-icon name="time-outline" class="tw-text-gold"></ion-icon> 5</span>
                    </div>
                                        <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                        <span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Starting From</span>
                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                            <span class="currencySign">US$</span><span id="min_price715" class="convertable" itemprop="price">715</span>
                        </span>
                        <input type="hidden" id="hmin_price715" value="715" />
                                            </div>
                                    </div>
                <a href="/jordan/jordan-tour" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/jordan-private-tour" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Taste of Jordan in Petra Tour" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/931876824_16.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Taste of Jordan in Petra Tour" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 4                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Taste of Jordan in Petra Tour</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">It&#39;s the best Jordan 4 Days tour. Live an amazing 3 nights in Jordan visiting the Roman Jerash, the best example of the Roman provincial city in the whole Middle East. Be ready for a new adventure and Book now!

&nbsp;

&nbsp;


Enjoy visiting the legendary &lsquo;rose-red&rsquo; city of Petra, carved into the stone of the Jordan desert, Float in the Dead Sea salty water, and more!&nbsp;
Explore Amman&rsquo;s ancient sites on a 4-day tour, a private tour that&rsquo;s a great first taste of Jordan. You&rsquo;ll see Old Amman, colorful markets, the Citadel, the Blue Mosque, a Coptic church, Rainbow Street, the Royal Automobile Museum, and much more.
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price550" class="convertable" itemprop="price">550</span>
                    </span>
                    <input type="hidden" id="hmin_price550" value="550" />
                </div>
                                <a href="/jordan/jordan-private-tour" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Taste of Jordan in Petra Tour" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/luxury-tour-to-jordan" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Luxury Jordan Tour" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/747333787_13.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Luxury Jordan Tour" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 6                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Luxury Jordan Tour</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Discover the main attractions with through one of our Jordan Vacations, Including 5-star accommodation, and visit the rose-red city Petra, Jerash the Greco-roman city, and Madaba city of mosaics. Book now!

&nbsp;

&nbsp;


You can also visit the capital Amman, Mount Nebo, Kerak, Mukawir, float in the salty water of the Dead Sea, and More.&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price2129" class="convertable" itemprop="price">2,129</span>
                    </span>
                    <input type="hidden" id="hmin_price2129" value="2129" />
                </div>
                                <a href="/jordan/luxury-tour-to-jordan" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Luxury Jordan Tour" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/5-days-jordan-package" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Majestic Tour of Jordan" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/767654555_The%20Majestic%20Tour%20of%20Jordan.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Majestic Tour of Jordan" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 5                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Majestic Tour of Jordan</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Spend a wonderful 5-day Jordan vacation and discover all of Jordan&#39;s remarkable places like the mountain of Gilead in Jerash, Mount Nebo, and much more. Enjoy a hassle-free and unforgettable trip to Jordan!

&nbsp;

&nbsp;

This tour will allow you to see the place where Prophet Moses gazed at the promised land. Visiting Madaba, the Dead Sea, and the lost city of Petra. All of these with the best itinerary and comfortable accommodation.&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price1020" class="convertable" itemprop="price">1,020</span>
                    </span>
                    <input type="hidden" id="hmin_price1020" value="1020" />
                </div>
                                <a href="/jordan/5-days-jordan-package" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Majestic Tour of Jordan" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/jordan-family-holiday" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Jordan Family Holiday" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/268851029_dead%20sea%20%282%29.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Jordan Family Holiday" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 8                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Jordan Family Holiday</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Don&#39;t miss this chance to enjoy one of Jordan Vacations tours to see the panoramic view of Dana, enjoy an evening under the stars in Wadi Rum, the ancient city of Petra, and more. Book now!&nbsp;

&nbsp;


Get deep into the warm desert, float into the Dead Sea, and experience a fantastic desert camp with your joyful family. Involve in the magical ancient world of Jordan on this exciting family adventure! This tour has been uniquely designed to highlight the most exciting sights of Jordan. With a carefully weighted balance of activities and downtime, your family will love this cultural Middle Eastern tour.
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price1915" class="convertable" itemprop="price">1,915</span>
                    </span>
                    <input type="hidden" id="hmin_price1915" value="1915" />
                </div>
                                <a href="/jordan/jordan-family-holiday" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Jordan Family Holiday" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
                            <div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="5" page="2" id="programs_more"></div>
                                                            </div>

                <div id="loader_div"></div>

                <div id="map-view" class="tw-hidden tw-relative tw-min-h-[500px] tw-bg-gray-100 tw-rounded-[2rem] tw-overflow-hidden tw-shadow-inner tw-border tw-border-gray-300 tw-mt-4">
                    <div id="react-map-root" class="tw-w-full tw-h-full tw-min-h-[500px] tw-flex tw-items-center tw-justify-center tw-p-8 tw-text-center tw-text-gray-500">
                        <p>Map view will display tour locations. Switch to List to browse packages.</p>
                    </div>
                </div>

            </main>

            <div class="tw-w-full lg:tw-w-[360px] tw-flex-shrink-0">
                                
<style>
    .side_form {
        border: 1px solid rgba(245, 245, 247, 1);
        border-radius: 16px;
    }
    .side_form .form_title h4 {
        background: rgba(10, 43, 75, 1);
        border-radius: 16px 16px 0 0;
        padding: 10px;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: rgba(255, 255, 255, 1);
    }
    .side_form .form_title .sub_title {
        font-family: 'Nunito', Arial, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        color: #FFFFFF;
        text-align: center;
    }
    .side_form .form_body {
        padding: 20px 16px;
    }
    .side_form .new_btn_book {
        background: rgba(245, 163, 27, 1);
        border-radius: 16px;
        border: 0;
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        line-height: 48px;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        position: relative;
    }
    .side_form .new_btn_book .btn-loading-spinner{display:none;width:22px;height:22px;margin:0 auto;border:3px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:book-form-spin .8s linear infinite;position:absolute;left:50%;top:50%;margin:-11px 0 0 -11px;}
    .side_form .new_btn_book.is-loading .btn-submit-text{visibility:hidden;}
    .side_form .new_btn_book.is-loading .btn-loading-spinner{display:inline-block;}
    @keyframes book-form-spin{to{transform:rotate(360deg);}}
    .side_form .form-control {
        background-color: unset;
        border: 0.5px solid rgba(208, 213, 221, 1);
        border-radius: 16px;
        padding: 0 16px;
        height: 40px;
    }
    #Arrival2, #Departure2 {
        position: relative;
    }
    .side_form .input-group {
        border: 0.5px solid rgba(208, 213, 221, 1);
        border-radius: 16px;
        flex-wrap: unset;
        align-items: center;
        padding: 0 10px;
    }
    .side_form .btn-number {
        background: rgba(245, 163, 27, 1);
        border: 0;
        border-radius: 6px;
        color: #fff;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .side_form .btn-number:disabled {
        opacity: .5;
    }
    .side_form .input-number {
        padding: 0;
        width: 100%;
        text-align: center;
        margin: 0;
        border: 0;
        background: none;
    }
    .side_form .form-group label {
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        color: rgba(105, 105, 133, 1);
    }
    .side_form .form-group label.error {
        color: red;
    }
    .side_form .ui-datepicker-trigger {
        border: 0;
        background: none;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .side_form .ui-datepicker-trigger i {
        color: rgba(143, 143, 166, 1);
    }
    .ui-widget-content {
        font-family: 'Nunito', Arial, sans-serif;
        border: 0;
        background: rgba(250, 250, 255, 1);
        border-radius: 16px;
        color: rgba(105, 105, 133, 1);
        z-index: 99 !important;
    }
    .ui-datepicker .ui-datepicker-header {
        border: 0;
        background: none;
    }
    .ui-datepicker .ui-datepicker-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: rgba(105, 105, 133, 1);
    }
    .ui-widget-header .ui-datepicker-next .ui-icon {
        background-image: url('/theme/Com2025/img/right-cheveron.svg');
        width: 32px;
        height: 32px;
        background-size: cover;
        background-position: unset;
    }
    .ui-widget-header .ui-datepicker-prev .ui-icon {
        background-image: url('/theme/Com2025/img/left-cheveron.svg');
        width: 32px;
        height: 32px;
        background-size: cover;
        background-position: unset;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 0;
        background: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        text-align: center;
        color: rgba(10, 43, 75, 1);
    }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 0;
        background: none;
    }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: rgba(253, 237, 209, 1);
        color: rgba(245, 163, 27, 1);
    }
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: -5px;
        width: 32px;
        height: 32px;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 15px;
    }
    .sticky-top {
        z-index: 1;
    }
    #bookFormNew .form_select {
        position: relative;
        width: 100%;
    }
    #bookFormNew .form_select:before {
        color: #184161;
        font-weight: bold;
        bottom: 10px;
        position: absolute;
        right: 16px;
        content: "\f078";
        font-family: "Font Awesome 6 Free";
    }

    .black_hed_bg{
        background: linear-gradient(90.93deg, #000000 26.23%, #F20D0D 107.91%);
        border-radius: 16px 16px 0px 0px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;

    }
    .black_hed_bg h4{
        background: transparent !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .programBox2_discount_black_text_right{
        position: absolute;
        width: 44px;
        height: 10px;
        text-align: center;
        font-family: 'Anta', Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 7.2378px;
        line-height: 9px;
        color: #FFFFFF;
        transform: rotate(337deg);
        bottom: 19px;
        left: 5px;
    }


    /* Prototype sidebar skin */
    #main-sidebar.book-form-sidebar .legacy-promo-wrap {
        display: none !important;
    }
    #main-sidebar.book-form-sidebar .form_body { padding: 0; }
    #bookFormNew.book-form-proto .form-control,
    #bookFormNew.book-form-proto select.form-control,
    #bookFormNew.book-form-proto textarea.form-control {
        background-color: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 0.75rem;
        padding: 0.75rem 1rem;
        height: auto;
        min-height: 3rem;
        color: #0a2b4b;
        font-size: 1rem;
        box-shadow: none;
    }
    #bookFormNew.book-form-proto .form-control:focus,
    #bookFormNew.book-form-proto select.form-control:focus,
    #bookFormNew.book-form-proto textarea.form-control:focus {
        border-color: #f5a31b;
        outline: none;
        box-shadow: 0 0 0 1px #f5a31b;
        background-color: #fff;
    }
    #bookFormNew.book-form-proto .form_select:before {
        right: 1rem; bottom: auto; top: 50%; transform: translateY(-50%);
    }
    #bookFormNew.book-form-proto .new_btn_book {
        background: #0a2b4b; border: none; border-radius: 0.75rem;
        color: #fff; font-weight: 700; font-size: 1rem; padding: 1rem; width: 100%;
        transition: all 0.3s ease;
    }
    #bookFormNew.book-form-proto .new_btn_book:hover {
        background: #f5a31b; color: #0a2b4b;
    }
    #bookFormNew.book-form-proto .book-form-proto-section-label {
        display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;
        font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: 0.05em; color: #0a2b4b;
    }
    #bookFormNew.book-form-proto .book-form-proto-section-label ion-icon { color: #f5a31b; }
    #bookFormNew.book-form-proto .book-form-proto-dates,
    #bookFormNew.book-form-proto .book-form-proto-pax {
        background: #f9fafb; border: 1px solid #f3f4f6;
        border-radius: 0.75rem; padding: 0.75rem; margin-bottom: 0.5rem;
    }
    #bookFormNew.book-form-proto label.error { color: #dc2626; font-size: 0.75rem; }
    #bookFormNew.book-form-proto .bf-fields-stack { margin-bottom: 0.5rem; }
    #bookFormNew.book-form-proto .bf-field-icon {
        position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);
        color: #9ca3af; font-size: 1.125rem; z-index: 2; pointer-events: none;
        transition: color 0.2s ease;
    }
    #bookFormNew.book-form-proto .bf-field-wrap:focus-within .bf-field-icon { color: #f5a31b; }
    #bookFormNew.book-form-proto .bf-input-icon { padding-left: 3rem !important; }
    #bookFormNew.book-form-proto .bf-select-wrap.form_select:before { display: none !important; }
    #bookFormNew.book-form-proto .bf-select-chevron {
        position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);
        color: #9ca3af; font-size: 0.75rem; pointer-events: none; z-index: 2;
    }
    #bookFormNew.book-form-proto #phone_ext.bf-phone-code {
        border-radius: 0.75rem !important; padding: 0.75rem 0.35rem !important;
        text-align: center; font-size: 0.875rem; min-height: 3rem;
    }
    #bookFormNew.book-form-proto #UserPhone.bf-input-icon { border-radius: 0.75rem !important; }
    #bookFormNew.book-form-proto .bf-date-field {
        position: relative;
        flex: 1 1 0;
        min-width: 0;
    }
    #bookFormNew.book-form-proto .bf-date-field #Arrival2,
    #bookFormNew.book-form-proto .bf-date-field #Departure2 {
        position: relative;
    }
    #bookFormNew.book-form-proto .bf-dates-row .form-control {
        font-size: 0.875rem;
        min-height: 2.5rem;
        padding: 0.5rem 2rem 0.5rem 0.75rem;
        border-radius: 0.5rem;
        background: #fff;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-pax-card {
        background: #fff; padding: 0.5rem; border-radius: 0.5rem;
        border: 1px solid #f3f4f6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    #bookFormNew.book-form-proto .bf-pax-label {
        font-size: 0.75rem; color: #6b7280; margin-bottom: 0.35rem; line-height: 1.2;
    }
    #bookFormNew.book-form-proto .bf-pax-label-sub { font-size: 10px; }
    #bookFormNew.book-form-proto .bf-phone-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 0.5rem;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap {
        flex: 0 0 28%;
        max-width: 28%;
        min-width: 5.5rem;
    }
    #bookFormNew.book-form-proto .bf-phone-mobile-wrap {
        flex: 1 1 auto;
        min-width: 0;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap {
        position: relative;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap .form_select:before {
        display: none !important;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap .bf-select-chevron {
        right: 0.35rem;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group-btn .btn-number {
        float: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-pax-counter {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group {
        border: none;
        padding: 0;
        background: transparent;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        width: 100%;
        margin: 0;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group-btn {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-number {
        width: 2.5rem !important;
        min-width: 2.5rem;
        max-width: 100%;
        min-height: 1.75rem !important;
        height: 1.75rem !important;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        color: #0a2b4b;
        text-align: center;
        border: 1px solid #e5e7eb !important;
        border-radius: 0.5rem;
        background: #f9fafb !important;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-number:focus {
        border-color: #f5a31b;
        outline: none;
        box-shadow: 0 0 0 1px #f5a31b;
        background: #fff;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number {
        width: 1.75rem !important;
        height: 1.75rem !important;
        min-width: 1.75rem;
        padding: 0 !important;
        border: none !important;
        border-radius: 0.375rem;
        background: transparent !important;
        color: #0a2b4b !important;
        font-size: 1rem;
        line-height: 1 !important;
        box-shadow: none;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number:hover:not(:disabled) {
        background: #f3f4f6;
        color: #f5a31b;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number:disabled {
        opacity: 0.35;
        cursor: not-allowed;
    }
    #bookFormNew.book-form-proto .bf-pax-btn .fa {
        font-size: 0.65rem;
        font-weight: 700;
    }
    #bookFormNew.book-form-proto .new_btn_book {
        display: flex; align-items: center; justify-content: center; gap: 0.5rem;
    }
    #bookFormNew.book-form-proto .bf-comment {
        resize: vertical;
        min-height: 5rem;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-submit-wrap {
        margin-top: 0.25rem;
    }
    #bookFormNew.book-form-proto .bf-submit-wrap .form-group {
        margin-bottom: 0.75rem;
    }
    #bookFormNew.book-form-proto #mail-validation { margin-top: 0.25rem; font-size: 0.75rem; }
    #bookFormNew.book-form-proto .bf-date-field .ui-datepicker-trigger {
        position: absolute !important;
        right: 0.35rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        cursor: pointer;
        z-index: 2;
        width: auto !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-date-field .ui-datepicker-trigger img {
        display: none;
    }
    @media (min-width: 1024px) {
        #main-sidebar.book-form-sidebar {
            position: sticky;
            top: 6rem;
            align-self: flex-start;
            max-height: calc(100vh - 6.5rem);
        }
        #main-sidebar.book-form-sidebar #sticky-sidebar {
            position: static;
            max-height: none;
            overflow: visible;
        }
        /* #main-sidebar.book-form-sidebar .book-form-proto-card {
            max-height: calc(100vh - 8rem);
            overflow-y: auto;
            overscroll-behavior: contain;
        } */
    }
    @media (max-width: 1023px) {
        #main-sidebar.book-form-sidebar,
        #main-sidebar.book-form-sidebar #sticky-sidebar {
            position: static !important;
            max-height: none !important;
        }
    }

</style>
<a id="Form"></a>

<aside id="main-sidebar" class="book-form-sidebar tw-w-full lg:tw-w-[360px] tw-flex-shrink-0 tw-relative tw-z-20 tw-transition-all tw-duration-300">
    <div class="tw-sticky tw-top-24 tw-space-y-8" id="sticky-sidebar">

        <div class="tw-relative tw-group tw-cursor-pointer tw-mb-6" onclick="openMomoAI()" role="button" tabindex="0" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openMomoAI();}">
            <div class="tw-absolute -tw-inset-1 tw-bg-gradient-to-r tw-from-gold tw-to-orange-500 tw-rounded-2xl tw-blur tw-opacity-25 group-hover:tw-opacity-75 tw-transition tw-duration-1000 group-hover:tw-duration-200"></div>
            <div class="tw-relative tw-bg-navy tw-rounded-2xl tw-p-4 tw-flex tw-items-center tw-gap-4 tw-border tw-border-white/10 tw-shadow-xl tw-overflow-hidden">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-r tw-from-navy tw-via-navy/50 tw-to-navy tw-opacity-50"></div>
                <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-gradient-to-r tw-from-navy tw-via-gold tw-to-navy"></div>
                <div class="tw-w-16 tw-h-16 tw-shrink-0 tw-relative tw-z-10">
                    <div class="tw-absolute tw-inset-0 tw-bg-blue-100/10 tw-rounded-full tw-animate-pulse"></div>
                    <img src="/theme/Com2025/img/momo_avatar.png" class="tw-w-full tw-h-full tw-object-cover tw-rounded-full tw-relative tw-z-10 tw-border-2 tw-border-gold tw-shadow-sm" alt="Momo AI">
                    <div class="tw-absolute -tw-bottom-1 -tw-right-1 tw-bg-green-500 tw-w-4 tw-h-4 tw-rounded-full tw-border-2 tw-border-navy tw-z-20"></div>
                </div>
                <div class="tw-relative tw-z-10 tw-flex-1 tw-min-w-0">
                    <div class="tw-text-sm tw-font-bold tw-text-gold tw-uppercase tw-tracking-wider tw-mb-2">New AI Feature</div>
                    <h4 class="tw-font-serif tw-text-white tw-leading-tight tw-text-lg">Plan with Momo AI</h4>
                    <p class="tw-text-sm tw-text-gray-300 tw-mt-1">Get a custom trip in seconds!</p>
                </div>
                <div class="tw-ml-auto tw-relative tw-z-10 tw-shrink-0">
                    <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-white/10 tw-text-white tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-navy tw-transition-colors tw-shadow-md tw-backdrop-blur-sm">
                        <ion-icon name="sparkles" class="tw-text-lg"></ion-icon>
                    </div>
                </div>
            </div>
        </div>

<div class="side_form legacy-promo-wrap">
            <div class="form_title">
            <h4>Plan Your Trip!</h4>
                                </div>
    </div>

        <div class="book-form-proto-card tw-bg-white tw-rounded-2xl tw-shadow-xl tw-p-6 tw-border tw-border-gray-100 tw-relative tw-overflow-hidden">
            <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-gradient-to-r tw-from-navy tw-via-gold tw-to-navy"></div>
            <h3 class="tw-font-serif tw-text-2xl tw-text-navy tw-mb-5 tw-flex tw-items-center tw-gap-2">
                <span>Plan Your Journey</span>
                <ion-icon name="airplane" class="tw-text-gold tw-text-xl tw-animate-pulse"></ion-icon>
            </h3>
    <div class="form_body">
        <form id="bookFormNew" class="book-form-proto tw-space-y-4" method="post" action="/jordan/reservation_forms/requests/mail">
            <div class="tw-grid tw-grid-cols-1 tw-gap-3 bf-fields-stack">
                <div class="bf-field-wrap tw-relative tw-group">
                    <ion-icon name="person-outline" class="bf-field-icon"></ion-icon>
                    <input name="name" type="text" id="name" class="form-control bf-input-icon" value="" placeholder="Name *" required>
                </div>
                <div class="bf-field-wrap tw-relative tw-group">
                    <ion-icon name="mail-outline" class="bf-field-icon"></ion-icon>
                    <input name="UserEmail" value="" type="email" required class="form-control bf-input-icon" id="UserEmail" placeholder="E-mail *" onfocusout="validateMail()">
                    <div id="mail-validation"></div>
                </div>
            </div>
            <div class="bf-field-wrap tw-relative tw-group">
                <ion-icon name="earth-outline" class="bf-field-icon"></ion-icon>
                <div class="form-group label-floating form_select bf-select-wrap">
                        <select id="nationality" class="form-control bf-input-icon" name="nationality" required>
                            <option value="" selected="selected">Select your Nationality</option>
                            <option value="American">American</option>
                            <option value="Afghan">Afghan</option>
                            <option value="Albanian">Albanian</option>
                            <option value="Algerian">Algerian</option>
                            <option value="Andorran">Andorran</option>
                            <option value="Angolan">Angolan</option>
                            <option value="Argentinian">Argentinian</option>
                            <option value="Armenian">Armenian</option>
                            <option value="Australian">Australian</option>
                            <option value="Austrian">Austrian</option>
                            <option value="Azerbaijani">Azerbaijani</option>
                            <option value="Bahamian">Bahamian</option>
                            <option value="Bahraini">Bahraini</option>
                            <option value="Bangladeshi">Bangladeshi</option>
                            <option value="Barbadian">Barbadian</option>
                            <option value="Belarusian">Belarusian</option>
                            <option value="Belgian">Belgian</option>
                            <option value="Belizean">Belizean</option>
                            <option value="Beninese">Beninese</option>
                            <option value="Bhutanese">Bhutanese</option>
                            <option value="Bolivian">Bolivian</option>
                            <option value="Bosnian">Bosnian</option>
                            <option value="Botswanan">Botswanan</option>
                            <option value="Brazilian">Brazilian</option>
                            <option value="British Indian Ocean">British Indian Ocean</option>
                            <option value="British Virgin">British Virgin</option>
                            <option value="Bruneian">Bruneian</option>
                            <option value="Bulgarian">Bulgarian</option>
                            <option value="Burkinese">Burkinese</option>
                            <option value="Burundian">Burundian</option>
                            <option value="Cambodian">Cambodian</option>
                            <option value="Cameroonian">Cameroonian</option>
                            <option value="Canadian">Canadian</option>
                            <option value="Cape Verdean">Cape Verdean</option>
                            <option value="Chadian">Chadian</option>
                            <option value="Chilean">Chilean</option>
                            <option value="Chinese">Chinese</option>
                            <option value="Colombian">Colombian</option>
                            <option value="Congolese">Congolese</option>
                            <option value="Costa Rican">Costa Rican</option>
                            <option value="Croatian">Croatian</option>
                            <option value="Cuban">Cuban</option>
                            <option value="Cypriot">Cypriot</option>
                            <option value="Czech">Czech</option>
                            <option value="Danish">Danish</option>
                            <option value="Djiboutian">Djiboutian</option>
                            <option value="Dominican">Dominican</option>
                            <option value="East Timorese">East Timorese</option>
                            <option value="Ecuadorean">Ecuadorean</option>
                            <option value="Egyptian">Egyptian</option>
                            <option value="Salvadorean">Salvadorean</option>
                            <option value="Guinean">Guinean</option>
                            <option value="Eritrean">Eritrean</option>
                            <option value="Estonian">Estonian</option>
                            <option value="Ethiopian">Ethiopian</option>
                            <option value="Fijian">Fijian</option>
                            <option value="Finnish">Finnish</option>
                            <option value="French" >French</option>
                            <option value="Guyanese">Guyanese</option>
                            <option value="Gabonese">Gabonese</option>
                            <option value="Gambian">Gambian</option>
                            <option value="Georgian">Georgian</option>
                            <option value="German" >German</option>
                            <option value="Ghanaian">Ghanaian</option>
                            <option value="Greek">Greek</option>
                            <option value="Grenadian">Grenadian</option>
                            <option value="Guatemalan">Guatemalan</option>
                            <option value="Guinea-Bissau">Guinea-Bissau</option>
                            <option value="Haitian">Haitian</option>
                            <option value="Honduran">Honduran</option>
                            <option value="Hungarian">Hungarian</option>
                            <option value="Icelander">Icelander</option>
                            <option value="Indian">Indian</option>
                            <option value="Indonesian">Indonesian</option>
                            <option value="Iranian">Iranian</option>
                            <option value="Iraqi">Iraqi</option>
                            <option value="Irish">Irish</option>
                            <option value="Israeli">Israeli</option>
                            <option value="Italian" >Italian</option>
                            <option value="Jamaican">Jamaican</option>
                            <option value="Japanese">Japanese</option>
                            <option value="Jordanian">Jordanian</option>
                            <option value="Kazakh">Kazakh</option>
                            <option value="Kenyan">Kenyan</option>
                            <option value="Kuwaiti">Kuwaiti</option>
                            <option value="Laotian">Laotian</option>
                            <option value="Latvian">Latvian</option>
                            <option value="Lebanese">Lebanese</option>
                            <option value="Liberian">Liberian</option>
                            <option value="Libyan">Libyan</option>
                            <option value="Lithuanian">Lithuanian</option>
                            <option value="Macedonian">Macedonian</option>
                            <option value="Madagascan">Madagascan</option>
                            <option value="Malawian">Malawian</option>
                            <option value="Malaysian">Malaysian</option>
                            <option value="Maldivian">Maldivian</option>
                            <option value="Malian">Malian</option>
                            <option value="Maltese">Maltese</option>
                            <option value="Mauritanian">Mauritanian</option>
                            <option value="Mauritian">Mauritian</option>
                            <option value="Mexican">Mexican</option>
                            <option value="Moldovan">Moldovan</option>
                            <option value="Monacan">Monacan</option>
                            <option value="Mongolian">Mongolian</option>
                            <option value="Moroccan">Moroccan</option>
                            <option value="Mozambican">Mozambican</option>
                            <option value="Namibian">Namibian</option>
                            <option value="Nepalese">Nepalese</option>
                            <option value="Dutch">Dutch</option>
                            <option value="New Zealand">New Zealand</option>
                            <option value="Nicaraguan">Nicaraguan</option>
                            <option value="Nigerien">Nigerien</option>
                            <option value="Nigerian">Nigerian</option>
                            <option value="North Korean">North Korean</option>
                            <option value="Norwegian">Norwegian</option>
                            <option value="Omani">Omani</option>
                            <option value="Pakistani">Pakistani</option>
                            <option value="Panamanian">Panamanian</option>
                            <option value="Equatorial Guinean">Equatorial Guinean</option>
                            <option value="Paraguayan">Paraguayan</option>
                            <option value="Peruvian">Peruvian</option>
                            <option value="Filipino">Filipino</option>
                            <option value="Polish">Polish</option>
                            <option value="Portuguese">Portuguese</option>
                            <option value="Qatari">Qatari</option>
                            <option value="Romanian">Romanian</option>
                            <option value="Russian">Russian</option>
                            <option value="Rwandan">Rwandan</option>
                            <option value="Saudi">Saudi</option>
                            <option value="Senegalese">Senegalese</option>
                            <option value="Serbian">Serbian</option>
                            <option value="Sierra Leonian">Sierra Leonian</option>
                            <option value="Singaporean">Singaporean</option>
                            <option value="Slovak">Slovak</option>
                            <option value="Slovenian">Slovenian</option>
                            <option value="Somali">Somali</option>
                            <option value="South African">South African</option>
                            <option value="South Korean">South Korean</option>
                            <option value="Spanish">Spanish</option>
                            <option value="Sri Lankan">Sri Lankan</option>
                            <option value="Sudanese">Sudanese</option>
                            <option value="Surinamese">Surinamese</option>
                            <option value="Swazi">Swazi</option>
                            <option value="Swedish">Swedish</option>
                            <option value="Swiss">Swiss</option>
                            <option value="Syrian">Syrian</option>
                            <option value="Taiwanese">Taiwanese</option>
                            <option value="Tajik">Tajik</option>
                            <option value="Tanzanian">Tanzanian</option>
                            <option value="Thai">Thai</option>
                            <option value="Togolese">Togolese</option>
                            <option value="Trinidadian">Trinidadian</option>
                            <option value="Tunisian">Tunisian</option>
                            <option value="Turkish">Turkish</option>
                            <option value="Turkmen">Turkmen</option>
                            <option value="Tuvaluan">Tuvaluan</option>
                            <option value="Ugandan">Ugandan</option>
                            <option value="Ukrainian">Ukrainian</option>
                            <option value="Emirati">Emirati</option>
                            <option value="British">British</option>
                            <option value="Uruguayan">Uruguayan</option>
                            <option value="Uzbek">Uzbek</option>
                            <option value="Vanuatuan">Vanuatuan</option>
                            <option value="Venezuelan">Venezuelan</option>
                            <option value="Vietnamese">Vietnamese</option>
                            <option value="Yemeni">Yemeni</option>
                            <option value="Zambian">Zambian</option>
                            <option value="Zimbabwean">Zimbabwean</option>
                        </select>
                    <ion-icon name="chevron-down-outline" class="bf-select-chevron"></ion-icon>
                </div>
            </div>
                        <div class="bf-phone-row">
                <div class="bf-phone-code-wrap bf-field-wrap">
                    <div class="form-group form_select label-floating mb-0 bf-select-wrap">
                        <select name="phone_ext" id="phone_ext" class="required form-control bf-phone-code" aria-label="Country code">
                                    <option value="">Code</option>
                                    <option data-countryCode="AF" value="93">Afghanistan (+93)</option>
                                    <option data-countryCode="AL" value="355">Albania (+355)</option>
                                    <option data-countryCode="DZ" value="213">Algeria (+213)</option>
                                    <option data-countryCode="AD" value="376">Andorra (+376)</option>
                                    <option data-countryCode="AO" value="244">Angola (+244)</option>
                                    <option data-countryCode="AI" value="1264">Anguilla (+1264)</option>
                                    <option data-countryCode="AG" value="1268">Antigua &amp; Barbuda (+1268)</option>
                                    <option data-countryCode="AR" value="54">Argentina (+54)</option>
                                    <option data-countryCode="AM" value="374">Armenia (+374)</option>
                                    <option data-countryCode="AW" value="297">Aruba (+297)</option>
                                    <option data-countryCode="AU" value="61">Australia (+61)</option>
                                    <option data-countryCode="AT" value="43">Austria (+43)</option>
                                    <option data-countryCode="AZ" value="994">Azerbaijan (+994)</option>
                                    <option data-countryCode="BS" value="1242">Bahamas (+1242)</option>
                                    <option data-countryCode="BH" value="973">Bahrain (+973)</option>
                                    <option data-countryCode="BD" value="880">Bangladesh (+880)</option>
                                    <option data-countryCode="BB" value="1246">Barbados (+1246)</option>
                                    <option data-countryCode="BY" value="375">Belarus (+375)</option>
                                    <option data-countryCode="BE" value="32">Belgium (+32)</option>
                                    <option data-countryCode="BZ" value="501">Belize (+501)</option>
                                    <option data-countryCode="BJ" value="229">Benin (+229)</option>
                                    <option data-countryCode="BM" value="1441">Bermuda (+1441)</option>
                                    <option data-countryCode="BT" value="975">Bhutan (+975)</option>
                                    <option data-countryCode="BO" value="591">Bolivia (+591)</option>
                                    <option data-countryCode="BA" value="387">Bosnia Herzegovina (+387)</option>
                                    <option data-countryCode="BW" value="267">Botswana (+267)</option>
                                    <option data-countryCode="BR" value="55">Brazil (+55)</option>
                                    <option data-countryCode="IO" value="246">British Indian Ocean Territory (+246)</option>
                                    <option data-countryCode="BN" value="673">Brunei (+673)</option>
                                    <option data-countryCode="BG" value="359">Bulgaria (+359)</option>
                                    <option data-countryCode="BF" value="226">Burkina Faso (+226)</option>
                                    <option data-countryCode="BI" value="257">Burundi (+257)</option>
                                    <option data-countryCode="KH" value="855">Cambodia (+855)</option>
                                    <option data-countryCode="CM" value="237">Cameroon (+237)</option>
                                    <option data-countryCode="CA" value="1">Canada (+1)</option>
                                    <option data-countryCode="CV" value="238">Cape Verde Islands (+238)</option>
                                    <option data-countryCode="KY" value="1345">Cayman Islands (+1345)</option>
                                    <option data-countryCode="CF" value="236">Central African Republic (+236)</option>
                                    <option data-countryCode="TD" value="235">Chad (+235)</option>
                                    <option data-countryCode="CL" value="56">Chile (+56)</option>
                                    <option data-countryCode="CN" value="86">China (+86)</option>
                                    <option data-countryCode="CO" value="57">Colombia (+57)</option>
                                    <option data-countryCode="KM" value="269">Comoros (+269)</option>
                                    <option data-countryCode="CG" value="242">Congo (+242)</option>
                                    <option data-countryCode="CK" value="682">Cook Islands (+682)</option>
                                    <option data-countryCode="CR" value="506">Costa Rica (+506)</option>
                                    <option data-countryCode="HR" value="385">Croatia (+385)</option>
                                    <option data-countryCode="CU" value="53">Cuba (+53)</option>
                                    <option data-countryCode="CY" value="90392">Cyprus North (+90392)</option>
                                    <option data-countryCode="CY" value="357">Cyprus South (+357)</option>
                                    <option data-countryCode="CZ" value="42">Czech Republic (+42)</option>
                                    <option data-countryCode="DK" value="45">Denmark (+45)</option>
                                    <option data-countryCode="DJ" value="253">Djibouti (+253)</option>
                                    <option data-countryCode="DM" value="1809">Dominica (+1809)</option>
                                    <option data-countryCode="DO" value="1809">Dominican Republic (+1809)</option>
                                    <option data-countryCode="TL" value="670">East Timor (+670)</option>
                                    <option data-countryCode="EC" value="593">Ecuador (+593)</option>
                                    <option data-countryCode="EG" value="20">Egypt (+20)</option>
                                    <option data-countryCode="SV" value="503">El Salvador (+503)</option>
                                    <option data-countryCode="GQ" value="240">Equatorial Guinea (+240)</option>
                                    <option data-countryCode="ER" value="291">Eritrea (+291)</option>
                                    <option data-countryCode="EE" value="372">Estonia (+372)</option>
                                    <option data-countryCode="ET" value="251">Ethiopia (+251)</option>
                                    <option data-countryCode="FK" value="500">Falkland Islands (+500)</option>
                                    <option data-countryCode="FO" value="298">Faroe Islands (+298)</option>
                                    <option data-countryCode="FJ" value="679">Fiji (+679)</option>
                                    <option data-countryCode="FI" value="358">Finland (+358)</option>
                                    <option data-countryCode="FR" value="33" >France (+33)</option>
                                    <option data-countryCode="GF" value="594">French Guiana (+594)</option>
                                    <option data-countryCode="PF" value="689">French Polynesia (+689)</option>
                                    <option data-countryCode="GA" value="241">Gabon (+241)</option>
                                    <option data-countryCode="GM" value="220">Gambia (+220)</option>
                                    <option data-countryCode="GE" value="995">Georgia (+995)</option>
                                    <option data-countryCode="DE" value="49" >Germany (+49)</option>
                                    <option data-countryCode="GH" value="233">Ghana (+233)</option>
                                    <option data-countryCode="GI" value="350">Gibraltar (+350)</option>
                                    <option data-countryCode="GR" value="30">Greece (+30)</option>
                                    <option data-countryCode="GL" value="299">Greenland (+299)</option>
                                    <option data-countryCode="GD" value="1473">Grenada (+1473)</option>
                                    <option data-countryCode="GP" value="590">Guadeloupe (+590)</option>
                                    <option data-countryCode="GU" value="671">Guam (+671)</option>
                                    <option data-countryCode="GT" value="502">Guatemala (+502)</option>
                                    <option data-countryCode="GN" value="224">Guinea (+224)</option>
                                    <option data-countryCode="GW" value="245">Guinea - Bissau (+245)</option>
                                    <option data-countryCode="GY" value="592">Guyana (+592)</option>
                                    <option data-countryCode="HT" value="509">Haiti (+509)</option>
                                    <option data-countryCode="HN" value="504">Honduras (+504)</option>
                                    <option data-countryCode="HK" value="852">Hong Kong (+852)</option>
                                    <option data-countryCode="HU" value="36">Hungary (+36)</option>
                                    <option data-countryCode="IS" value="354">Iceland (+354)</option>
                                    <option data-countryCode="IN" value="91">India (+91)</option>
                                    <option data-countryCode="ID" value="62">Indonesia (+62)</option>
                                    <option data-countryCode="IR" value="98">Iran (+98)</option>
                                    <option data-countryCode="IQ" value="964">Iraq (+964)</option>
                                    <option data-countryCode="IE" value="353">Ireland (+353)</option>
                                    <option data-countryCode="IT" value="39" >Italy (+39)</option>
                                    <option data-countryCode="JM" value="1876">Jamaica (+1876)</option>
                                    <option data-countryCode="JP" value="81">Japan (+81)</option>
                                    <option data-countryCode="JO" value="962">Jordan (+962)</option>
                                    <option data-countryCode="KZ" value="7">Kazakhstan (+7)</option>
                                    <option data-countryCode="KE" value="254">Kenya (+254)</option>
                                    <option data-countryCode="KI" value="686">Kiribati (+686)</option>
                                    <option data-countryCode="KP" value="850">Korea North (+850)</option>
                                    <option data-countryCode="KR" value="82">Korea South (+82)</option>
                                    <option data-countryCode="KW" value="965">Kuwait (+965)</option>
                                    <option data-countryCode="KG" value="996">Kyrgyzstan (+996)</option>
                                    <option data-countryCode="LA" value="856">Laos (+856)</option>
                                    <option data-countryCode="LV" value="371">Latvia (+371)</option>
                                    <option data-countryCode="LB" value="961">Lebanon (+961)</option>
                                    <option data-countryCode="LS" value="266">Lesotho (+266)</option>
                                    <option data-countryCode="LR" value="231">Liberia (+231)</option>
                                    <option data-countryCode="LY" value="218">Libya (+218)</option>
                                    <option data-countryCode="LI" value="417">Liechtenstein (+417)</option>
                                    <option data-countryCode="LT" value="370">Lithuania (+370)</option>
                                    <option data-countryCode="LU" value="352">Luxembourg (+352)</option>
                                    <option data-countryCode="MO" value="853">Macao (+853)</option>
                                    <option data-countryCode="MK" value="389">Macedonia (+389)</option>
                                    <option data-countryCode="MG" value="261">Madagascar (+261)</option>
                                    <option data-countryCode="MW" value="265">Malawi (+265)</option>
                                    <option data-countryCode="MY" value="60">Malaysia (+60)</option>
                                    <option data-countryCode="MV" value="960">Maldives (+960)</option>
                                    <option data-countryCode="ML" value="223">Mali (+223)</option>
                                    <option data-countryCode="MT" value="356">Malta (+356)</option>
                                    <option data-countryCode="MH" value="692">Marshall Islands (+692)</option>
                                    <option data-countryCode="MQ" value="596">Martinique (+596)</option>
                                    <option data-countryCode="MR" value="222">Mauritania (+222)</option>
                                    <option data-countryCode="YT" value="269">Mayotte (+269)</option>
                                    <option data-countryCode="MX" value="52">Mexico (+52)</option>
                                    <option data-countryCode="FM" value="691">Micronesia (+691)</option>
                                    <option data-countryCode="MD" value="373">Moldova (+373)</option>
                                    <option data-countryCode="MC" value="377">Monaco (+377)</option>
                                    <option data-countryCode="MN" value="976">Mongolia (+976)</option>
                                    <option data-countryCode="MS" value="1664">Montserrat (+1664)</option>
                                    <option data-countryCode="MA" value="212">Morocco (+212)</option>
                                    <option data-countryCode="MZ" value="258">Mozambique (+258)</option>
                                    <option data-countryCode="MN" value="95">Myanmar (+95)</option>
                                    <option data-countryCode="NA" value="264">Namibia (+264)</option>
                                    <option data-countryCode="NR" value="674">Nauru (+674)</option>
                                    <option data-countryCode="NP" value="977">Nepal (+977)</option>
                                    <option data-countryCode="NL" value="31">Netherlands (+31)</option>
                                    <option data-countryCode="NC" value="687">New Caledonia (+687)</option>
                                    <option data-countryCode="NZ" value="64">New Zealand (+64)</option>
                                    <option data-countryCode="NI" value="505">Nicaragua (+505)</option>
                                    <option data-countryCode="NE" value="227">Niger (+227)</option>
                                    <option data-countryCode="NG" value="234">Nigeria (+234)</option>
                                    <option data-countryCode="NU" value="683">Niue (+683)</option>
                                    <option data-countryCode="NF" value="672">Norfolk Islands (+672)</option>
                                    <option data-countryCode="NP" value="670">Northern Marianas (+670)</option>
                                    <option data-countryCode="NO" value="47">Norway (+47)</option>
                                    <option data-countryCode="OM" value="968">Oman (+968)</option>
                                    <option data-countryCode="PW" value="680">Palau (+680)</option>
                                    <option data-countryCode="PA" value="507">Panama (+507)</option>
                                    <option data-countryCode="PG" value="675">Papua New Guinea (+675)</option>
                                    <option data-countryCode="PY" value="595">Paraguay (+595)</option>
                                    <option data-countryCode="PE" value="51">Peru (+51)</option>
                                    <option data-countryCode="PH" value="63">Philippines (+63)</option>
                                    <option data-countryCode="PL" value="48">Poland (+48)</option>
                                    <option data-countryCode="PT" value="351">Portugal (+351)</option>
                                    <option data-countryCode="PR" value="1787">Puerto Rico (+1787)</option>
                                    <option data-countryCode="QA" value="974">Qatar (+974)</option>
                                    <option data-countryCode="RE" value="262">Reunion (+262)</option>
                                    <option data-countryCode="RO" value="40">Romania (+40)</option>
                                    <option data-countryCode="RU" value="7">Russia (+7)</option>
                                    <option data-countryCode="RW" value="250">Rwanda (+250)</option>
                                    <option data-countryCode="SM" value="378">San Marino (+378)</option>
                                    <option data-countryCode="ST" value="239">Sao Tome &amp; Principe (+239)</option>
                                    <option data-countryCode="SA" value="966">Saudi Arabia (+966)</option>
                                    <option data-countryCode="SN" value="221">Senegal (+221)</option>
                                    <option data-countryCode="CS" value="381">Serbia (+381)</option>
                                    <option data-countryCode="SC" value="248">Seychelles (+248)</option>
                                    <option data-countryCode="SL" value="232">Sierra Leone (+232)</option>
                                    <option data-countryCode="SG" value="65">Singapore (+65)</option>
                                    <option data-countryCode="SK" value="421">Slovak Republic (+421)</option>
                                    <option data-countryCode="SI" value="386">Slovenia (+386)</option>
                                    <option data-countryCode="SB" value="677">Solomon Islands (+677)</option>
                                    <option data-countryCode="SO" value="252">Somalia (+252)</option>
                                    <option data-countryCode="ZA" value="27">South Africa (+27)</option>
                                    <option data-countryCode="ES" value="34">Spain (+34)</option>
                                    <option data-countryCode="LK" value="94">Sri Lanka (+94)</option>
                                    <option data-countryCode="SH" value="290">St. Helena (+290)</option>
                                    <option data-countryCode="KN" value="1869">St. Kitts (+1869)</option>
                                    <option data-countryCode="SC" value="1758">St. Lucia (+1758)</option>
                                    <option data-countryCode="SD" value="249">Sudan (+249)</option>
                                    <option data-countryCode="SR" value="597">Suriname (+597)</option>
                                    <option data-countryCode="SZ" value="268">Swaziland (+268)</option>
                                    <option data-countryCode="SE" value="46">Sweden (+46)</option>
                                    <option data-countryCode="CH" value="41">Switzerland (+41)</option>
                                    <option data-countryCode="SI" value="963">Syria (+963)</option>
                                    <option data-countryCode="TW" value="886">Taiwan (+886)</option>
                                    <option data-countryCode="TJ" value="992">Tajikistan (+992)</option>
                                    <option data-countryCode="TH" value="66">Thailand (+66)</option>
                                    <option data-countryCode="TG" value="228">Togo (+228)</option>
                                    <option data-countryCode="TO" value="676">Tonga (+676)</option>
                                    <option data-countryCode="TT" value="1868">Trinidad &amp; Tobago (+1868)</option>
                                    <option data-countryCode="TN" value="216">Tunisia (+216)</option>
                                    <option data-countryCode="TR" value="90">Turkey (+90)</option>
                                    <option data-countryCode="TM" value="7">Turkmenistan (+7)</option>
                                    <option data-countryCode="TM" value="993">Turkmenistan (+993)</option>
                                    <option data-countryCode="TC" value="1649">Turks &amp; Caicos Islands (+1649)</option>
                                    <option data-countryCode="TV" value="688">Tuvalu (+688)</option>
                                    <option data-countryCode="UG" value="256">Uganda (+256)</option>
                                    <option data-countryCode="GB" value="44">UK (+44)</option>
                                    <option data-countryCode="UA" value="380">Ukraine (+380)</option>
                                    <option data-countryCode="AE" value="971">United Arab Emirates (+971)</option>
                                    <option data-countryCode="UY" value="598">Uruguay (+598)</option>
                                    <option data-countryCode="US" value="1">USA (+1)</option>
                                    <option data-countryCode="UZ" value="7">Uzbekistan (+7)</option>
                                    <option data-countryCode="VU" value="678">Vanuatu (+678)</option>
                                    <option data-countryCode="VA" value="379">Vatican City (+379)</option>
                                    <option data-countryCode="VE" value="58">Venezuela (+58)</option>
                                    <option data-countryCode="VN" value="84">Vietnam (+84)</option>
                                    <option data-countryCode="VG" value="84">Virgin Islands - British (+1284)</option>
                                    <option data-countryCode="VI" value="84">Virgin Islands - US (+1340)</option>
                                    <option data-countryCode="WF" value="681">Wallis &amp; Futuna (+681)</option>
                                    <option data-countryCode="YE" value="969">Yemen (North)(+969)</option>
                                    <option data-countryCode="YE" value="967">Yemen (South)(+967)</option>
                                    <option data-countryCode="ZM" value="260">Zambia (+260)</option>
                                    <option data-countryCode="ZW" value="263">Zimbabwe (+263)</option>
                                </select>
                        <ion-icon name="chevron-down-outline" class="bf-select-chevron"></ion-icon>
                    </div>
                </div>
                <div class="bf-phone-mobile-wrap bf-field-wrap tw-relative tw-group">
                    <ion-icon name="call-outline" class="bf-field-icon"></ion-icon>
                    <input type="text" class="form-control bf-input-icon" value="" placeholder="Mobile" name="UserPhone" oninput="this.value = this.value.replace(/[^0-9]/g, '')"  id="UserPhone" required minlength="6" maxlength="16">
                </div>
            </div>
            <div class="book-form-proto-dates">
                <div class="book-form-proto-section-label"><ion-icon name="calendar-clear-outline"></ion-icon><span>Travel Dates</span></div>
                <div class="bf-dates-row tw-flex tw-gap-2 tw-items-center">
                <div class="bf-date-field tw-flex-1">
                    <div class="form-group label-floating mb-0">
                        <div id="Arrival2">
                            <input name="arrival" value=""  type="text" class="form-control datepicker" id="datepickerArrival2" placeholder="From *" required readonly>
                        </div>
                    </div>
                </div>
                <span class="tw-text-gray-400 tw-text-sm tw-shrink-0">to</span>
                <div class="bf-date-field tw-flex-1">
                    <div class="form-group label-floating mb-0">
                        <div id="Departure2">
                            <input name="departure" value=""  type="text" class="form-control datepicker" id="datepickerDeparture2" placeholder="To" readonly>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <div class="book-form-proto-pax">
                <div class="book-form-proto-section-label"><ion-icon name="people-circle-outline"></ion-icon><span>Travelers</span></div>
                <div class="tw-grid tw-grid-cols-3 tw-gap-2 tw-text-center bf-pax-grid">
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Adults</div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="minus" data-field="adults_book">−</button></span>
                                <input id="adults_book" type="text" name="adults" class="form-control input-number book_all" value="2" min="1" max="100" readonly>
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="adults_book">+</button></span>
                            </div>
                        </div>
                    </div>
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Kids <span class="bf-pax-label-sub">(2 to 11 years)</span></div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" disabled="disabled" data-type="minus" data-field="children_book">−</button></span>
                                <input id="children_book" type="text" name="children" class="form-control input-number book_all" value="0" min="0" max="10" readonly onchange="paxOnChangeAll('1', this.value, 'Child', this, 9);">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="children_book">+</button></span>
                            </div>
                        </div>
                    </div>
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Infants <span class="bf-pax-label-sub">(0 to 2 years)</span></div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" disabled="disabled" data-type="minus" data-field="infants_book">−</button></span>
                                <input id="infants_book" type="text" name="infants" class="form-control input-number book_all" value="0" min="0" max="10" readonly onchange="paxOnChangeAll('1', this.value, 'Infant', this, 9);">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="infants_book">+</button></span>
                            </div>
                        </div>
                    </div>
                </div>
                                <div id="ageInputDiv" class="form-group label-floating hidden">
                    <div class="unit size4of7"><div class="mrm mts div-0"> </div></div>
                    <div id="input" class="unit size3of7 lastUnit div-1"> </div>
                </div>
                <div class="row" id="1" ageDesc="child"> </div>
                <div id="1" ageDesc="infant"> </div>
            </div>
            <div class="bf-comment-wrap">
                <textarea minlength="20" required placeholder="Please advise your tour requirements" class="form-control bf-comment" name="comment" id="comment" autocomplete="off"></textarea>
            </div>
            <div class="bf-submit-wrap">
                <div class="form-group mt-2 p-0 mb-0">
                    <div id='recaptcha' class="g-recaptcha"
                        data-sitekey="6LdVl20sAAAAAG04yGDIUthLCMlENTfNrHKxdsO0"
                        data-callback="SubmitForm"
                        data-size="invisible">
                    </div>
                </div>
                <button class="new_btn_book tw-w-full tw-group tw-overflow-hidden tw-relative" type="submit" id="Enquire-btn">
                    <span class="btn-submit-text tw-relative tw-z-10">Submit</span>
                    <ion-icon name="paper-plane" class="tw-relative tw-z-10"></ion-icon>
                    <span class="btn-loading-spinner" aria-hidden="true"></span>
                </button>
            </div>
                        <input type="hidden" id="url_goal" name="url_goal" value="general">
            <input type="hidden" id="program_id" name="program_id" value="0">
                        <input type="hidden" id="gtm_destination" value="Jordan">
            <input type="hidden" id="gtm_currency" value="USD">
        </form>
    </div>
        </div>
    </div>
</aside>
            </div>

        </div>
    </div>
</section>

<style>
    .home-packages-section .home_sub_filrers { margin: 0; gap: 0; }
    .home-packages-section .home_sub_filrers > div:first-child { display: none; }
    .home-packages-section .home_sub_filrers select {
        background: #fff; border: none; font-size: 1rem; font-weight: 700; color: #0a2b4b;
        padding: 0.25rem 0.5rem; border-radius: 0.5rem; cursor: pointer;
    }
    .home-packages-pagination a { text-decoration: none; }
    .home-packages-pagination .home-pag-btn,
    .home-packages-pagination .home-pag-num { box-sizing: border-box; }
    #programs.tw-hidden { display: none !important; }
</style>



<section class="tw-bg-white tw-py-16 tw-border-t tw-border-gray-100" id="faq-section" itemscope itemtype="https://schema.org/FAQPage">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-text-center tw-mb-12">
            <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-block tw-mb-2">Support</span>
            <h2 class="tw-text-4xl md:tw-text-5xl lg:tw-text-7xl tw-font-serif tw-text-navy">Frequently Asked Questions</h2>
            <p class="tw-text-gray-500 tw-max-w-2xl tw-mx-auto tw-mt-4 tw-text-base md:tw-text-lg">Got questions? We’ve got answers. Find everything you need to know to plan your perfect trip.</p>
        </div>
        <div id="faq-container" class="tw-space-y-4 tw-max-w-5xl tw-mx-auto">
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="0" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(0)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Where can I exchange currency?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-0" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-0" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The best currency to take to Egypt is the local currency, the Egyptian pound. However, GBP, Euro, and US dollars are highly exchangeable at local banks, currency exchange offices, and ATM machines.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(1)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is Jordan safe to visit?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-1" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-1" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Jordan is a very safe and stable country. Travelers are able to move around the country freely without extra concern for their safety.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="2" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(2)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Why book with Memphis Tours?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">We have been in the business since 1955 and pride ourselves on using this experience to create consistently high quality, personalized tour experiences.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="3" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(3)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there a special rate for private groups booking with Memphis Tours?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-3" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-3" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Yes, Memphis Tours does provide a discount for private trips booked with large groups.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="4" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(4)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">How much will I have to pay as a deposit? </span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-4" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-4" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The deposit required will be 25% of the total price of the tour, except during peak travel times around Christmas and New Years, when the deposit will be 50% of the total price.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="5" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(5)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any surcharge on transactions completed using a debit or credit card?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-5" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-5" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Memphis Tours does not charge any additional fees or surcharges on any debit or credit card transactions. We accept Visa and MasterCard.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(6)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do Jordanians speak languages other than Arabic?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-6" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-6" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Most Jordanians, who live in the cities, speak or understand at least some English words or phrases.

Fewer Jordanians can speak French, Italian, Spanish, and German.

professionals, who work in the tourism sector, are accustomed to visitors who cannot speak Arabic and they will speak enough English and other languages to fulfill the needs of most travelers.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="7" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(7)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is it a common practice to give tips in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-7" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-7" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Service charges that have been included on your bill go to the restaurant, not the waiter. Be sure to tip the servers 10% in addition by handing it to them directly.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="8" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(8)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What is the official currency in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-8" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-8" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The currency in Jordan is the Jordanian Dinar. The value of the dinar is effectively fixed at the rate of .71 JD to 1 USD (.91 JD to 1 Euro).</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="9" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(9)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Will I be able to exchange dollars, Euros, or other currencies in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-9" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-9" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Changing money is very easy in Jordan, and most major currencies are accepted in cash and travelers cheques. US dollars are the most accepted, followed by UK pounds and euros; you'll get nowhere with Australian or New Zealand dollars.

There are no restrictions on bringing dinars into Jordan. It's possible to change dinars back into some foreign currencies in Jordan, but you'll need to show receipts to prove that you changed your currency into dinars at a bank in Jordan.

Banks seem to offer slightly better rates than money changers for cash, but the difference is not worth worrying about unless you're going to change a huge amount. Most large hotels will change money (sometimes for guests only) but rates are always lower than those offered by the banks and money changers. There are small branches of major banks at the borders and at the airports.

</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="10" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(10)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do I have to learn Arabic in order to enjoy my visit to Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-10" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-10" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">It is always good to learn a few Arabic words to expressing greetings or thanks. If you are planning to visit some places other than popular tourist destinations, it is advisable to learn some Arabic phrases.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="11" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(11)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Can I take pictures while visiting the monuments in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-11" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-11" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Photography is allowed in most of the historical sites and museums in Jordan, but some of them have extra charges for taking in a camera.

in some museums and some historical sites, photography is prohibited and visitors are asked to leave their cameras at the reception before entering.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="12" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(12)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any special dress code to be followed during visiting a mosque in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-12" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-12" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">modest dress would be highly recommended and in some mosques, women will be asked to cover their hair and perhaps their arms and legs.

Both women and men will be asked to remove their shoes before entering a mosque.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="13" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(13)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any special advice for women travelers while visiting Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-13" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-13" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">In less touristic places, relatively modest dress is recommended. 

Women should avoid very tight clothing, keep their shoulders and knees covered, and avoid very revealing necklines. Men should also avoid particularly revealing clothing.
 
wearing shorts is not very common among Jordanians. Dressing with relative modesty is a way of respecting the local culture.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="14" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(14)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do I need a visa to enter Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-14" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-14" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">All visitors to Jordan that are not citizens of Turkey or certain Arab countries are required to have a visa to enter the Kingdom of Jordan.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="15" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(15)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">When is the best time to visit Jordan for general sightseeing?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-15" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-15" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The months from March to October are the best time to visit Jordan as the climate is milder and comfortable for sightseeing. You will find many Jordan travel packages suitable for this period of the year. As well, it is the best period of the year if you want to try a combined Jordan and Egypt tour, as the weather in Egypt becomes very moderate during these months.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="16" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(16)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Are there any health issues that I should worry about in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-16" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-16" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">There are no general health issues to worry about for traveling to Jordan aside from the normal issues that one faces traveling to a new place. 

Jordan is a center for medical tourism in the region and has a very well regarded health care system that is centered around Amman.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="17" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(17)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What different types of hotels are there in hotels in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-17" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-17" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">During Jordan vacations, accommodations for travelers in Jordan fall across a broad range — everything from world-class luxury to simple hostel accommodations are available. 

The nicest hotels compare well with luxury hotels anywhere, coming from international hotel chains like Movenpick, Hilton, Four Seasons, and Sofitel. All these luxury hotels are included in our Jordan travel packages. As well as, a step down from these are a variety of local hotels that ranges from luxurious to simple.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="18" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(18)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Will it be easy for me to find transportation from the Amman Airport to other destinations in the city?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-18" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-18" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">There are many taxis available that will take you to any place in Amman. A 10 km ride should cost around 2 JD. 

Many will also be willing to take you to other parts of Jordan, but you should negotiate the price beforehand. 

The Airport Express bus runs between Amman Airport and central Amman. The bus costs 3 JD and they usually run every 30 minutes from 6 AM to 6 PM and every hour at night. The trip take between 45 minutes and an hour.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="19" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(19)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What is the best way to get around while in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-19" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-19" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The easiest way to get around in Jordan is to use the plentiful taxis. Most taxis have meters if you are in Amman you can depend on this. 

A 10 KM trip should be around 2 JD on the meter. Outside of Amman it may be necessary to negotiate a price before you leave. It is also possible to arrange with one driver to use them for a whole day.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="20" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(20)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">How much should I tip?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-20" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-20" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">In a restaurant, it is good to give between 5 and 10% tip directly to the waiter.

For a small favor, like carrying luggage or parking a car, a few Egyptian pounds would be appropriate. Not more than five.

Tipping your tour guide and vehicle driver is completely optional but should be considered if you're provided with great service. If you decide to tip feel free to give what you think your experience was worth.</div>
                    </div>
                </div>
            </div>
                    </div>
                <div id="faq-load-more-wrap" class="tw-text-center tw-mt-8">
            <button type="button" onclick="loadMoreFAQs()" class="tw-px-8 tw-py-3 tw-bg-white tw-border tw-border-gray-300 tw-rounded-lg tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all tw-duration-300">
                Load More FAQs            </button>
        </div>
            </div>
</section>
<section class="tw-relative tw-py-24 lg:tw-py-32 tw-overflow-hidden tw-group/testimonials" id="home-reviews-section">
    <div class="tw-absolute tw-inset-0 tw-z-0 tw-bg-gradient-to-br tw-from-navy tw-via-[#0e3b66]">
        <div class="tw-absolute tw-inset-0 tw-opacity-5" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
    </div>

    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-relative tw-z-10">
        <div class="tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center">
            <div class="lg:tw-col-span-4 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left">
                <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-text-sm tw-mb-4 tw-block">Voices of Experience</span>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-white tw-mb-8 tw-leading-tight">
                    Stories from<br />
                    <span class="tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-gold tw-to-amber-300">Our Community</span>
                </h2>
                <p class="tw-text-gray-300 tw-text-lg tw-mb-12 tw-leading-relaxed tw-opacity-90 tw-max-w-md tw-mx-auto lg:tw-mx-0">
                    Join :count travelers who have uncovered the magic of :destination with our expert guidance.                </p>
                <div class="tw-flex tw-flex-row lg:tw-flex-col tw-gap-6 tw-justify-center lg:tw-justify-start">
                    <a href="https://g.co/kgs/wUs9Q45" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
                        <div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
                            <img src="/theme/Com2025/img/google.svg" alt="Google" class="tw-w-5 tw-h-5" loading="lazy">
                        </div>
                        <div class="tw-text-left tw-hidden md:tw-block">
                            <div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">Google</div>
                            <div class="tw-flex tw-text-amber-400 tw-text-[10px] tw-gap-0.5">
                                <ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon>                            </div>
                        </div>
                    </a>
                    <a href="https://www.tripadvisor.com/Attraction_Review-g294201-d20398123-Reviews-Memphis_Tours-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
                        <div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
                            <img src="/theme/Com2025/img/tripadvisor.svg" alt="TripAdvisor" class="tw-w-6 tw-h-6 tw-object-contain" loading="lazy">
                        </div>
                        <div class="tw-text-left tw-hidden md:tw-block">
                            <div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">TripAdvisor</div>
                            <div class="tw-flex tw-text-[#00AA6C] tw-text-[8px] tw-gap-0.5">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span>                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="lg:tw-col-span-8 tw-relative">
                <div class="tw-flex tw-items-end tw-justify-end tw-mb-8 tw-gap-4 tw-px-4 lg:tw-px-0">
                    <button type="button" id="prev-review"
                        class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
                        aria-label="Previous review">
                        <ion-icon name="arrow-back-outline" class="tw-text-xl group-hover:-tw-translate-x-1 tw-transition-transform"></ion-icon>
                    </button>
                    <button type="button" id="next-review"
                        class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
                        aria-label="Next review">
                        <ion-icon name="arrow-forward-outline" class="tw-text-xl group-hover:tw-translate-x-1 tw-transition-transform"></ion-icon>
                    </button>
                </div>

                <div id="reviews-scroll" class="tw-flex tw-overflow-x-auto tw-pb-8 tw-snap-x tw-snap-mandatory no-scrollbar" style="scroll-behavior: smooth;">
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    T                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Thomas Henry</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Professional tour guides and nice accommodations&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The tour guides were professional and friendly, and the accommodations were comfortable and clean. I would highly recommend this tour to anyone looking for an unforgettable adventure.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maria Rodriguez</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star" class="tw-opacity-30"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great Guide&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had a good experience on the &amp;#39;Taste of Jordan in Petra Tour&amp;#39; with Memphis Tours. Petra was definitely the highlight of the trip, and the food throughout the tour was delicious.However, there was an issue that our driver was a little late on our trip towards north to Jerash, but Our guide did his best to resolve the issue. Despite this, I still enjoyed the tour and would recommend it to others.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maddie M. Stevens</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo; Two Incredible Countries&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This trip exceeded my expectations and I would highly recommend it to anyone interested in exploring the history and culture of these two incredible countries.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
                                    O                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Olivia Smith</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great time&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Such an amazing and well-organized trip. Tour guides and drivers were very professional.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    S                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Sally Jacobs</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Perfect Tour Ever!!&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This trip exceeded my expectations and I would highly recommend it to anyone interested in exploring the history and culture of these two incredible countries.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    A                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Ava Taylor	</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great way to explore Latin America&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Such an amazing and well-organized trip. Highly Recommend it.
&amp;nbsp;
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
                                    I                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Isabella Wilson    </h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Best Time&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had the best time on my trip! Our guide was knowledgeable and passionate about the places we visited, and always made sure that everyone was having a great time. His enthusiasm for the local cultures&amp;nbsp;was contagious and I felt like I gained so much from our experience.&amp;nbsp;
&amp;nbsp;
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
                                    A                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Amy Hills</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Thanks Memphis Tours&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had an amazing time on the &amp;#39;Taste of Jordan in Petra Tour&amp;#39; with Memphis Tours. Our guide was fantastic and went out of his way to ensure we had a great experience. Petra was absolutely stunning, and the food throughout the trip was delicious. I also really enjoyed the visit to Roman Empire. This tour was a great way to experience the best of Jordan, and I would highly recommend it.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    N                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Nora</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Best 12 days&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I and my husband chose the &amp;quot;Mexico, Peru, and Brazil Tour&amp;quot; for my husband&amp;#39;s birthday, It was really worth it, we had so much fun and we saw many places that we heard about before. Thank you Memphis Tours for the amazing itinerary.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maddie M. Stevens</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Amazing Trip&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The itinerary was well thought-out and allowed us to see all the major sites in both countries. The accommodations were comfortable and the food was delicious. I especially enjoyed visiting the Temple of Karnak and the ancient city of Jerash.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                    </div>
            </div>
        </div>
    </div>

    <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-overflow-hidden tw-leading-none tw-z-10 tw-pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"
            class="tw-relative tw-block tw-w-[calc(100%+1.3px)] tw-h-[60px] lg:tw-h-[100px] tw-text-white tw-fill-current">
            <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"></path>
        </svg>
    </div>
</section>

    <section class="tw-bg-white tw-py-12 md:tw-py-24 tw-border-t tw-border-gray-100" id="discover-more">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-mb-16 tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-end tw-gap-6">
            <div>
                <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-mb-2 tw-block">Curated Collections</span>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Discover More About :destination</h2>
            </div>
            <p class="tw-text-gray-500 tw-max-w-md tw-text-right md:tw-text-left">Explore unique stories, insider tips, and must-see spots to make the most of your visit.</p>
        </div>

        <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-6 lg:tw-auto-rows-min">

                        <div class="lg:tw-col-span-2 tw-relative tw-rounded-[2.5rem] tw-overflow-hidden tw-group tw-min-h-[450px] lg:tw-min-h-[500px] tw-shadow-2xl tw-flex tw-flex-col tw-justify-end">
                <img src="/theme/Com2025/img/main_slider_image.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[20s] group-hover:tw-scale-105" alt="Top Rated Tours" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
                <div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
                    <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
                    <span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
                </div>
                <div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
                    <div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
                        <div>
                            <h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Top Rated Tours</h3>
                            <p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
                        </div>
                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-inline-flex tw-items-center tw-gap-2 tw-px-6 tw-py-3 tw-bg-white tw-text-navy tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:tw-text-white tw-transition-all tw-shadow-lg active:tw-scale-95 tw-shrink-0">
                            View Collection                        </a>
                    </div>
                    <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Road to Petra</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-private-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Taste of Jordan Tour</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/luxury-tour-to-jordan" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden tw-hidden md:tw-block">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Luxury Jordan Tour</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                            </div>
                </div>
            </div>
            
                        <div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
                <div>
                    <div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
                        <ion-icon name="compass"></ion-icon>
                    </div>
                    <h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Places to Visit</h3>
                    <p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
                </div>
                <div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Petra-Attractions/wiki/Petra" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-purple-100 hover:tw-bg-purple-50 hover:tw-text-purple-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="diamond-outline" class="tw-text-3xl tw-mb-2 tw-text-purple-600/70 group-hover/style:tw-text-purple-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Petra</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Amman-Attraction/wiki/Amman" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-cyan-100 hover:tw-bg-cyan-50 hover:tw-text-cyan-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="boat-outline" class="tw-text-3xl tw-mb-2 tw-text-cyan-600/70 group-hover/style:tw-text-cyan-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Amman</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Jerash-Attractions/wiki/Jerash" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-orange-100 hover:tw-bg-orange-50 hover:tw-text-orange-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="compass-outline" class="tw-text-3xl tw-mb-2 tw-text-orange-600/70 group-hover/style:tw-text-orange-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Jerash</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Kerak-Attractions/wiki/karak-travel-guide" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-red-100 hover:tw-bg-red-50 hover:tw-text-red-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="people-outline" class="tw-text-3xl tw-mb-2 tw-text-red-600/70 group-hover/style:tw-text-red-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Kerak</span>
                    </a>
                                    </div>
                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Petra-Attractions/wiki/Petra" target="_blank" rel="noopener noreferrer"
                    class="tw-text-center tw-w-full tw-block tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs hover:tw-text-navy tw-transition-colors">View All Styles</a>
                            </div>
            
                        <div class="tw-bg-navy tw-rounded-[2.5rem] tw-relative tw-overflow-hidden tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/dest tw-shadow-xl hover:tw-shadow-2xl tw-transition-all tw-min-h-[400px]">
                <div class="tw-absolute tw-inset-0 tw-opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
                <div class="tw-absolute tw-top-0 tw-right-0 tw-w-64 tw-h-64 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-translate-x-1/2 -tw-translate-y-1/2 tw-transition-transform tw-duration-700 group-hover/dest:tw-scale-150"></div>
                <div class="tw-relative tw-z-10 tw-flex-1">
                    <div class="tw-flex tw-justify-between tw-items-start tw-mb-6">
                        <div class="tw-w-14 tw-h-14 tw-bg-white/5 tw-border tw-border-white/10 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-gold tw-text-2xl group-hover/dest:tw-bg-gold group-hover/dest:tw-border-gold group-hover/dest:tw-text-navy tw-transition-all tw-duration-500 group-hover/dest:tw-scale-105">
                            <ion-icon name="map"></ion-icon>
                        </div>
                        <span class="tw-px-3 tw-py-1 tw-bg-white/10 tw-text-white tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-backdrop-blur-md">9+ Places</span>
                    </div>
                    <h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Inspiring Articles</h3>
                    <p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
                    <ul class="tw-space-y-4">
                                                                        <li>
                            <a href="https://www.memphistours.com/blog/must-try-foods-in-jordan" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">12 Must-Try Foods in Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                                <hr class="tw-border-white/5">                        <li>
                            <a href="https://www.memphistours.com/blog/must-do-activities-and-things-to-do-in-jordan" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">10 Must-Do Activities and Things to Do in Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                                <hr class="tw-border-white/5">                        <li>
                            <a href="https://www.memphistours.com/blog/floating-in-jordan-s-dead-sea" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Healing and Floating in the Dead Sea of Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                            </ul>
                </div>
                <div class="tw-relative tw-z-10 tw-mt-8">
                    <a href="https://www.memphistours.com/blog/must-try-foods-in-jordan" target="_blank" rel="noopener noreferrer"
                        class="tw-inline-flex tw-items-center tw-justify-center tw-w-full tw-gap-2 tw-p-3 tw-bg-white/5 hover:tw-bg-gold tw-text-white hover:tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs tw-rounded-xl tw-transition-all">
                        Explore All <ion-icon name="arrow-forward"></ion-icon>
                    </a>
                </div>
            </div>
            
                        <div class="lg:tw-col-span-2 tw-bg-gradient-to-br tw-from-cream tw-to-tan-light tw-rounded-[2.5rem] tw-p-8 lg:tw-p-10 tw-flex tw-flex-col md:tw-flex-row tw-gap-8 tw-items-center tw-relative tw-overflow-hidden tw-group/journal tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-border tw-border-gold/10 hover:tw-border-gold/30 tw-transition-colors tw-min-h-[400px]">
                <div class="tw-absolute -tw-bottom-32 -tw-right-32 tw-w-96 tw-h-96 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-transition-transform tw-duration-1000 group-hover/journal:tw-scale-150"></div>
                <div class="tw-flex-1 tw-relative tw-z-10 tw-w-full md:tw-pr-4">
                    <div class="tw-w-14 tw-h-14 tw-bg-white tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 tw-shadow-sm group-hover/journal:-tw-translate-y-1 tw-transition-transform tw-duration-500 tw-border tw-border-gray-100">
                        <ion-icon name="book"></ion-icon>
                    </div>
                    <div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1 tw-bg-green-100/80 tw-text-green-700 tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-mb-4 tw-border tw-border-green-200 tw-backdrop-blur-sm">
                        <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-green-500 tw-animate-pulse"></span> Expert Guides                    </div>
                    <h3 class="tw-text-4xl lg:tw-text-5xl tw-font-serif tw-text-navy tw-mb-4 tw-leading-tight">Travel Journal</h3>
                    <p class="tw-text-gray-600 tw-text-sm tw-mb-8 tw-max-w-sm tw-leading-relaxed">Expert advice, insider stories, and comprehensive guides for your perfect trip to :destination.</p>
                    <a href="/blog"                        class="tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-3.5 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:-tw-translate-y-1 tw-transition-all tw-shadow-lg hover:tw-shadow-xl active:tw-scale-95">
                        Read Journal                    </a>
                </div>
                <div class="tw-flex-[1.2] tw-flex tw-flex-col tw-gap-4 tw-relative tw-z-10 tw-w-full">
                                        <a href="/blog/street-food-in-istanbul-a-flavorful-guide"
                        class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
                        <div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
                            <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                        </div>
                        <div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
                            <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/806603543ece5868b71acbff2feaa2f6.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Street Food in Istanbul: A Flavorful Guide" loading="lazy">
                        </div>
                        <div class="tw-pr-6 tw-min-w-0">
                                                        <p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Food</p>
                                                        <h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Street Food in Istanbul: A Flavorful Guide</h4>
                        </div>
                    </a>
                                        <a href="/blog/egypt-and-jordan-adventure"
                        class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
                        <div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
                            <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                        </div>
                        <div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
                            <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Please Note: The images used in this article are AI generated to protect our client&#039;s privacy." loading="lazy">
                        </div>
                        <div class="tw-pr-6 tw-min-w-0">
                                                        <p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Traveler Stories</p>
                                                        <h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h4>
                        </div>
                    </a>
                                    </div>
            </div>
            
            
        </div>
    </div>
</section>

<section class="blog-section tw-bg-gray-50 tw-py-16" id="home-travel-journal">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-end tw-mb-8 tw-gap-4">
            <div>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Our Travel Journal</h2>
                <p class="tw-text-gray-600 tw-mt-2 tw-text-base tw-max-w-2xl">Explore our curated travel blogs to Stay updated with the latest travel tips, destination guides, and insider stories!</p>
            </div>
            <a href="/blog"
                class="cta-button tw-hidden sm:tw-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
                data-cta-name="see all blogs"
                data-section-title="our travel journal">
                See all Blogs            </a>
        </div>

        <div class="tw-flex tw-flex-col md:tw-flex-row tw-h-auto md:tw-h-[600px] tw-gap-4 tw-w-full tw-group/journal">
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/street-food-in-istanbul-a-flavorful-guide" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Street Food in Istanbul: A Flavorful Guide"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/806603543ece5868b71acbff2feaa2f6.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Street Food in Istanbul: A Flavorful Guide" title="Street Food in Istanbul: A Flavorful Guide" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Food</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-gold tw-text-navy tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg">Food</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Street Food in Istanbul: A Flavorful Guide</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">From simit and baklava to iconic d&amp;ouml;ner kebabs, street food in Istanbul offers a true taste of Turkish culture you won&amp;rsquo;t forget.
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/egypt-and-jordan-adventure" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes "></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Please Note: The images used in this article are AI generated to protect our client&#039;s privacy." title="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes " loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Traveler Stories</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #00000040;">Traveler Stories</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the magic of an Egypt and Jordan adventure. Explore ancient wonders, iconic landmarks, and rich history on this unforgettable tour.
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/10-things-you-must-do-in-vietnam" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Things You Must Do in Vietnam: My Travel Experience"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/145375db44a745a2c40d2d0c2f538fe8.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Woman soaking in the glow of Hoi An’s iconic lanterns." title="10 Things You Must Do in Vietnam: My Travel Experience" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Activities</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #ff808040;">Activities</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Things You Must Do in Vietnam: My Travel Experience</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">10 things to do in Vietnam for first-time travelers: explore beaches, rice terraces, cities, street food, and cultural highlights.
&amp;nbsp;
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/famous-landmarks-in-the-world" class="tw-absolute tw-inset-0 tw-z-40" aria-label="15 Most Famous Landmarks in the World"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/ded098d2aaea29267923c2180da879f7.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="15 Most Famous Landmarks in the World" title="15 Most Famous Landmarks in the World" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Attractions</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #0080ff40;">Attractions</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">15 Most Famous Landmarks in the World</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the wonders of the world as we explore the 15 most famous landmarks that have captured the hearts and imaginations of people across the globe. From iconic architectural marvels to ancient archaeological sites...</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                    </div>

        <div class="tw-mt-8 tw-text-center sm:tw-hidden">
            <a href="/blog"
                class="cta-button tw-inline-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
                data-cta-name="see all blogs"
                data-section-title="our travel journal">
                See all Blogs            </a>
        </div>
    </div>
</section>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    var blogCtaButtons = document.querySelectorAll('.blog-section .cta-button');
    blogCtaButtons.forEach(function(blogCtaButton) {
        blogCtaButton.addEventListener('click', function() {
            var sectionTitle = this.getAttribute('data-section-title') || 'our travel journal';

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'see all blogs',
                'section_title': sectionTitle,
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    });
})();
</script>

<section class="wikis-section tw-bg-[#f8f9fa] tw-py-16" id="know-more-with-memphis">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-mb-12">
            <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-wider tw-text-sm tw-block tw-mb-2">Guide</span>
            <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy tw-mb-4">Know more with Memphis</h2>
            <p class="tw-text-gray-600 tw-text-lg tw-max-w-2xl">From travel tips to destination highlights - Explore our travel guide!</p>
        </div>

        <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6">
                        <a href="/jordan/jordan-local-customs"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1477716307_576087487_922eedea238460ff676c75791a1df69f.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="About Dos and Don&#039;ts in Jordan "
                        title="About Dos and Don&#039;ts in Jordan ">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">About Dos and Don&#039;ts in Jordan </h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">A brief list of Do&amp;rsquo;s and Don&amp;#39;ts in Jordan to help visitors fit in with the locals! Know More.!
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/bethany"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/307547928_Baptism%20Scene%20of%20Jesus%20Christ%20by%20John%20the%20Baptist.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Bethany"
                        title="Bethany">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Bethany</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">The site of John the Baptist&amp;#39;s settlement at Bethany Beyond the Jordan, where Jesus was baptized, has long been known from the Bible (John 1:28 and 10:40) and from the Byzantine and medieval te...</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/jordanian-castles"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/796498349_Qasr%20Kharanah2.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Jordanian Desert Castles"
                        title="Jordanian Desert Castles">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Jordanian Desert Castles</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Jordan&amp;#39;s desert castles, beautiful examples of both early Islamic art and architecture, stand testament to a fascinating era in the country&amp;#39;s rich history.
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/christmas-traditions-in-jordan"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/291966057_8.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Christmas Traditions in Jordan"
                        title="Christmas Traditions in Jordan">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Christmas Traditions in Jordan</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">In Jordan, Christmas holidays begin in early December with dipped fruits in brandy, rum or cognac. Know More.!
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                    </div>
    </div>
</section>

    <!-- </div> -->
    
<footer class="tw-bg-white tw-relative tw-overflow-hidden tw-border-t tw-border-gray-100 tw-flex tw-flex-col tw-justify-end tw-min-h-[500px]">
    <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-z-0 tw-pointer-events-none">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-white tw-via-white/80 tw-to-transparent tw-z-10 tw-h-[60%] sm:tw-h-[40%]"></div>
        <img src="/theme/Com2025/img/memphi-footer-bk.png" alt="Memphis Tours Background Landscape"
            class="tw-w-full tw-h-auto tw-max-h-[500px] tw-object-cover tw-object-bottom tw-opacity-100 tw-mix-blend-multiply" />
    </div>

    <div class="tw-w-full tw-pt-16 tw-pb-6 tw-relative tw-z-10 tw-flex tw-flex-col tw-items-center tw-text-center tw-px-6">
        <div class="tw-mb-12">
            <a href="/" class="tw-inline-block tw-relative tw-z-10 tw-transition-transform hover:tw-scale-105">
    <img src="/theme/Com2021/img/logo.svg?v=new" alt="Memphis Tours" title="Memphis Tours" class="tw-h-[52px] tw-w-auto" />
</a>
        </div>

        <div class="tw-max-w-[1000px] tw-mx-auto tw-mb-16 tw-flex tw-flex-wrap tw-justify-center tw-gap-x-8 tw-gap-y-5 tw-text-[14px] tw-font-semibold tw-text-navy/80 tw-relative tw-z-10">
                            <a href="/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Privacy Policy                </a>
                            <a href="/general/contact-us" title="Contact Us " class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Contact Us                 </a>
                            <a href="/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Responsible Travel                </a>
                            <a href="/general/terms-conditions" title="Terms &amp; Conditions" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Terms &amp; Conditions                </a>
                            <a href="/general/why-memphis-tours" title="Why Memphis Tours" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Why Memphis Tours                </a>
                            <a href="/general/memphis-rewards-program" title="Welcome to Encore Rewards" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Welcome to Encore Rewards                </a>
                            <a href="/general/careers" title="Careers" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Careers                </a>
            
                            <a href="/Partners" title="Become a Partner" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Become a Partner</a>
            
            
                                                <a href="/jordan/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Privacy Policy                    </a>
                                    <a href="/jordan/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Responsible Travel                    </a>
                                    <a href="/jordan/general/terms-conditions" title="Terms &amp; Conditions" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Terms &amp; Conditions                    </a>
                                    <a href="/jordan/general/group-reservation" title="Group Reservation" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Group Reservation                    </a>
                                    <a href="/jordan/general/memphis-vision-and-mission" title="Vision and Mission" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Vision and Mission                    </a>
                            
                            <a href="/travel-health" title="Health Tips When it Comes to Traveling" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Health Tips When it Comes to Traveling</a>
            
                            <a href="/influencer-program" title="Influencer Collaboration with Memphis Tours" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Influencer Collaboration with Memphis Tours</a>
            
                            <a href="/group-travel-offer" title="Group Travel Offer" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Group Travel Offer</a>
                    </div>

        <div class="tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-12 tw-gap-y-6 tw-mb-12 tw-relative tw-z-10 tw-bg-white/60 tw-p-4 sm:tw-p-6 tw-rounded-2xl tw-backdrop-blur-md tw-border tw-border-white/50 tw-shadow-sm">
            <a href="/iso" class="tw-shrink-0" title="ISO">
                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-border tw-border-dashed tw-border-navy/30 tw-flex tw-flex-col tw-items-center tw-justify-center tw-relative tw-bg-white tw-shadow-sm">
                    <div
                        class="tw-absolute tw-inset-1 tw-rounded-full tw-border tw-border-navy tw-flex tw-flex-col tw-items-center tw-justify-center">
                        <span class="tw-text-navy tw-text-[5px] tw-font-bold tw-leading-none tw-tracking-widest tw-mt-1">QUALITY</span>
                        <span class="tw-text-navy tw-font-black tw-text-xl tw-leading-none">ISO</span>
                        <span class="tw-text-navy tw-text-[7px] tw-font-medium tw-leading-none tw-mb-1">9001:2015</span>
                    </div>
                </div>
            </a>

            <a href="/trip-advisor" class="tw-flex tw-items-center tw-gap-2 tw-shrink-0" title="Tripadvisor">
                <div class="tw-w-10 tw-h-10 tw-bg-[#34E0A1] tw-rounded-full tw-flex tw-gap-1 tw-items-center tw-justify-center tw-p-1.5 tw-shadow-sm tw-border tw-border-black/5">
                    <svg viewBox="0 0 24 24" fill="black" class="tw-w-full tw-h-full">
                        <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.933 13.9c-.836.837-2.185 1.053-3.216.516l-.717-.373-.717.373c-1.031.537-2.38.321-3.216-.516-.836-.836-1.053-2.185-.516-3.216l.373-.717-.373-.717c-.537-1.031-.321-2.38.516-3.216.836-.836 2.185-1.053 3.216-.516l.717.373.717-.373c1.031-.537 2.38-.321 3.216.516.836.836 1.053 2.185.516 3.216l-.373.717.373.717c.537 1.031.321 2.38-.516 3.216zm-5.65-3.65c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zm7.433 0c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5z" />
                    </svg>
                </div>
                <span class="tw-text-navy tw-font-bold tw-text-xl tw-tracking-tight tw-drop-shadow-sm">Tripadvisor</span>
            </a>

            
            <div class="tw-shrink-0">
                                    <div class="trustpilot-widget" data-locale="en-US" data-template-id="56278e9abfbbba0bdcd568bc" data-businessunit-id="4e34798f00006400051083d9" data-style-height="38px" data-style-width="220px" data-token="5c2cc159-aece-4400-bd8f-42d33b377be2">
                        <a href="https://www.trustpilot.com/review/www.memphistours.com" target="_blank" rel="noopener">
                            <!-- Trustpilot Button Mockup -->
                            <div class="tw-bg-white tw-px-3 tw-py-1.5 tw-flex tw-items-center tw-gap-1.5 tw-cursor-pointer hover:tw-bg-gray-50 tw-transition-colors tw-shadow-sm tw-border tw-border-gray-100 tw-rounded-sm">
                                <span class="tw-text-navy tw-font-bold tw-text-[13px]">Review us on</span>
                                <span class="tw-text-[#00b67a] tw-text-xl tw-leading-none -tw-tw-mt-1">★</span>
                                <span class="tw-text-navy tw-font-black tw-text-lg tw-tracking-tighter tw-leading-none">Trustpilot</span>
                            </div>
                        </a>
                    </div>
                            </div>
        </div>

        <div class="tw-mb-12">
            <div class="tw-flex tw-items-center tw-justify-center tw-gap-6 tw-text-navy/60 tw-text-[22px] tw-relative tw-z-10">
    <a aria-label="facebook" href="https://www.facebook.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-facebook"></ion-icon>
    </a>
    <a aria-label="twitter" href="https://twitter.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <svg viewBox="0 0 24 24" fill="currentColor" class="tw-w-5 tw-h-5">
            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 22.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
        </svg>
    </a>
    <a aria-label="youtube" href="https://www.youtube.com/user/toursinegypt?feature=watch" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-youtube"></ion-icon>
    </a>
    <a aria-label="tiktok" href="" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-tiktok"></ion-icon>
    </a>
    <a aria-label="pinterest" href="https://www.pinterest.com/memphistours/" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-pinterest"></ion-icon>
    </a>
    <a aria-label="instagram" href="https://instagram.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-instagram"></ion-icon>
    </a>
    <a aria-label="whatsapp" href="https://whatsapp.com/channel/0029VbBPpZUDZ4LVyznHJp0P" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-whatsapp"></ion-icon>
    </a>
    <a aria-label="tripadvisor" href="https://www.tripadvisor.es/Attraction_Review-g294201-d20398123-Reviews-Cairo_Tours_Packages_Memphis_Tours_Egypt-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="earth-outline"></ion-icon>
    </a>
</div>
        </div>

        <div class="tw-w-full tw-max-w-[1200px] tw-border-t tw-border-navy/10 tw-pt-6 tw-relative tw-z-10">
            <p class="tw-text-navy/70 tw-text-[13px] tw-font-semibold tw-tracking-wide tw-bg-white/40 tw-inline-block tw-px-4 tw-py-1 tw-rounded-full tw-backdrop-blur-sm">
                &copy; 2026 Copyright to MEMPHIS TOURS            </p>
        </div>
    </div>

    <div class="tw-h-16 lg:tw-hidden tw-relative tw-z-10"></div>
</footer>

    


    </body>
    <script src="/js/jquery-1.11.3.min.js?1780571495" full="1"></script><script src="/js/jquery-migrate-1.2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.tools.min.js?1780571495" full="1"></script><script src="/com2025/js/js.js?1780571493" full="1"></script><script src="/js/jquery.lazyload.js?1780571495" full="1"></script><script src="/js/mobile/idangerous.swiper-2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.prettyPhoto.js?1780571495" full="1"></script><script src="/js/jquery-ui1.10.1.js?1780571495" full="1"></script><script src="/js/jquery.ui.touch-punch.min.js?1780571495" full="1"></script><script src="/com2025/js/moment.js?1780571493" full="1"></script><script src="/com2025/js/daterangepicker.js?1780571493" full="1"></script><script src="/com2025/js/mdb.min.js?1780571493" full="1"></script><script src="/js/admin/jquery.autocomplete.js?1780571495" full="1"></script><script src="/js/jquery.validate.js?1780571495" full="1"></script><script src="/com2025/js/multiple-select.js?1780571493" full="1"></script><script src="/js/mobile/owl.carousel.js?1780571495" full="1"></script><script src="/com2025/js/bootstrap.bundle.min.js?1780571493"></script><script type="text/javascript">
window.Com2025PhoneValidation = {
    brazilError: "Enter area code (2 digits) followed by phone number (8 or 9 digits)",
    brazilPlaceholder: "Area code + number, e.g. 11987654321",
    brazilTitle: "Area code: 2 digits. Phone number: 8 or 9 digits."};
</script>
<script src="/com2025/js/phone-validation.js?1780571493"></script>    <script type="text/javascript" >
        jQuery(document).ready(function() {
            jQuery.material.init();
        });
    </script>
    <script type="text/javascript" charset="utf-8">
        jQuery(document).ready(function(){
            jQuery("a[rel^='prettyPhoto']").prettyPhoto();

            jQuery(function() {
                jQuery("img.lazy").lazyload({
                    effect : "fadeIn"
                });

                jQuery("div.lazy").lazyload({
                    effect : "fadeIn"
                });

            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".programBox_wishList").click(function() {
                let element = this;
                let link_data = $(this).data('program_id');
                $.ajax({
                    type: "POST",
                    url: '/ajax/clients/set_wish_list/'+link_data,
                    success: function(data) {
                        if(data == 'success'){
                            console.log($(element));
                            $(element).attr( 'id', 'wish' );
                        }else{
                            $('a[data-program_id="' + link_data + '"] > i.whishstate').css({"color":"red"})
                        }
                    }
                });
            });

            $(".programBox_wishList").each(function() {
                let element = this;
                let link_data = $(this).data('program_id');
                
            });
        });

    </script>
    <script type="text/javascript">
function homeGetPriceInputs() {
    var minEl = document.getElementById('filter-price-min');
    var maxEl = document.getElementById('filter-price-max');
    if (!minEl) {
        minEl = document.querySelector('.home-filter-price-min');
    }
    if (!maxEl) {
        maxEl = document.querySelector('.home-filter-price-max');
    }
    return { minEl: minEl, maxEl: maxEl };
}

function homeSetFilterRadio(name, value) {
    var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
    if (!input) {
        return;
    }
    input.checked = true;
    if (typeof trackFilterEvent === 'function') {
        trackFilterEvent(input);
    }
    if (typeof filter === 'function') {
        filter();
    }
    homeCloseFilterDropdowns();
    homeSyncFilterUiState();
}

function homeApplyPriceFilter() {
    var inputs = homeGetPriceInputs();
    var minEl = inputs.minEl;
    var maxEl = inputs.maxEl;
    var amount = document.getElementById('amount');
    if (!amount) {
        return;
    }
    var min = minEl && minEl.value ? parseInt(minEl.value, 10) : 1;
    var max = maxEl && maxEl.value ? parseInt(maxEl.value, 10) : 12000;
    if (isNaN(min)) {
        min = 1;
    }
    if (isNaN(max)) {
        max = 12000;
    }
    amount.value = '$' + min + ' - $' + max;
    amount.setAttribute('values', min + ',' + max);
    if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
        jQuery('#slider-range').slider('values', [min, max]);
    }
    if (typeof filter === 'function') {
        filter();
    }
    homeCloseFilterDropdowns();
    homeSyncFilterUiState();
}

function homeResetPriceFilter() {
    var amount = document.getElementById('amount');
    if (amount) {
        amount.setAttribute('values', '1,12000');
        amount.value = '$1 - $12000';
    }
    if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
        jQuery('#slider-range').slider('values', [1, 12000]);
    }
    var inputs = homeGetPriceInputs();
    if (inputs.minEl) {
        inputs.minEl.value = 1;
    }
    if (inputs.maxEl) {
        inputs.maxEl.value = 12000;
    }
    if (typeof filter === 'function') {
        filter();
    }
}

function homeClearAllFilters() {
    ['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
        var anyInput = document.querySelector('input[name="' + name + '"][value="0"]');
        if (anyInput) {
            anyInput.checked = true;
        }
    });
    homeResetPriceFilter();
    if (typeof filter === 'function') {
        filter();
    }
    homeSyncFilterUiState();
}

function homeCloseFilterDropdowns() {
    document.querySelectorAll('.home-filter-dropdown').forEach(function(d) {
        d.classList.add('tw-opacity-0', 'tw-invisible');
    });
}

function homeCloseMobileFilter() {
    var modal = document.getElementById('mobile-filter-modal');
    if (modal) {
        modal.classList.add('tw-translate-y-full');
    }
}

function homeSetQuickAccessActive(tagKey) {
    var activeKey = tagKey || 'all';
    document.querySelectorAll('.home-quick-access-btn').forEach(function(btn) {
        var isActive = btn.getAttribute('data-tag') === activeKey;
        btn.classList.toggle('tw-bg-navy', isActive);
        btn.classList.toggle('tw-text-white', isActive);
        btn.classList.toggle('tw-shadow-sm', isActive);
        btn.classList.toggle('tw-bg-white', !isActive);
        btn.classList.toggle('tw-text-gray-600', !isActive);
    });
}

function homeApplyFilterFromQuery(queryString) {
    if (!queryString) {
        return false;
    }
    var params = new URLSearchParams(queryString);
    var nameMap = { Category: 'rootCategory' };
    var applied = false;

    params.forEach(function(value, key) {
        var name = nameMap[key] || key;
        if (['Offer', 'Country', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].indexOf(name) >= 0) {
            var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
            if (input) {
                input.checked = true;
                applied = true;
            }
        } else if (key === 'price') {
            var amount = document.getElementById('amount');
            var parts = String(value).split(',');
            if (amount && parts.length === 2) {
                amount.setAttribute('values', value);
                amount.value = '$' + parts[0] + ' - $' + parts[1];
                if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
                    jQuery('#slider-range').slider('values', [parseInt(parts[0], 10), parseInt(parts[1], 10)]);
                }
                applied = true;
            }
        }
    });

    if (applied && typeof filter === 'function') {
        filter();
    }
    return applied;
}

function filterTours(linkOrAll, title) {
    if (linkOrAll === 'all') {
        homeSetQuickAccessActive('all');
        if (typeof homeClearAllFilters === 'function') {
            homeClearAllFilters();
        }
        return;
    }
    if (title) {
        homeSetQuickAccessActive(title);
    }
    if (!linkOrAll) {
        return;
    }
    var link = String(linkOrAll);
    if (link.indexOf('?') !== -1) {
        var qs = link.split('?').slice(1).join('?');
        if (homeApplyFilterFromQuery(qs)) {
            return;
        }
    }
    window.location.href = link;
}

function homeSyncFilterUiState() {
    var hasFilter = false;
    ['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
        var checked = document.querySelector('input[name="' + name + '"]:checked');
        if (checked && checked.value !== '0') {
            hasFilter = true;
        }
    });
    var amount = document.getElementById('amount');
    if (amount) {
        var vals = amount.getAttribute('values');
        if (vals && vals !== '1,12000' && vals !== '0,12000') {
            hasFilter = true;
        }
    }
    var clearBtn = document.getElementById('btn-clear-all');
    if (clearBtn) {
        clearBtn.classList.toggle('tw-hidden', !hasFilter);
    }
}

document.addEventListener('DOMContentLoaded', function() {
    var quickAccessContainer = document.getElementById('quick-access-container');
    if (quickAccessContainer) {
        quickAccessContainer.addEventListener('click', function(e) {
            var btn = e.target.closest('.home-quick-access-btn');
            if (!btn) {
                return;
            }
            if (btn.getAttribute('data-quick-access') === 'all' || btn.getAttribute('data-tag') === 'all') {
                filterTours('all');
                return;
            }
            filterTours(btn.getAttribute('data-link'), btn.getAttribute('data-tag'));
        });
    }

    document.querySelectorAll('.home-filter-dropdown-btn').forEach(function(btn) {
        btn.addEventListener('click', function(e) {
            e.stopPropagation();
            var dropdown = this.nextElementSibling;
            if (!dropdown || !dropdown.classList.contains('home-filter-dropdown')) {
                return;
            }
            var isHidden = dropdown.classList.contains('tw-invisible');
            homeCloseFilterDropdowns();
            if (isHidden) {
                dropdown.classList.remove('tw-opacity-0', 'tw-invisible');
            }
        });
    });
    document.addEventListener('click', homeCloseFilterDropdowns);

    if (typeof jQuery !== 'undefined') {
        jQuery(document).on('slide', '#slider-range', function(event, ui) {
            var inputs = homeGetPriceInputs();
            if (inputs.minEl) {
                inputs.minEl.value = ui.values[0];
            }
            if (inputs.maxEl) {
                inputs.maxEl.value = ui.values[1];
            }
        });
    }

    setTimeout(function() {
        var inputs = homeGetPriceInputs();
        var amount = document.getElementById('amount');
        if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length) {
            var vals = jQuery('#slider-range').slider('values');
            if (inputs.minEl && inputs.maxEl) {
                inputs.minEl.value = vals[0];
                inputs.maxEl.value = vals[1];
            }
            if (amount) {
                amount.setAttribute('values', vals[0] + ',' + vals[1]);
            }
        }
        homeSyncFilterUiState();
        if (document.querySelectorAll('.home-quick-access-btn').length) {
            var hasFilterParam = ['Offer', 'Country', 'Category', 'Style', 'Group', 'Activity', 'Duration', 'price'].some(function(key) {
                return window.location.search.indexOf(key + '=') !== -1;
            });
            if (!hasFilterParam) {
                homeSetQuickAccessActive('all');
            }
        }
    }, 100);
});
</script>
<script type="text/javascript">
    function changeCountries(Country, element) {
        // Track filter event before redirect
        if (element) {
            trackFilterEvent(element);
        }
        window.location.replace('/'+Country);
    }
    
    // Track filter events for GTM
    function trackFilterEvent(element) {
        window.dataLayer = window.dataLayer || [];
        
        // Find the parent filter box
        var filterBox = element.closest('.left_filter_all_box');
        if (!filterBox) return;
        
        // Get the filter title (filter_by)
        var filterTitleElement = filterBox.querySelector('.left_filter_all_box_title');
        var filterBy = filterTitleElement ? filterTitleElement.textContent.trim().toLowerCase() : '';
        
        // Get the selected value (filter_value)
        var filterValue = '';
        if (element.type === 'radio' && element.checked) {
            // Get the label text for the selected radio button
            var label = filterBox.querySelector('label[for="' + element.id + '"]');
            if (!label) {
                // Try to find label that contains this input
                label = element.closest('label');
            }
            if (label) {
                // Get text content, excluding the radio button itself
                var labelText = label.textContent || label.innerText;
                filterValue = labelText.trim().toLowerCase();
            }
        }
        
        // Push filter event to dataLayer
        if (filterBy && filterValue) {
            var dataLayerEvent = {
                'event': 'filter',
                'filter_by': filterBy,
                'filter_value': filterValue
            };
            
            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        }
    }
    
    // Attach event listeners to all filter inputs
    document.addEventListener('DOMContentLoaded', function() {
        var filterInputs = document.querySelectorAll('.left_filter_all_box input[type="radio"]');
        filterInputs.forEach(function(input) {
            input.addEventListener('change', function() {
                trackFilterEvent(this);
            });
        });
    });
</script>
    <!--<script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script>-->
<script>
        var fired = false;
        window.addEventListener('scroll', function() {
            let scroll = window.scrollY;
            if (scroll > 0  && fired === false) {
                var recaptchaScript = document.createElement('script');
                recaptchaScript.src = 'https://www.google.com/recaptcha/api.js?hl=en';
                recaptchaScript.defer = true;
                document.body.appendChild(recaptchaScript);
                fired = true;
                console.log('On scroll fired');
            }
        }, true);
        $( document ).ready(function() {
            function onload() {
            var element = document.getElementById('Enquire-btn');
            element.onclick = validate;
          }
          onload();
        });

        function openMomoAI() {
            if (typeof window.openMomoAIModal === 'function') {
                window.openMomoAIModal();
                return;
            }
            var formEl = document.getElementById('bookFormNew');
            if (formEl) {
                formEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        }

        function validate(event) {
            event.preventDefault();
            window.dataLayer = window.dataLayer || [];

            jQuery("#bookFormNew").validate({
                errorPlacement: function(error, element) {
                    error.insertAfter(element);
                    element.focus();

                    // Track form_error event
                    var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
                    var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
                    var errorMessage = error.text() || 'missing field';

                    var dataLayerEvent = {
                        'event': 'form_error',
                        'destination': destination,
                        'error_message': errorMessage.toLowerCase(),
                        'currency': currency
                    };

                    console.log('GTM Event Pushed:', dataLayerEvent);
                    window.dataLayer.push(dataLayerEvent);
                }
            });
            var isFormValid = $("#bookFormNew").valid();
            if (isFormValid) {
                // Mark form as submitted to prevent abandon event
                if (typeof window.setFormSubmitted === 'function') {
                    window.setFormSubmitted();
                }

                grecaptcha.execute();
            }
        }

        function SubmitForm(data) {
            if ($("#gRecaptchaResponse").val() == '') {
                 $("#gRecaptchaResponse").val(data);
            }

            // Mark form as submitted to prevent abandon event
            if (typeof window.setFormSubmitted === 'function') {
                window.setFormSubmitted();
            }

            // Track form_submission event
            window.dataLayer = window.dataLayer || [];

            var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
            var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
            var nationality = ($('#nationality').val() || '').toLowerCase();
            var noOfAdults = parseInt($('input[name="adults"]').val() || 0);
            var noOfChildren = parseInt($('input[name="children"]').val() || 0);
            var noOfInfants = parseInt($('input[name="infants"]').val() || 0);
            var email = ($('#UserEmail').val() || '').toLowerCase();
            var phoneNumber = ($('#UserPhone').val() || '');
            var countryCode = ($('#phone_ext').val() || '');

            // Calculate tour_duration_days from arrival and departure dates
            var tourDurationDays = 0;
            var arrivalDate = $('#datepickerArrival2').val();
            var departureDate = $('#datepickerDeparture2').val();
            if (arrivalDate && departureDate) {
                try {
                    var arrival = $.datepicker.parseDate('dd/mm/yy', arrivalDate);
                    var departure = $.datepicker.parseDate('dd/mm/yy', departureDate);
                    if (arrival && departure) {
                        var timeDiff = departure.getTime() - arrival.getTime();
                        tourDurationDays = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));
                        if (tourDurationDays < 0) tourDurationDays = 0;
                    }
                } catch(e) {
                    tourDurationDays = 0;
                }
            }

            var dataLayerEvent = {
                'event': 'form_submission',
                'destination': destination,
                'currency': currency,
                'nationality': nationality,
                'no_of_adults': noOfAdults,
                'no_of_children': noOfChildren,
                'no_of_infants': noOfInfants,
                'email': email,
                'phone_number': '+' + countryCode + phoneNumber,
                'tour_duration_days': tourDurationDays
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);

            var btn = document.getElementById("Enquire-btn");
            if (btn) { btn.classList.add("is-loading"); btn.disabled = true; }
            document.getElementById("bookFormNew").submit();
        }
        // var disableddates = [];
        // function DisableSpecificDates(date) {
        //     var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
        //     return [disableddates.indexOf(string) == -1];
        // }
        jQuery(function() {
          jQuery("#datepickerArrival2").datepicker({
                defaultDate: '+2d',
                dateFormat: 'dd/mm/yy',
                showOn: "both",
                buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
                buttonImageOnly: false,
                minDate: 2,
                onClose: function(selectedDate) {
                if (selectedDate) {
                    var date = $.datepicker.parseDate("dd/mm/yy", selectedDate);
                    date.setDate(date.getDate() + 1); // Add 1 day
                    jQuery("#datepickerDeparture2").datepicker("option", "minDate", date);
                }
            }
          });
            jQuery( "#datepickerDeparture2" ).datepicker({
                defaultDate: "+1d",
                dateFormat: 'dd/mm/yy',
                showOn: "both",
                buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
                buttonImageOnly: false,
                minDate: 0,
            });
        });

        function updateAgeFieldsAll(a, b, c) {
            var d = $("[ageDesc='" + c + "']");
            d.find(".age-input-div").length && d.find(".age-input-div").remove();
            for (var e = 0; b > e; e++) {
                if( c == "infant"){
                    var f = $("#ageInputDiv").clone().removeAttr("id").addClass("hidden age-input-div").removeClass("form-group label-floating");
                    f.find(".div-1").html("<input id='" + c + e + "' type='hidden' size='3' class='form-control' maxlength='2'  min='1' value='1.99' max='11.99' name='infants_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
                }else{
                    var f = $("#ageInputDiv").clone().removeAttr("id").addClass("col-md-6 age-input-div");
                    f.find(".div-0").html("<label for='" + c + e + "'>Age of Child "+ (e+1) +"</label>"), f.find(".div-1").html("<input id='" + c + e + "' type='number' size='3' class='form-control' value=''  maxlength='2' required min='2' max='11.99' name='children_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
                }
            }
        }

        function updateAgeSelectionAll(a) {
            var b = 0,
                c = 0,
                d = $('[id^="ageBands\\["]');
            d.each(function() {
                b += parseInt($(this).val())
            }), c = a - b, d.each(function() {
                var a = $(this),
                    b = parseInt(a.val()) + c,
                    d = a.val(),
                    e = 0;
                a.val(d)
            })
        }

        function paxOnChangeAll(a, b, c, d, e) {
            "Adult" === c ? updateAgeSelectionAll(e) : (updateAgeFieldsAll(a, b, c.toLowerCase()), updateAgeSelectionAll(e))
        }

        function validateMail() {
/*
            let mailValue = jQuery('#UserEmail').val();
            var settings = {
                "url": "https://api.sendgrid.com/v3/validations/email",
                "method": "POST",
                "timeout": 0,
                "headers": {
                    "Authorization": "Bearer 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",
                    "Content-Type": "text/plain"
                },
                "data": "{\r\n    \"email\": \""+mailValue+"\",\r\n     \"source\": \"Requests\"\r\n}",
            };

            if(mailValue.length > 1) {
                $.ajax(settings).done(function (response) {
                    if (response.result.verdict == "Invalid") {
                        jQuery('#UserEmail').css({"border": "1px solid red", "color": "red"});
                        jQuery('#Enquire-btn').attr('disabled', 'disabled')
                        jQuery('#mail-validation').html('Please enter a Valid Email');
                        jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
                    } else {
                        jQuery('#UserEmail').css({"border": "1px solid #757575", "color": "#757575"});
                        jQuery('#Enquire-btn').removeAttr('disabled');
                        jQuery('#mail-validation').html('');
                        jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
                    }

                });
            }
*/
        }
    </script>
                <script type="text/javascript">
                                        updateAgeSelectionAll(9);
                </script>
                    <script>
        // Track form_start event when user focuses on any form field (first interaction)
        // Also track form_abandon when user leaves the form
        (function() {
            window.dataLayer = window.dataLayer || [];
            var formStartFired = false;
            var formSubmitted = false;
            var lastFieldName = '';

            // Make formSubmitted accessible globally so we can set it from validate function
            window.setFormSubmitted = function() {
                formSubmitted = true;
            };

            var form = document.getElementById('bookFormNew');
            if (form) {
                var formFields = form.querySelectorAll('input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea');

                formFields.forEach(function(field) {
                    field.addEventListener('focus', function() {
                        if (!formStartFired) {
                            formStartFired = true;

                            var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
                            var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';

                            var dataLayerEvent = {
                                'event': 'form_start',
                                'destination': destination,
                                'currency': currency
                            };

                            console.log('GTM Event Pushed:', dataLayerEvent);
                            window.dataLayer.push(dataLayerEvent);
                        }
                        // Track last field name
                        lastFieldName = field.name || field.id || '';
                    }, { once: true });

                    // Also track on blur to capture the last field
                    field.addEventListener('blur', function() {
                        lastFieldName = field.name || field.id || '';
                    });
                });

                // Track form submission to prevent abandon event
                form.addEventListener('submit', function() {
                    formSubmitted = true;
                });

                // Track form_abandon when user leaves the page
                function trackFormAbandon() {
                    if (formStartFired && !formSubmitted) {
                        var tourName = (document.getElementById('gtm_tour_name') ? document.getElementById('gtm_tour_name').value : '').toLowerCase();
                        var tourType = (document.getElementById('gtm_tour_type') ? document.getElementById('gtm_tour_type').value : '').toLowerCase();
                        var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();

                        // Get field name - use the name attribute, fallback to id, or empty string
                        var fieldName = lastFieldName || '';

                        var dataLayerEvent = {
                            'event': 'form_abandon',
                            'tour_name': tourName,
                            'tour_type': tourType,
                            'destination': destination,
                            'form_field_name': fieldName
                        };

                        console.log('GTM Event Pushed:', dataLayerEvent);
                        window.dataLayer.push(dataLayerEvent);
                    }
                }

                // Listen for page unload
                window.addEventListener('beforeunload', function() {
                    trackFormAbandon();
                });

                // Listen for visibility change (tab switch, minimize, etc.)
                document.addEventListener('visibilitychange', function() {
                    if (document.hidden) {
                        trackFormAbandon();
                    }
                });
            }
        })();
    </script>
    <script>

        jQuery('.btn-number.book_all').click(function(e){
            e.preventDefault();

            fieldName = jQuery(this).attr('data-field');
            type      = jQuery(this).attr('data-type');
            var input = jQuery("input[id='"+fieldName+"']");

            var currentVal = parseInt(input.val());

            if (!isNaN(currentVal)) {
                if(type == 'minus') {

                    if(currentVal > input.attr('min')) {
                        input.val(currentVal - 1).change();
                    }
                    if(parseInt(input.val()) == input.attr('min')) {
                        jQuery(this).attr('disabled', true);
                    }

                } else if(type == 'plus') {

                    if(currentVal < input.attr('max')) {
                        input.val(currentVal + 1).change();
                    }
                    if(parseInt(input.val()) == input.attr('max')) {
                        jQuery(this).attr('disabled', true);
                    }

                }
            } else {
                input.val(1);
            }
        });
        jQuery('.input-number.book_all').focusin(function(){
            jQuery(this).data('oldValue', jQuery(this).val());
        });
        jQuery('.input-number.book_all').change(function() {

            minValue =  parseInt(jQuery(this).attr('min'));
            maxValue =  parseInt(jQuery(this).attr('max'));
            valueCurrent = parseInt(jQuery(this).val());

            name = jQuery(this).attr('id');
            if(valueCurrent >= minValue) {
                jQuery(".btn-number.book_all[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
            } else {
                alert('Sorry, the minimum value was reached');
                jQuery(this).val(jQuery(this).data('oldValue'));
            }
            if(valueCurrent <= maxValue) {
                jQuery(".btn-number.book_all[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
            } else {
                alert('Sorry, the maximum value was reached');
                jQuery(this).val(jQuery(this).data('oldValue'));
            }


        });
        jQuery(".input-number.book_all").keydown(function (e) {
            // Allow: backspace, delete, tab, escape, enter and .
            if (jQuery.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
                // Allow: Ctrl+A
                (e.keyCode == 65 && e.ctrlKey === true) ||
                // Allow: home, end, left, right
                (e.keyCode >= 35 && e.keyCode <= 39)) {
                // let it happen, don't do anything
                return;
            }
            // Ensure that it is a number and stop the keypress
            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
        });

        jQuery.material.init();
        jQuery.material.checkbox();

        function valueChanged(){
            if(jQuery('.flight').is(":checked")) {
                jQuery("#departure_airport").attr("required", true);
                jQuery(".flight_from").show();
            }else{
                jQuery(".flight_from").hide();
                jQuery("#departure_airport").attr("required", false);
            }
        }

        function childAge(){
            if(jQuery('.children').val().length != 0) {
                jQuery(".children_age").attr("required", true);
            }else{
                jQuery(".children_age").attr("required", false);
            }
        }
    </script>
<script type="text/javascript">
(function() {
    var activeViewClasses = ['tw-bg-white', 'tw-text-navy', 'tw-shadow-md', 'tw-scale-105'];
    var inactiveViewClasses = ['tw-text-gray-500', 'hover:tw-text-navy', 'hover:tw-bg-white/50'];

    function setViewButtonState(btn, isActive) {
        if (!btn) return;
        if (isActive) {
            btn.classList.add.apply(btn.classList, activeViewClasses);
            inactiveViewClasses.forEach(function(c) { btn.classList.remove(c); });
        } else {
            btn.classList.remove.apply(btn.classList, activeViewClasses);
            inactiveViewClasses.forEach(function(c) { btn.classList.add(c); });
        }
    }

    window.toggleView = function(view) {
        var listBtn = document.getElementById('btn-view-list');
        var mapBtn = document.getElementById('btn-view-map');
        var programs = document.getElementById('programs');
        var mapView = document.getElementById('map-view');
        var pagination = document.getElementById('home-pagination');
        var loader = document.getElementById('loader_div');

        if (view === 'map' && mapView) {
            setViewButtonState(listBtn, false);
            setViewButtonState(mapBtn, true);
            if (programs) programs.classList.add('tw-hidden');
            if (pagination) pagination.classList.add('tw-hidden');
            if (loader) loader.classList.add('tw-hidden');
            mapView.classList.remove('tw-hidden');
        } else {
            setViewButtonState(mapBtn, false);
            setViewButtonState(listBtn, true);
            if (mapView) mapView.classList.add('tw-hidden');
            if (programs) programs.classList.remove('tw-hidden');
            if (pagination) pagination.classList.remove('tw-hidden');
            if (loader) loader.classList.remove('tw-hidden');
        }
    };

    window.homePackagesAfterLoad = function() {
        if (typeof updateSiteRatesTop === 'function') {
            updateSiteRatesTop('1', false);
        }
        if (typeof jQuery !== 'undefined') {
            jQuery('img.lazy').lazyload({ effect: 'fadeIn' });
            jQuery('div.lazy').lazyload({ effect: 'fadeIn' });
        }
        if (typeof updatecount === 'function') {
            updatecount();
        }
        window.toggleView('list');
        homeBindViewTripLinks();
    };

    window.homeBindViewTripLinks = function homeBindViewTripLinks() {
        var h1Element = document.querySelector('.banner_content h1');
        var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
        document.querySelectorAll('.view-trip-link').forEach(function(link) {
            if (link.dataset.gtmBound === '1') return;
            link.dataset.gtmBound = '1';
            link.addEventListener('click', function() {
                window.dataLayer = window.dataLayer || [];
                window.dataLayer.push({
                    event: 'view_trip_details',
                    tour_name: (this.getAttribute('data-tour-name') || '').toLowerCase(),
                    tour_type: (this.getAttribute('data-tour-type') || 'private').toLowerCase(),
                    section_title: sectionTitle,
                    destination: (this.getAttribute('data-destination') || 'multi-country').toLowerCase()
                });
            });
        });
    }

    document.addEventListener('DOMContentLoaded', function() {
        homeBindViewTripLinks();
        var anchor = document.getElementById('tours-anchor');
        if (anchor && window.location.hash === '#programs') {
            anchor.scrollIntoView({ behavior: 'smooth' });
        }
    });
})();
</script>
<script type="text/javascript">
(function() {
    var faqOpenIndex = null;

    window.toggleFAQ = function(index) {
        var content = document.getElementById('faq-content-' + index);
        var icon = document.getElementById('faq-icon-' + index);
        if (!content) {
            return;
        }

        var isOpen = content.classList.contains('faq-open');

        document.querySelectorAll('#faq-container [id^="faq-content-"]').forEach(function(el) {
            el.style.maxHeight = '0';
            el.classList.remove('faq-open');
        });
        document.querySelectorAll('#faq-container [id^="faq-icon-"]').forEach(function(el) {
            el.classList.remove('tw-rotate-180');
        });

        if (!isOpen) {
            content.classList.add('faq-open');
            content.style.maxHeight = content.scrollHeight + 'px';
            if (icon) {
                icon.classList.add('tw-rotate-180');
            }
            faqOpenIndex = index;
        } else {
            faqOpenIndex = null;
        }
    };

    window.loadMoreFAQs = function() {
        document.querySelectorAll('#faq-container .home-faq-item-hidden').forEach(function(el) {
            el.classList.remove('home-faq-item-hidden', 'tw-hidden');
        });
        var wrap = document.getElementById('faq-load-more-wrap');
        if (wrap) {
            wrap.classList.add('tw-hidden');
        }
        if (faqOpenIndex !== null) {
            var openContent = document.getElementById('faq-content-' + faqOpenIndex);
            if (openContent && openContent.classList.contains('faq-open')) {
                openContent.style.maxHeight = openContent.scrollHeight + 'px';
            }
        }
    };

    window.addEventListener('resize', function() {
        if (faqOpenIndex === null) {
            return;
        }
        var openContent = document.getElementById('faq-content-' + faqOpenIndex);
        if (openContent && openContent.classList.contains('faq-open')) {
            openContent.style.maxHeight = openContent.scrollHeight + 'px';
        }
    });
})();
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
    var scrollEl = document.getElementById('reviews-scroll');
    var prevBtn = document.getElementById('prev-review');
    var nextBtn = document.getElementById('next-review');
    if (!scrollEl || !prevBtn || !nextBtn) {
        return;
    }
    function scrollReviews(direction) {
        scrollEl.scrollBy({ left: direction * scrollEl.clientWidth, behavior: 'smooth' });
    }
    prevBtn.addEventListener('click', function() { scrollReviews(-1); });
    nextBtn.addEventListener('click', function() { scrollReviews(1); });
});
</script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        
                    jQuery('input[value="14"][name="Country"]').prop('checked', true);
        
        
        
        
        
        
                    jQuery('input[value="98"][name="rootCategory"]').prop('checked', true);
        

        jQuery("#slider-range").slider({
            range: true,
            min:0,
            max: 12000,
            values: [ 1,12000 ],
            slide: function( event, ui ) {
                jQuery( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
                jQuery( "#amount" ).attr("values",  ui.values[ 0 ] + "," + ui.values[ 1 ] );

                var OffercheckboxValues = [];
                jQuery('input[name="Offer"]:checked').each(function() {
                    OffercheckboxValues.push(jQuery(this).val());
                });
                var countrycheckboxValues = [];
                jQuery('input[name="Country"]:checked').each(function() {
                    countrycheckboxValues.push(jQuery(this).val());
                });

                var rootCheckboxValues = [];
                jQuery('input[name="rootCategory"]:checked').each(function() {
                    rootCheckboxValues.push(jQuery(this).val());
                });

                var StylecheckboxValues = [];
                jQuery('input[name="Style"]:checked').each(function() {
                    StylecheckboxValues.push(jQuery(this).val());
                });

                var GroupcheckboxValues = [];
                jQuery('input[name="Group"]:checked').each(function() {
                    GroupcheckboxValues.push(jQuery(this).val());
                });

                var ActivitycheckboxValues = [];
                jQuery('input[name="Activity"]:checked').each(function() {
                    ActivitycheckboxValues.push(jQuery(this).val());
                });
                var DurationcheckboxValues = [];
                jQuery('input[name="Duration"]:checked').each(function() {
                    DurationcheckboxValues.push(jQuery(this).val());
                });


                filterRows(OffercheckboxValues,countrycheckboxValues,rootCheckboxValues,StylecheckboxValues,GroupcheckboxValues,ActivitycheckboxValues, DurationcheckboxValues);

            }
        });

        jQuery( "#amount" ).val( "$" + jQuery( "#slider-range" ).slider( "values", 0 ) +  " - $" + jQuery( "#slider-range" ).slider( "values", 1 ) );

    });
    function filter() {
        var OffercheckboxValues = [];
        jQuery('input[name="Offer"]:checked').each(function() {
            OffercheckboxValues.push(jQuery(this).val());
        });

        var countrycheckboxValues = [];
        jQuery('input[name="Country"]:checked').each(function() {
            countrycheckboxValues.push(jQuery(this).val());
        });

        var rootCheckboxValues = [];
        jQuery('input[name="rootCategory"]:checked').each(function() {
            rootCheckboxValues.push(jQuery(this).val());
        });
        var StylecheckboxValues = [];
        jQuery('input[name="Style"]:checked').each(function() {
            StylecheckboxValues.push(jQuery(this).val());
        });

        var GroupcheckboxValues = [];
        jQuery('input[name="Group"]:checked').each(function() {
            GroupcheckboxValues.push(jQuery(this).val());
        });

        var ActivitycheckboxValues = [];
        jQuery('input[name="Activity"]:checked').each(function() {
            ActivitycheckboxValues.push(jQuery(this).val());
        });
        var DurationcheckboxValues = [];
        jQuery('input[name="Duration"]:checked').each(function() {
            DurationcheckboxValues.push(jQuery(this).val());
        });

        filterRows(OffercheckboxValues,countrycheckboxValues,rootCheckboxValues,StylecheckboxValues,GroupcheckboxValues,ActivitycheckboxValues, DurationcheckboxValues);

    }
    function filterRows(Offer, Country, rootCategory, Style, Group, Activity, Duration ){

        var sortType = jQuery('#getSortType').val();
        var range = jQuery( "#amount" ).attr( "values");

        if ( typeof Offer == 'undefined') {
            Offer = "";
        }
        if ( typeof Country == 'undefined') {
            Country = "";
        }
        if ( typeof rootCategory == 'undefined') {
            rootCategory = "";
        }
        if ( typeof Style == 'undefined') {
            Style = "";
        }
        if ( typeof Group == 'undefined') {
            Group = "";
        }
        if ( typeof Activity == 'undefined') {
            Activity = "";
        }
        if (typeof Duration == 'undefined') {
            Duration = "";
        }

        if (typeof range == 'undefined') {
            range = "";
        }

        jQuery('input[name="Offer"]').val(Offer);
        jQuery('input[name="Country"]').val(Country);
        jQuery('input[name="rootCategory"]').val(rootCategory);
        jQuery('input[name="Style"]').val(Style);
        jQuery('input[name="Activity"]').val(Activity);
        jQuery('input[name="Duration"]').val(Duration);

        jQuery('input[name="price"]').val(range);

        history.pushState({}, null, "/jordan/jordan-travel-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range);

        jQuery('input:radio').attr('disabled','disabled');

        jQuery('#programs').html('<div style="float:left;width: 100%;text-align: center; color:#adadad;"><br><br><img height="80px" alt="loading" id="load" src="/img/loader.svg"><br><br>Please wait while loading content ....<br><br></div>');
        jQuery('#programs').load("/jordan/jordan-travel-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range, function(){
            if (typeof homePackagesAfterLoad === 'function') {
                homePackagesAfterLoad();
            } else {
                updateSiteRatesTop('1',false);
                jQuery("img.lazy").lazyload({effect : "fadeIn"});
                jQuery("div.lazy").lazyload({effect : "fadeIn"});
                updatecount();
            }
            jQuery('input:radio').removeAttr("disabled");
            var toursAnchor = document.getElementById('tours-anchor');
            if (toursAnchor) {
                toursAnchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        });
    }
    function updatecount(){
        var progCount = jQuery('#programs_more').attr("progCount");
        jQuery('#programs_count').html(progCount);

    }

    jQuery.material.init();
    jQuery.material.checkbox();
</script>
<script>
        document.addEventListener("DOMContentLoaded", function () {
            const overview = document.querySelector(".content_desc");
            if (!overview) return;
            const btn = overview.querySelector(".toggle-btn");
            if (!btn) return;
            const labelSpan = btn.querySelector("span");
            const labelMore = "Read more";
            const labelLess = "Read less";

            btn.addEventListener("click", function () {
                overview.classList.toggle("expanded");
                const isExpanded = overview.classList.contains("expanded");
                const label = isExpanded ? labelLess : labelMore;
                if (labelSpan) {
                    labelSpan.textContent = label;
                } else {
                    btn.textContent = label;
                }
            });
        });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const swiper = new Swiper('.gallerySwiper', {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: false,
            speed: 800,

            // Navigation arrows
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // Update progress bar
            on: {
                init: function () {
                    updateProgressBar(this);
                },
                slideChange: function () {
                    updateProgressBar(this);
                }
            }
        });

        function updateProgressBar(slider) {
            const totalSlides = slider.slides.length;
            if (totalSlides <= 1) {
                document.querySelector('.swiper-progress-bar').style.width = '100%';
                return;
            }

            const currentIndex = slider.activeIndex;
            const progress = (currentIndex / (totalSlides - 1)) * 100;
            document.querySelector('.swiper-progress-bar').style.width = progress + '%';
        }
    });
</script>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    // Get section title from h1
    var h1Element = document.querySelector('.banner_content h1');
    var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';

    // Find all view trip links on the page
    if (typeof homeBindViewTripLinks === 'function') {
        homeBindViewTripLinks();
        return;
    }

    var viewTripLinks = document.querySelectorAll('.view-trip-link');

    viewTripLinks.forEach(function(link) {
        if (link.dataset.gtmBound === '1') return;
        link.dataset.gtmBound = '1';
        link.addEventListener('click', function(e) {
            // Push tracking immediately (non-blocking)
            var tourName = (this.getAttribute('data-tour-name') || '').toLowerCase();
            var tourType = (this.getAttribute('data-tour-type') || 'private').toLowerCase();
            var destination = (this.getAttribute('data-destination') || 'multi-country').toLowerCase();

            var dataLayerEvent = {
                'event': 'view_trip_details',
                'tour_name': tourName,
                'tour_type': tourType,
                'section_title': sectionTitle,
                'destination': destination
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);

            // Allow navigation to proceed immediately (no delay)
            // The dataLayer push is synchronous and very fast
        });
    });
})();
</script>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    // Get section title from h1
    var h1Element = document.querySelector('.banner_content h1');
    var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';

    // Track CTA button clicks
    var ctaButtons = document.querySelectorAll('.content_button .cta-button');
    ctaButtons.forEach(function(button) {
        button.addEventListener('click', function(e) {
            // var ctaName = (this.getAttribute('data-cta-name') || this.textContent.trim()).toLowerCase();
            var destination = (this.getAttribute('data-destination') || '').toLowerCase();

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'help me plan my trip',
                'section_title': sectionTitle,
                'destination': destination
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    });
})();
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var swiper = new Swiper(".multiSwiper", {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: true,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            breakpoints: {
                768: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
                1024: {
                    slidesPerView: 2.6,
                    spaceBetween: 20,
                },
            }
        });
    });
</script>
    <script type="text/javascript">
    var currenciesExArray = new Array();
    var currenciesSignArray = new Array();
    var currenciesAbbrevArray = new Array();
    var currenciesAbbrevTextArray = new Array();

            currenciesExArray['1'] = "1.00000";
        currenciesSignArray['1'] ="US$";
        currenciesAbbrevArray['1'] ="USD (US$)";
        currenciesAbbrevTextArray['1'] ="USD";


            currenciesExArray['2'] = "0.86010";
        currenciesSignArray['2'] ="&euro;";
        currenciesAbbrevArray['2'] ="EUR (&euro;)";
        currenciesAbbrevTextArray['2'] ="EUR";


            currenciesExArray['3'] = "0.74410";
        currenciesSignArray['3'] ="&pound;";
        currenciesAbbrevArray['3'] ="GBP (&pound;)";
        currenciesAbbrevTextArray['3'] ="GBP";


            currenciesExArray['4'] = "1.40050";
        currenciesSignArray['4'] ="AU$";
        currenciesAbbrevArray['4'] ="AUD (AU$)";
        currenciesAbbrevTextArray['4'] ="AUD";


            currenciesExArray['5'] = "1.38960";
        currenciesSignArray['5'] ="C$";
        currenciesAbbrevArray['5'] ="CAD (C$)";
        currenciesAbbrevTextArray['5'] ="CAD";


            currenciesExArray['6'] = "17.29000";
        currenciesSignArray['6'] ="MXN$";
        currenciesAbbrevArray['6'] ="MXN (MXN$)";
        currenciesAbbrevTextArray['6'] ="MXN";


            currenciesExArray['7'] = "3564.00000";
        currenciesSignArray['7'] ="COP$";
        currenciesAbbrevArray['7'] ="COP (COP$)";
        currenciesAbbrevTextArray['7'] ="COP";


            currenciesExArray['8'] = "1436.99000";
        currenciesSignArray['8'] ="ARS$";
        currenciesAbbrevArray['8'] ="ARS (ARS$)";
        currenciesAbbrevTextArray['8'] ="ARS";


            currenciesExArray['9'] = "894.54000";
        currenciesSignArray['9'] ="CLP$";
        currenciesAbbrevArray['9'] ="CLP (CLP$)";
        currenciesAbbrevTextArray['9'] ="CLP";


    
    function updateSiteRatesTop(current_currency,session_update){
        jQuery(".curr_contain#currency").find('li').show();
        jQuery("#e"+current_currency).hide();
        jQuery(".convertable").each(function(){
                var id = jQuery(this).attr('id');
                var current_value = jQuery('#h'+id).val();

                if(!isNaN(parseFloat(current_value))){

                    var new_value = parseFloat(current_value) * parseFloat(currenciesExArray[current_currency]);
                    var rounded_value = Math.round(new_value*Math.pow(10,0))/Math.pow(10,0);;
                    jQuery(this).html(rounded_value);
                }
        });

        jQuery(".currencySign").html(currenciesSignArray[current_currency]);
        jQuery(".currencySign3").html(currenciesAbbrevArray[current_currency]);
        jQuery(".currencySignText").html(currenciesAbbrevTextArray[current_currency]);

        if(session_update){
            jQuery.ajax({ url: '/ajax/dashboard/update_currency_session/'+current_currency });
        }
    }


    jQuery(document).ready(function(){
        jQuery("ul.subnav_top").parent().append(""); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
        jQuery("ul.topnav_top li .hover").mouseover(function() { //When trigger is clicked...
            //Following events are applied to the subnav itself (moving subnav up and down)

            jQuery(this).parent().find("ul.subnav_top").slideDown('fast').show(); //Drop down the subnav on click
            jQuery(this).parent().hover(function() {
            }, function(){
                jQuery(this).parent().find("ul.subnav_top").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
            });

            //Following events are applied to the trigger (Hover events for the trigger)
            }).hover(function() {
                jQuery(this).addClass("subhover"); //On hover over, add class "subhover"
            }, function(){  //On Hover Out
                jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"
        });

    });


    jQuery(document).ready(function(){
        updateSiteRatesTop('1',false);
    });
    </script>
            <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
                <script type="text/javascript">
                // Nationality to Country Code mapping
                var nationalityToCountryCode = {
            'American': '1',
            'Afghan': '93',
            'Albanian': '355',
            'Algerian': '213',
            'Andorran': '376',
            'Angolan': '244',
            'Argentinian': '54',
            'Armenian': '374',
            'Australian': '61',
            'Austrian': '43',
            'Azerbaijani': '994',
            'Bahamian': '1242',
            'Bahraini': '973',
            'Bangladeshi': '880',
            'Barbadian': '1246',
            'Belarusian': '375',
            'Belgian': '32',
            'Belizean': '501',
            'Beninese': '229',
            'Bhutanese': '975',
            'Bolivian': '591',
            'Bosnian': '387',
            'Botswanan': '267',
            'Brazilian': '55',
            'British Indian Ocean': '246',
            'British Virgin': '1284',
            'Bruneian': '673',
            'Bulgarian': '359',
            'Burkinese': '226',
            'Burundian': '257',
            'Cambodian': '855',
            'Cameroonian': '237',
            'Canadian': '1',
            'Cape Verdean': '238',
            'Chadian': '235',
            'Chilean': '56',
            'Chinese': '86',
            'Colombian': '57',
            'Congolese': '242',
            'Costa Rican': '506',
            'Croatian': '385',
            'Cuban': '53',
            'Cypriot': '357',
            'Czech': '420',
            'Danish': '45',
            'Djiboutian': '253',
            'Dominican': '1809',
            'East Timorese': '670',
            'Ecuadorean': '593',
            'Egyptian': '20',
            'Salvadorean': '503',
            'Guinean': '224',
            'Eritrean': '291',
            'Estonian': '372',
            'Ethiopian': '251',
            'Fijian': '679',
            'Finnish': '358',
            'French': '33',
            'Guyanese': '592',
            'Gabonese': '241',
            'Gambian': '220',
            'Georgian': '995',
            'German': '49',
            'Ghanaian': '233',
            'Greek': '30',
            'Grenadian': '1473',
            'Guatemalan': '502',
            'Guinea-Bissau': '245',
            'Haitian': '509',
            'Honduran': '504',
            'Hungarian': '36',
            'Icelander': '354',
            'Indian': '91',
            'Indonesian': '62',
            'Iranian': '98',
            'Iraqi': '964',
            'Irish': '353',
            'Israeli': '972',
            'Italian': '39',
            'Jamaican': '1876',
            'Japanese': '81',
            'Jordanian': '962',
            'Kazakh': '7',
            'Kenyan': '254',
            'Kuwaiti': '965',
            'Laotian': '856',
            'Latvian': '371',
            'Lebanese': '961',
            'Liberian': '231',
            'Libyan': '218',
            'Lithuanian': '370',
            'Macedonian': '389',
            'Madagascan': '261',
            'Malawian': '265',
            'Malaysian': '60',
            'Maldivian': '960',
            'Malian': '223',
            'Maltese': '356',
            'Mauritanian': '222',
            'Mauritian': '230',
            'Mexican': '52',
            'Moldovan': '373',
            'Monacan': '377',
            'Mongolian': '976',
            'Moroccan': '212',
            'Mozambican': '258',
            'Namibian': '264',
            'Nepalese': '977',
            'Dutch': '31',
            'New Zealand': '64',
            'Nicaraguan': '505',
            'Nigerien': '227',
            'Nigerian': '234',
            'North Korean': '850',
            'Norwegian': '47',
            'Omani': '968',
            'Pakistani': '92',
            'Panamanian': '507',
            'Equatorial Guinean': '240',
            'Paraguayan': '595',
            'Peruvian': '51',
            'Filipino': '63',
            'Polish': '48',
            'Portuguese': '351',
            'Qatari': '974',
            'Romanian': '40',
            'Russian': '7',
            'Rwandan': '250',
            'Saudi': '966',
            'Senegalese': '221',
            'Serbian': '381',
            'Sierra Leonian': '232',
            'Singaporean': '65',
            'Slovak': '421',
            'Slovenian': '386',
            'Somali': '252',
            'South African': '27',
            'South Korean': '82',
            'Spanish': '34',
            'Sri Lankan': '94',
            'Sudanese': '249',
            'Surinamese': '597',
            'Swazi': '268',
            'Swedish': '46',
            'Swiss': '41',
            'Syrian': '963',
            'Taiwanese': '886',
            'Tajik': '992',
            'Tanzanian': '255',
            'Thai': '66',
            'Togolese': '228',
            'Trinidadian': '1868',
            'Tunisian': '216',
            'Turkish': '90',
            'Turkmen': '993',
            'Tuvaluan': '688',
            'Ugandan': '256',
            'Ukrainian': '380',
            'Emirati': '971',
            'British': '44',
            'Uruguayan': '598',
            'Uzbek': '998',
            'Vanuatuan': '678',
            'Venezuelan': '58',
            'Vietnamese': '84',
            'Yemeni': '967',
            'Zambian': '260',
            'Zimbabwean': '263'
        };

        // Function to update country code based on nationality
        function updateCountryCode() {
            var selectedNationality = jQuery('#nationality').val();
            var countryCode = nationalityToCountryCode[selectedNationality];

            console.log(selectedNationality);
            if (selectedNationality === 'American') {
                // Select USA option specifically
                jQuery('#phone_ext option[data-countryCode="US"]').prop('selected', true);
            } else if (selectedNationality === 'Canadian') {
                // Select Canada option specifically
                jQuery('#phone_ext option[data-countryCode="CA"]').prop('selected', true);
            }

            if (countryCode) {
                // Special handling for countries that share the same country code
                if (countryCode === '1') {
                    if (selectedNationality === 'American') {
                        // Select USA option specifically
                        jQuery('#phone_ext option[data-countryCode="US"]').prop('selected', true);
                    } else if (selectedNationality === 'Canadian') {
                        // Select Canada option specifically
                        jQuery('#phone_ext option[data-countryCode="CA"]').prop('selected', true);
                    }
                } else {
                    // For other countries, find and select the matching country code option
                    var found = false;
                    jQuery('#phone_ext option').each(function() {
                        if (jQuery(this).val() === countryCode) {
                            jQuery('#phone_ext').val(countryCode);
                            found = true;
                            return false; // Break the loop
                        }
                    });

                    // If country code not found in dropdown, reset to empty selection
                    if (!found) {
                        jQuery('#phone_ext').val('');
                        console.log('Country code ' + countryCode + ' for ' + selectedNationality + ' not available in dropdown');
                    }
                }
            } else {
                // Reset to empty selection if nationality not found in mapping
                jQuery('#phone_ext').val('');
            }
        }

        // Add event listener to nationality select field
        jQuery(document).ready(function() {
            jQuery('#nationality').on('change', updateCountryCode);
        });

    </script>
</html>

'

}
$reasonPhrase = 'OK'

header - [internal], line ??
Cake\Http\ResponseEmitter::emitStatusLine() - CORE/src/Http/ResponseEmitter.php, line 152
Cake\Http\ResponseEmitter::emit() - CORE/src/Http/ResponseEmitter.php, line 57
Cake\Http\Server::emit() - CORE/src/Http/Server.php, line 140
[main] - ROOT/webroot/index.php, line 40

Code Context

            foreach ($values as $value) {
                header(sprintf(
                    '%s: %s',

$response = object(Cake\Http\Response) {

	'status' => (int) 200,
	'contentType' => 'text/html',
	'headers' => [
		'Content-Type' => [
			[maximum depth reached]
		]
	],
	'file' => null,
	'fileRange' => [],
	'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
	'cacheDirectives' => [],
	'body' => '
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'virtual_page_view',
            'language': 'english',
    
  'currency': 'USD',
    'destination': 'jordan', //if found
  });
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>                <link rel="canonical" href="https://new.memphistours.com/jordan/jordan-travel-packages" />
                        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />

    <title>Jordan Travel Packages - Top 5 Tours & Best Sellers</title>
            <meta name="keywords" content="Jordan Travel Packages" />
                <meta name="description" content="Discover our 5 best-selling tours. Petra exploration, Wadi Rum camping, Dead Sea floating included. Small groups, expert guides. Compare and reserve.
" />
        <link rel="preload" fetchpriority="high" as="image" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto,w_700/memphis/xlarge/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" type="image/webp">
                            <meta property="fb:app_id" content="123927964357308" />
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@memphistours" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://new.memphistours.com/jordan/jordan-travel-packages" />
        <meta property="og:title" content="Top 5 Jordan Travel Packages: Explore the Best of Jordan" />
        <meta property="og:description" content="Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of Jerash, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!

Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.

In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to Petra, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.

If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.

With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.

From the peaks of Mount Nebo to the valleys of the Jordan River, and from the deserts of Wadi Rum to the shores of Aqaba and the ruins of Petra, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of Jordan!
" />
        <meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" />
        <link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg" />
        <meta property="fb:pages" content="139869103039316" />
    <script src="https://www.artfut.com/static/tagtag.min.js?campaign_code=828f6d1d89" async onerror='var self = this;window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers=ADMITAD.Helpers||{},ADMITAD.Helpers.generateDomains=function(){for(var e=new Date,n=Math.floor(new Date(2020,e.getMonth(),e.getDate()).setUTCHours(0,0,0,0)/1e3),t=parseInt(1e12*(Math.sin(n)+1)).toString(30),i=["de"],o=[],a=0;a<i.length;++a)o.push({domain:t+"."+i[a],name:t});return o},ADMITAD.Helpers.findTodaysDomain=function(e){function n(){var o=new XMLHttpRequest,a=i[t].domain,D="https://"+a+"/";o.open("HEAD",D,!0),o.onload=function(){setTimeout(e,0,i[t])},o.onerror=function(){++t<i.length?setTimeout(n,0):setTimeout(e,0,void 0)},o.send()}var t=0,i=ADMITAD.Helpers.generateDomains();n()},window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers.findTodaysDomain(function(e){if(window.ADMITAD.dynamic=e,window.ADMITAD.dynamic){var n=function(){return function(){return self.src?self:""}}(),t=n(),i=(/campaign_code=([^&]+)/.exec(t.src)||[])[1]||"";t.parentNode.removeChild(t);var o=document.getElementsByTagName("head")[0],a=document.createElement("script");a.src="https://www."+window.ADMITAD.dynamic.domain+"/static/"+window.ADMITAD.dynamic.name.slice(1)+window.ADMITAD.dynamic.name.slice(0,1)+".min.js?campaign_code="+i,o.appendChild(a)}});'></script>
    <script type="text/javascript">
        //Cookie lifetime (days)
        var days_to_store = 90;

        //Parameters for creating a cookie containing the Admitad UID value
        var uid_cookie_name = 'admitad_uid'; // Name of cookie storing admitad_uid
        var uid_channel_name = 'admitad_uid'; // function for receiving a source from the GET parameter

        function getParamFromUriAdmitad (get_param_name) {
            var pattern = get_param_name + '=([^&]+)';
            var re = new RegExp(pattern);
            return (re.exec(document.location.search) || [])[1] || '';
        };

        // function for writing the source to the cookie named cookie_name
        function setAdmitadCookie (param_name, cookie_name) {
            var param = getParamFromUriAdmitad(param_name);
            if (!param) { return; }
            var period = days_to_store * 60 * 60 * 24 * 1000;   // in seconds
            var expiresDate = new Date((period) + +new Date);
            var cookieString = cookie_name + '=' + param + '; path=/; expires=' + expiresDate.toGMTString();
            document.cookie = cookieString;
            document.cookie = cookieString + '; domain=.' + location.host;
        };

        // writing value to cookie
        setAdmitadCookie(uid_channel_name, uid_cookie_name);

    </script>
    <script type="application/ld+json">
    {
      "@context" : "http://schema.org",
      "@type" : "Organization",
      "name" : "Memphis Tours",
      "url" : "https://new.memphistours.com",
      "logo": "https://new.memphistours.com/theme/Com2018/img/logo.png",
      "aggregateRating": {
        "@type": "AggregateRating",
        "bestRating": "5",
        "ratingValue": "5",
        "reviewCount": "101"
      },
      "sameAs" : [
        "https://www.facebook.com/memphistours",
        "https://twitter.com/memphistours",
        "https://plus.google.com/+Memphistours/posts",
        "https://www.youtube.com/user/toursinegypt?feature=watch",
        "https://www.pinterest.com/memphistours/",
        "https://instagram.com/memphistours",
        "https://www.tripadvisor.es/Attraction_Review-g294201-d20398123-Reviews-Cairo_Tours_Packages_Memphis_Tours_Egypt-Cairo_Cairo_Governorate.html"
      ]
    }
    </script>
    <script type="application/ld+json">
      {
         "@context": "http://schema.org",
         "@type": "Blog",
         "url": "https://new.memphistours.com/blog"
      }
    </script>

            <meta name="mcafeesecure-site-verification" content="e251cda7041273ffaa694d73e31968fc">
        <meta name="google-site-verification" content="R0yi8H57MPRhp2oeGjmKMWsHIVt3uCmKy4QMTUUjmeQ" />
    
    
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />

    <meta name="theme-color" content="#0a2b4b">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
    <link rel="preconnect" href="https://register.feefo.com" crossorigin>
    <link rel="preconnect" href="https://api.feefo.com" crossorigin>
    <link rel="preconnect" href="https://www.paypalobjects.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>

    <!-- <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"> -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Bebas+Neue&display=swap" rel="stylesheet">
    <link href="/favicon.ico?1780571495" type="image/x-icon" rel="icon"/><link href="/favicon.ico?1780571495" type="image/x-icon" rel="shortcut icon"/><link rel="stylesheet" href="/com2025/css/bootstrap.min.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/bootstrap-icons.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/flag-icon.min.css?1780571493" full="1"/><link rel="stylesheet" href="/css/admin/jquery.autocomplete.css?1780571495" full="1"/><link rel="stylesheet" href="/com2025/css/fontawesome-6.7.2/css/all.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/jquery_ui_css/redmond/jquery-ui-1.10.1.custom.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/phppot-style.css?1780571493" full="1"/><link rel="stylesheet" href="/com2025/css/star-rating-style.css?1780571493" full="1"/><link rel="stylesheet" href="/css/prettyPhoto.css?1780571495" full="1"/><link rel="stylesheet" href="/css/mobile/owl.carousel.min.css?1780571495" full="1"/><link rel="stylesheet" href="/css/mobile/owl.theme.default.min.css?1780571495" full="1"/><link rel="stylesheet" href="/com2025/css/new2025.css?1780571493" full="1"/>
    <script>
var loadGtm = function(w, d, s, l, i) {
  w[l] = w[l] || [];
  w[l].push({
    'gtm.start': new Date().getTime(),
    event: 'gtm.js'
  });
  var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s),
      dl = l != 'dataLayer' ? '&l=' + l : '';
  j.async = true;
  j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  f.parentNode.insertBefore(j, f);
}
setTimeout(loadGtm.bind(null, window, document, 'script', 'dataLayer', 'GTM-M54NRMK'), 5000);
</script>

    <script>
        tailwind.config = {
            prefix: 'tw-',
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                        serif: ['Bebas Neue', 'cursive'],
                    },
                    colors: {
                        navy: '#0a2b4b', // Official Navy
                        gold: '#f5a31b', // Official Gold
                        'navy-light': '#163a5c',
                        'cyan-light': '#f0f9f9',
                        'tan-light': '#fdf3e7',
                        'green-light': '#eef5e9',
                    }
                }
            }
        }
    </script>
    <style>
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        @keyframes float-slow {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-15px);
            }
        }

        .animate-float-slow {
            animation: float-slow 6s ease-in-out infinite;
        }
    </style>

    <style>
        .program_new_right_side_form label.error {
            color: red !important;
            font-size: 10px !important;
        }
    </style>
    <style>
    .program_box_data table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #ddd;
    }

    .program_box_data th, .program_box_data td {
        padding: 10px;
        text-align: left;
        border: 1px solid #ddd;
    }

    .program_box_data th {
        background-color: #f4f4f4;
        font-weight: bold;
    }

    .program_box_data tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .program_box_data tr:hover {
        background-color: #f1f1f1;
    }
    html {
        font-size: 100% !important;
    }
</style>
</head>
<body class="tw-bg-white tw-font-sans tw-text-navy tw-antialiased">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M54NRMK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->	

<nav class="tw-fixed tw-top-0 tw-left-0 tw-w-full tw-z-50 tw-transition-all tw-duration-300 tw-text-white" id="navbar" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-h-20 tw-flex tw-items-center tw-gap-6">
        <div class="tw-relative tw-z-10 tw-flex tw-items-center tw-gap-12 tw-min-w-0">
            <a href="/" class="tw-shrink-0">
    <img id="nav-logo" src="/theme/Com2021/img/logo.svg?v=new3" alt="Memphis Tours" title="Memphis Tours"
        class="tw-h-8 md:tw-h-10 tw-w-auto tw-brightness-0 tw-invert tw-transition-all tw-duration-300" />
</a>
            <div class="tw-hidden lg:tw-flex tw-items-center tw-gap-8 tw-font-medium tw-text-base tw-tracking-wide">
            <a href="/egypt" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url">
            <span itemprop="name">Egypt</span>
        </a>
    
    <div class="tw-relative tw-group/menu">
        <button type="button" class="tw-flex tw-items-center tw-gap-1 hover:tw-opacity-80 tw-py-4 tw-bg-transparent tw-border-0 tw-cursor-pointer tw-text-inherit tw-font-inherit">
            <span itemprop="name">Destinations</span>
            <ion-icon name="chevron-down-outline"></ion-icon>
        </button>
        <div class="tw-absolute tw-top-[calc(100%+0.5rem)] tw-left-1/2 -tw-translate-x-[40%] tw-w-[950px] tw-max-w-[95vw] tw-bg-white/95 tw-backdrop-blur-3xl tw-rounded-3xl tw-shadow-[0_40px_100px_rgba(0,0,0,0.1)] tw-border tw-border-white/50 tw-opacity-0 tw-invisible group-hover/menu:tw-opacity-100 group-hover/menu:tw-visible tw-transition-all tw-duration-500 tw-transform tw-translate-y-4 group-hover/menu:tw-translate-y-0 tw-text-left tw-overflow-hidden tw-cursor-default tw-z-50">
            <div class="tw-flex">
                <div class="tw-w-[65%] tw-p-10 tw-grid tw-grid-cols-3 tw-gap-8">
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/jordan" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Jordan</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/dubai" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Dubai</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/saudi-arabia" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Saudi Arabia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/morocco" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Morocco</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/oman" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Oman</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/turkey" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Turkey</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/african-safari" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">African Safari</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/india" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">India</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/sri-lanka-tours" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Sri Lanka Tours</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/tunisia-tour-packages" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Tunisia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/japan-tour-packages" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Japan</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/greece" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Greece</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="tw-space-y-6">
                            <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3">
                                <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Destinations</h4>
                            </div>
                            <ul class="tw-space-y-3 tw-list-none tw-m-0 tw-p-0">
                                                                    <li>
                                        <a href="/peru" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Peru </span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/southeast-asia-tours" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Southeast Asia</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/brazil" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Brazil</span>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="/argentina-trips" class="tw-flex tw-items-center tw-gap-2.5 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" itemprop="url">
                                            <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gray-200 group-hover/link:tw-bg-gold tw-transition-colors"></span>
                                            <span itemprop="name">Argentina</span>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                    </div>
                <div class="tw-w-[35%] tw-relative tw-group/featured tw-p-2">
                    <div class="tw-w-full tw-h-full tw-min-h-[280px] tw-rounded-[1.25rem] tw-overflow-hidden tw-relative tw-shadow-inner">
                        <img src="https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=800&auto=format&fit=crop"
                            class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[2000ms] group-hover/featured:tw-scale-110"
                            alt="Destination of the Month">
                        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/95 tw-via-navy/30 tw-to-transparent"></div>
                        <div class="tw-absolute tw-inset-0 tw-p-8 tw-flex tw-flex-col tw-justify-end tw-text-white">
                            <span class="tw-inline-block tw-px-3 tw-py-1 tw-bg-white/20 tw-backdrop-blur-md tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-mb-3 tw-w-max tw-border tw-border-white/20 tw-shadow-sm">
                                Destination of the Month                            </span>
                            <h3 class="tw-text-3xl tw-font-serif tw-mb-2 tw-drop-shadow-lg tw-leading-tight">Incredible India</h3>
                            <p class="tw-text-white/80 tw-text-sm tw-mb-6 tw-line-clamp-2 tw-leading-relaxed tw-font-light">
                                Experience the vibrant colors, rich history, and spiritual depth of the subcontinent.                            </p>
                            <a href="/india" class="tw-flex tw-items-center tw-gap-3 tw-w-max tw-group/btn">
                                <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-gold tw-text-navy tw-flex tw-items-center tw-justify-center tw-transition-transform tw-duration-300 group-hover/btn:tw-scale-110 tw-shadow-md">
                                    <ion-icon name="arrow-forward-outline" class="tw-text-lg"></ion-icon>
                                </div>
                                <span class="tw-font-bold tw-text-xs tw-tracking-widest tw-uppercase group-hover/btn:tw-text-gold tw-transition-colors">Explore Tours</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

            <a href="/Multi-Country-Tours" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url" title="Multi-Country Tours">
            <span itemprop="name">Multi-Country Tours</span>
        </a>
    
    <div class="tw-relative tw-group/menu">
        <button type="button" class="tw-flex tw-items-center tw-gap-1 hover:tw-opacity-80 tw-py-4 tw-bg-transparent tw-border-0 tw-cursor-pointer tw-text-inherit tw-font-inherit">
            Experiences            <ion-icon name="chevron-down-outline"></ion-icon>
        </button>
        <div class="tw-absolute tw-top-[calc(100%+0.5rem)] tw-left-1/2 -tw-translate-x-[40%] tw-w-[950px] tw-max-w-[95vw] tw-bg-white/95 tw-backdrop-blur-3xl tw-rounded-3xl tw-shadow-[0_40px_100px_rgba(0,0,0,0.1)] tw-border tw-border-white/50 tw-opacity-0 tw-invisible group-hover/menu:tw-opacity-100 group-hover/menu:tw-visible tw-transition-all tw-duration-500 tw-transform tw-translate-y-4 group-hover/menu:tw-translate-y-0 tw-text-left tw-overflow-hidden tw-cursor-default tw-z-50">
            <div class="tw-flex">
                <div class="tw-w-[65%] tw-p-10">
                    <div class="tw-flex tw-items-center tw-gap-3 tw-border-b tw-border-gray-100 tw-pb-3 tw-mb-6">
                        <h4 class="tw-font-serif tw-text-[1.1rem] tw-text-navy tw-font-bold">Curated Experiences</h4>
                    </div>
                    <div class="tw-grid tw-grid-cols-3 tw-gap-8">
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                    <li>
        <a href="#" class="tw-flex tw-items-center tw-gap-3 tw-py-2 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" onclick="return false;">
            <div class="tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center group-hover/link:tw-scale-110 tw-transition-all tw-bg-amber-50 tw-text-amber-600 group-hover/link:tw-bg-amber-100">
                                    <ion-icon name="library-outline" class="tw-text-lg"></ion-icon>
                            </div>
            Classic Tours        </a>
    </li>
                                </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                    <li>
        <a href="#" class="tw-flex tw-items-center tw-gap-3 tw-py-2 tw-text-gray-500 hover:tw-text-navy tw-transition-colors tw-group/link tw-text-sm" onclick="return false;">
            <div class="tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center group-hover/link:tw-scale-110 tw-transition-all tw-bg-cyan-50 tw-text-cyan-600 group-hover/link:tw-bg-cyan-100">
                                    <ion-icon name="boat-outline" class="tw-text-lg"></ion-icon>
                            </div>
            Luxury Tours        </a>
    </li>
                                </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                                            </ul>
                                            </div>
                </div>
                <div class="tw-w-[35%] tw-relative tw-group/featured tw-p-2">
                    <div class="tw-w-full tw-h-full tw-min-h-[280px] tw-rounded-[1.25rem] tw-overflow-hidden tw-relative tw-shadow-inner">
                        <img src="https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?q=80&w=800&auto=format&fit=crop"
                            class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[2000ms] group-hover/featured:tw-scale-110"
                            alt="Nile River Cruise">
                        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/95 tw-via-navy/30 tw-to-transparent"></div>
                        <div class="tw-absolute tw-inset-0 tw-p-8 tw-flex tw-flex-col tw-justify-end tw-text-white">
                            <span class="tw-inline-block tw-px-3 tw-py-1 tw-bg-white/20 tw-backdrop-blur-md tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-mb-3 tw-w-max tw-border tw-border-white/20 tw-shadow-sm">Trending Now</span>
                            <h3 class="tw-text-3xl tw-font-serif tw-mb-2 tw-drop-shadow-lg tw-leading-tight">Timeless Nile Cruises</h3>
                            <p class="tw-text-white/80 tw-text-sm tw-mb-6 tw-line-clamp-2 tw-leading-relaxed tw-font-light">
                                Sail through history on a luxury floating hotel spanning Luxor and Aswan.                            </p>
                            <a href="/egypt/nile-cruises" class="tw-flex tw-items-center tw-gap-3 tw-w-max tw-group/btn">
                                <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-gold tw-text-navy tw-flex tw-items-center tw-justify-center tw-transition-transform tw-duration-300 group-hover/btn:tw-scale-110 tw-shadow-md">
                                    <ion-icon name="arrow-forward-outline" class="tw-text-lg"></ion-icon>
                                </div>
                                <span class="tw-font-bold tw-text-xs tw-tracking-widest tw-uppercase group-hover/btn:tw-text-gold tw-transition-colors">View Itineraries</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
            <a href="/blog" class="hover:tw-border-b-2 hover:tw-border-current tw-py-1 tw-transition-all" itemprop="url">
            <span itemprop="name">Blog</span>
        </a>
    </div>
        </div>

        <div class="tw-flex tw-items-center tw-gap-6 tw-relative tw-z-10 tw-ml-auto">
            <div class="tw-relative tw-group/currency">
    <button type="button" class="tw-flex tw-items-center tw-gap-2 tw-font-medium tw-text-base hover:tw-opacity-75 tw-py-2" aria-haspopup="true">
        <ion-icon name="cash-outline" class="tw-text-xl"></ion-icon>
        <span class="currencySign3 tw-hidden lg:tw-inline">USD (US$)</span>
        <ion-icon name="chevron-down-outline" class="tw-text-xs tw-opacity-70"></ion-icon>
    </button>
    <ul id="currency" class="curr_contain tw-absolute tw-top-full tw-right-0 tw-min-w-[10rem] tw-bg-white tw-text-navy tw-rounded-xl tw-shadow-xl tw-py-2 tw-opacity-0 tw-invisible group-hover/currency:tw-opacity-100 group-hover/currency:tw-visible tw-transition-all tw-duration-300 tw-transform tw-translate-y-2 group-hover/currency:tw-translate-y-0 tw-text-left tw-border tw-border-gray-100 tw-overflow-hidden tw-list-none tw-m-0 tw-p-0">
                    <li id="e1" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('1',true);return false;">
                    USD (US$)                </a>
            </li>
                    <li id="e2" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('2',true);return false;">
                    EUR (&euro;)                </a>
            </li>
                    <li id="e3" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('3',true);return false;">
                    GBP (&pound;)                </a>
            </li>
                    <li id="e4" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('4',true);return false;">
                    AUD (AU$)                </a>
            </li>
                    <li id="e5" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('5',true);return false;">
                    CAD (C$)                </a>
            </li>
                    <li id="e6" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('6',true);return false;">
                    MXN (MXN$)                </a>
            </li>
                    <li id="e7" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('7',true);return false;">
                    COP (COP$)                </a>
            </li>
                    <li id="e8" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('8',true);return false;">
                    ARS (ARS$)                </a>
            </li>
                    <li id="e9" class="tw-m-0">
                <a href="#" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-text-sm" onclick="updateSiteRatesTop('9',true);return false;">
                    CLP (CLP$)                </a>
            </li>
            </ul>
</div>
            <div class="tw-relative tw-group/lang">
    <button type="button" class="tw-flex tw-items-center tw-gap-2 tw-font-medium tw-text-base hover:tw-opacity-75 tw-py-2" aria-haspopup="true">
        <span class="tw-hidden lg:tw-inline">eng</span>
        <ion-icon name="language-outline" class="tw-text-lg lg:tw-hidden"></ion-icon>
        <ion-icon name="chevron-down-outline" class="tw-text-xs tw-opacity-70"></ion-icon>
    </button>
    <div class="tw-absolute tw-top-full tw-right-0 tw-w-40 tw-bg-white tw-text-navy tw-rounded-xl tw-shadow-xl tw-py-2 tw-opacity-0 tw-invisible group-hover/lang:tw-opacity-100 group-hover/lang:tw-visible tw-transition-all tw-duration-300 tw-transform tw-translate-y-2 group-hover/lang:tw-translate-y-0 tw-text-left tw-border tw-border-gray-100 tw-overflow-hidden">
                    <a href="https://www.memphistours.com/" title="English" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
                <span class="flag-icon flag-icon-us"></span> English
            </a>
                <a href="https://italiano.memphistours.com" title="Italiano" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-it"></span> Italiano
        </a>
        <a href="https://spain.memphistours.com" title="Español" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-es"></span> Español
        </a>
        <a href="https://br.memphistours.com" title="Português" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-br"></span> Português
        </a>
        <a href="https://french.memphistours.com" title="Français" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-fr"></span> Français
        </a>
        <a href="https://deutsch.memphistours.com" title="Deutsch" class="tw-block tw-px-4 tw-py-2 hover:tw-bg-gray-50 tw-flex tw-items-center tw-gap-3">
            <span class="flag-icon flag-icon-de"></span> Deutsch
        </a>
    </div>
</div>
        </div>

                <a href="/tailor-make-your-trip" id="tailor"
            class="cta-button tw-hidden lg:tw-flex tw-items-center tw-justify-center tw-gap-2 tw-px-7 tw-py-3 tw-rounded-full tw-bg-gold hover:tw-bg-white tw-text-navy tw-font-bold tw-text-[13px] tw-tracking-widest tw-uppercase tw-shadow-lg hover:tw-shadow-xl tw-transition-all tw-duration-300 tw-ml-2 tw-group/cta"
            itemprop="url" data-cta-name="inquire" data-section-title="header">
            <ion-icon name="color-wand-outline" class="tw-text-xl group-hover/cta:tw-rotate-12 tw-transition-transform"></ion-icon>
            <span itemprop="name">Inquire</span>
        </a>

        <button type="button" id="mobile-menu-btn" class="lg:tw-hidden tw-text-2xl tw-ml-4" aria-label="Menu">
            <ion-icon name="menu-outline"></ion-icon>
        </button>
    </div>
</nav>
<script>
(function() {
    var nav = document.getElementById('navbar');
    var logo = document.getElementById('nav-logo');
    if (!nav || !logo) {
        return;
    }

    window.addEventListener('scroll', function() {
        if (window.scrollY > 50) {
            nav.classList.add('tw-bg-white', 'tw-text-navy', 'tw-shadow-sm');
            nav.classList.remove('tw-text-white');
            logo.classList.remove('tw-brightness-0', 'tw-invert');
        } else {
            nav.classList.remove('tw-bg-white', 'tw-text-navy', 'tw-shadow-sm');
            nav.classList.add('tw-text-white');
            logo.classList.add('tw-brightness-0', 'tw-invert');
        }
    });
})();
</script>

<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    var headerCtaButton = document.querySelector('#tailor.cta-button');
    if (headerCtaButton) {
        headerCtaButton.addEventListener('click', function() {
            var sectionTitle = this.getAttribute('data-section-title') || 'header';

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'tailor a tour',
                'section_title': sectionTitle,
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    }
})();
</script>

    <!-- <div class="main-container"> -->
        <style>
    .home_sub_boxs{
        padding: 45px 0;
    }
    .sort_top{
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #EEEEEE;
        gap: 15px;

    }
    .prog_count {
        font-size: 1.923rem;
        font-weight: bold;
    }
    .new_top_content{
        background-color: transparent;
        z-index: 3;
    }
    .new_top_content_title{
        text-align: center;
    }
    .new_top_content_title h1 {
        color: #fff;
        text-align: center;
        font-size: 2.692rem;
    }
    .new_top_content_desc{
        text-align: center;
        color: #fff;
        font-size: 1.154rem;
        height: 65px;
    }
    .new_top_content_desc a{
        color: #fff;
        font-weight: bold;
    }
    .shake-btn {
        animation: 2s 2s infinite shake;
    }
    @-webkit-keyframes shake {
        10%, 90% {
            transform: translate3d(-1px, 0, 0);
        }

        20%, 80% {
            transform: translate3d(2px, 0, 0);
        }

        30%, 50%, 70% {
            transform: translate3d(-4px, 0, 0);
        }

        40%, 60% {
            transform: translate3d(4px, 0, 0);
        }
    }
    .shake {
        animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        perspective: 1000px;
    }

</style>
<style>
    @keyframes fade-in-up {
        0% { opacity: 0; transform: translateY(20px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in-up {
        animation: fade-in-up 0.8s ease-out forwards;
    }
    @keyframes kenBurnsHero {
        0% { transform: scale(1); }
        100% { transform: scale(1.08); }
    }
    .hero-bg-animate {
        animation: kenBurnsHero 20s ease-out forwards;
    }
    .delay-100 { animation-delay: 0.1s; }
    .delay-200 { animation-delay: 0.2s; }
    .delay-300 { animation-delay: 0.3s; }
    .site_banner-hero .banner_breadcrumb,
    .site_banner-hero .banner_breadcrumb a {
        color: rgba(255, 255, 255, 0.85);
    }
    .site_banner-hero .content_desc .content_text {
        max-height: 5.5rem;
        overflow: hidden;
        transition: max-height 0.7s ease-out;
        height: auto;
    }
    .site_banner-hero .content_desc.expanded .content_text {
        max-height: 2000px;
    }
    .site_banner-hero .content_text a {
        color: #f5a31b;
        font-weight: 700;
    }
    .prog_count {
        font-weight: 700;
        font-size: 22px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
    }
    .pagination {
        align-items: center;
        gap: 10px;
    }
    .pagination span {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pagination span:last-of-type {
        background: rgba(245, 163, 27, 1);
    }
    .pagination span:last-of-type a {
        font-size: 20px;
        color: rgba(253, 254, 255, 1);
    }
    .pagination span:first-of-type {
        border: 1px solid rgba(245, 163, 27, 1);
    }
    .pagination span:first-of-type a {
        font-size: 20px;
        color: rgba(245, 163, 27, 1);
    }
    .pagination span.current {
        background: rgba(252, 224, 179, 1);
    }
</style>
<header class="site_banner site_banner-hero tw-relative tw-h-[85vh] tw-min-h-[600px] tw-flex tw-flex-col tw-justify-start tw-pt-[20vh] tw-pb-10 tw-overflow-hidden tw-group">
    <div class="tw-absolute tw-inset-0">
        <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto,w_700/memphis/xlarge/3d0cd84ebd73ca4fbd8c6fe7b6cec9a0.jpg"
            class="tw-w-full tw-h-full tw-object-cover tw-object-[70%_center] md:tw-object-center hero-bg-animate tw-transition-transform tw-duration-[20s] group-hover:tw-scale-110"
            alt="A girl sit in front of petra, Jordan Travel Packages"
            title="Jordan Travel Packages">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy tw-via-navy/40 tw-to-black/30 tw-opacity-90"></div>
    </div>

    <div class="tw-relative tw-z-10 tw-container tw-mx-auto tw-px-4 tw-text-center tw-h-full tw-flex tw-flex-col">
        <div class="banner_breadcrumb tw-mb-4 tw-self-center">
                    </div>

        <div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-4 tw-py-1.5 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-shadow-lg tw-mb-4 animate-fade-in-up tw-self-center">
            <ion-icon name="ribbon-outline" class="tw-text-sm"></ion-icon>
            Jordan        </div>

        <div class="banner_content animate-fade-in-up delay-100">
            <h1 class="tw-text-5xl md:tw-text-7xl lg:tw-text-8xl tw-font-serif tw-text-white tw-mb-6 tw-leading-none md:tw-leading-[1.1] tw-drop-shadow-2xl tw-tracking-tight">
                Top 5 Jordan Travel Packages: Explore the Best of Jordan            </h1>
        </div>

        <div class="content_desc tw-max-w-4xl tw-mx-auto tw-text-base md:tw-text-xl tw-text-gray-200 tw-mb-8 animate-fade-in-up delay-200 tw-leading-relaxed tw-font-light tw-px-4">
            <div class="content_text">
                <p>Planning a vacation in Jordan to uncover its rich history? Our Jordan Travel Packages offer the perfect opportunity to explore the charm and beauty of this ancient civilization. Visit the legendary rose-red city of Petra, discover the Roman ruins of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-tour-to-amman-jerash-deadsea" target="_blank">Jerash</a>, and float effortlessly in the salty waters of the Dead Sea. From the peaks of Mount Nebo to the desert of Wadi Rum and the coast of Aqaba, our Jordan travel experiences leave no stone unturned. Book now and visit the wonders of Jordan!</p>

<p>Relish the best of Jordan with our carefully designed Jordan Travel Packages, a land rich in natural wonders and ancient sites. You will explore the charm and beauty of this remarkable civilization and customize your Jordan travel itinerary exactly the way you like.</p>

<p>In Jordan, you will find countless things to do and unforgettable places to visit. Tours from Amman will take you to <a href="/jordan/petra" target="_blank">Petra</a>, carved into the rose-colored rock of the Jordanian desert, where you will explore the Treasury, the Siq, and ancient tombs. Continue to Jerash, the finest example of a Roman provincial city in the Middle East. Float in the Dead Sea, visit Ajloun, climb Mount Nebo where Prophet Moses viewed the Promised Land, and explore Madaba with its famous Byzantine mosaic map of Jerusalem inside St. George&rsquo;s Church. And so much more awaits you.</p>

<p>If you seek relaxation and peace of mind, you may add a Wadi Rum camping experience to your Jordan Travel Package, enjoying a magical night under the stars in a desert camp, or extend your journey with a beach stay in beautiful Aqaba. All of these experiences will make your vacation in Jordan truly unforgettable.</p>

<p>With everything this captivating country offers, you can discover Jordan in a 5-day tour, combine it with a visit to Egypt, or fully customize your Jordan Travel Package to match your travel style. Whether you are planning a honeymoon, summer vacation, cultural journey, or historical adventure, Jordan promises unforgettable memories.</p>

<p>From the peaks of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/day-trip-to-madaba-nebo-dead-sea-from-amman" target="_blank">Mount Nebo</a> to the valleys of the Jordan River, and from the deserts of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/jordan-trips-and-day-tours/petra-and-wadi-rum-from-amman" target="_blank">Wadi Rum</a> to the shores of <a href="https://www.memphistours.com/jordan/jordan-excursions-and-day-tours/aqaba-day-tours" target="_blank">Aqaba</a> and the ruins of <a href="http://https://www.memphistours.com/jordan/jordan-and-beyond-tours/jordan-and-egypt-travel-packages/petra-and-egypt-travel-deals-packages" target="_blank">Petra</a>, our Jordan Travel Packages leave no stone unturned. Book now and explore the wonders of <a href="https://www.memphistours.com/jordan/jordan-travel-packages" target="_blank">Jordan</a>!</p>
            </div>
            <button type="button" class="toggle-btn tw-mt-4 tw-text-gold tw-text-sm tw-font-bold tw-uppercase tw-tracking-[0.2em] hover:tw-text-white tw-transition-colors focus:tw-outline-none tw-flex tw-items-center tw-justify-center tw-gap-2 tw-mx-auto tw-group/btn tw-bg-transparent tw-border-0 tw-cursor-pointer">
                <span>Read more</span>
                <ion-icon name="chevron-down-outline" class="tw-text-sm tw-transition-transform group-hover/btn:tw-translate-y-1"></ion-icon>
            </button>
        </div>

                <div class="content_button tw-flex tw-flex-col sm:tw-flex-row tw-gap-4 tw-justify-center tw-mt-4 tw-mb-auto animate-fade-in-up delay-300">
            <a class="inquire_header_btn cta-button tw-inline-block tw-px-10 tw-py-4 tw-bg-gold tw-text-navy tw-font-bold tw-rounded-full hover:tw-bg-white hover:tw-scale-105 tw-transition-all tw-duration-300 tw-shadow-[0_0_20px_rgba(197,157,95,0.3)] tw-no-underline"
                href="#bookFormNew"
                data-cta-name="help me plan my trip"
                data-destination="jordan">Help Me Plan My Trip</a>
            <button type="button"
                onclick="document.getElementById('programs').scrollIntoView({behavior: 'smooth'})"
                class="tw-px-10 tw-py-4 tw-border tw-border-white/30 tw-text-white tw-font-bold tw-rounded-full hover:tw-bg-white/10 hover:tw-border-white tw-transition-all tw-backdrop-blur-sm tw-cursor-pointer">
                View All Journeys            </button>
        </div>
        
        <div class="tw-mt-8 tw-pb-8 tw-flex tw-flex-col tw-items-center tw-gap-2 tw-text-white/40 tw-animate-bounce tw-cursor-pointer tw-group/scroll hover:tw-text-white tw-transition-colors"
            onclick="window.scrollBy({top: window.innerHeight * 0.8, behavior: 'smooth'})">
            <span class="tw-text-[9px] tw-uppercase tw-tracking-[0.3em]">Scroll Down</span>
            <ion-icon name="arrow-down-outline" class="tw-text-xl"></ion-icon>
        </div>
    </div>
</header>

<!-- Desktop premier filter bar (triggers hidden radios in #home-filter-sources) -->
<div class="tw-hidden lg:tw-block tw-relative tw-z-30 tw-mb-8" id="filter-bar">
    <div class="tw-absolute tw-inset-0 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm"></div>
    <div class="tw-relative tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-4 tw-flex tw-items-center tw-justify-between tw-gap-4">
        <div class="tw-flex tw-flex-wrap tw-items-center tw-gap-3">
            <div class="tw-flex tw-items-center tw-gap-2 tw-mr-4 tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm">
                <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center tw-text-navy">
                    <ion-icon name="options" class="tw-text-lg"></ion-icon>
                </div>
                <span>Filters</span>
            </div>

            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Destinations</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50 tw-overflow-hidden">
                    <div class="tw-max-h-[70vh] tw-overflow-y-auto scrollbar-hide tw-p-1 tw-space-y-1">
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('egypt', document.querySelector('input[name=Country][value=&quot;1&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Egypt</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('jordan', document.querySelector('input[name=Country][value=&quot;14&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Jordan</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('dubai', document.querySelector('input[name=Country][value=&quot;13&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Dubai</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('saudi-arabia', document.querySelector('input[name=Country][value=&quot;61&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Saudi Arabia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('morocco', document.querySelector('input[name=Country][value=&quot;30&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Morocco</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('oman', document.querySelector('input[name=Country][value=&quot;39&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Oman</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('turkey', document.querySelector('input[name=Country][value=&quot;15&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Turkey</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('african-safari', document.querySelector('input[name=Country][value=&quot;49&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">African Safari</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('india', document.querySelector('input[name=Country][value=&quot;51&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">India</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('sri-lanka-tours', document.querySelector('input[name=Country][value=&quot;93&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Sri Lanka Tours</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('tunisia-tour-packages', document.querySelector('input[name=Country][value=&quot;92&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Tunisia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('japan-tour-packages', document.querySelector('input[name=Country][value=&quot;57&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Japan</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('greece', document.querySelector('input[name=Country][value=&quot;63&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Greece</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('peru', document.querySelector('input[name=Country][value=&quot;71&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Peru </span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('southeast-asia-tours', document.querySelector('input[name=Country][value=&quot;90&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Southeast Asia</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('brazil', document.querySelector('input[name=Country][value=&quot;91&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Brazil</span>
                        </button>
                                                <button type="button"
                            class="tw-flex tw-items-center tw-gap-3 tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-transition-colors tw-text-left"
                            onclick="changeCountries('argentina-trips', document.querySelector('input[name=Country][value=&quot;98&quot;]'))">
                            <span class="tw-text-sm tw-font-medium tw-text-gray-700">Argentina</span>
                        </button>
                                            </div>
                </div>
            </div>

            
            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Trip Type</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-72 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '98')">Packages</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '100')">Excursions</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '101')">Shore Excursions</button>
                                            </div>
                </div>
            </div>

                        <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Styles</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-72 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50 tw-max-h-64 tw-overflow-y-auto">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '21')">Classic Tours</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Style', '22')">Luxury Tours</button>
                                            </div>
                </div>
            </div>
            
            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Price</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-80 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-4 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <span class="tw-text-xs tw-font-bold tw-text-gray-400 tw-uppercase tw-tracking-wider tw-block tw-mb-3">Price Range</span>
                    <div class="tw-flex tw-items-center tw-gap-3 tw-mb-4">
                        <input type="number" id="filter-price-min" placeholder="1" min="1" class="tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-xl tw-text-sm">
                        <span class="tw-text-gray-300">—</span>
                        <input type="number" id="filter-price-max" placeholder="12000" max="12000" class="tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-xl tw-text-sm">
                    </div>
                    <div class="tw-flex tw-justify-between tw-items-center tw-pt-3 tw-border-t tw-border-gray-100">
                        <button type="button" class="tw-text-xs tw-font-bold tw-text-gray-400 hover:tw-text-navy" onclick="homeResetPriceFilter()">Reset</button>
                        <button type="button" class="tw-px-4 tw-py-1.5 tw-bg-navy tw-text-white tw-text-xs tw-font-bold tw-rounded-full" onclick="homeApplyPriceFilter()">Update</button>
                    </div>
                </div>
            </div>

            <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Duration</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '1')">1 day</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '2')">2-5 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '3')">5-10 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '4')">10-15 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '5')">15-20 days</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Duration', '6')">More than 20 days</button>
                                            </div>
                </div>
            </div>

                        <div class="tw-relative tw-group/filter">
                <button type="button" class="home-filter-dropdown-btn tw-flex tw-items-center tw-gap-2 tw-px-4 tw-py-2 tw-bg-white tw-border tw-border-gray-200 tw-rounded-full tw-text-sm tw-font-semibold tw-text-gray-700 hover:tw-border-navy hover:tw-text-navy tw-transition-all tw-shadow-sm">
                    <span>Group Size</span>
                    <ion-icon name="chevron-down-outline" class="tw-text-xs"></ion-icon>
                </button>
                <div class="home-filter-dropdown tw-absolute tw-top-full tw-left-0 tw-mt-3 tw-w-64 tw-bg-white tw-rounded-2xl tw-shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)] tw-border tw-border-gray-100 tw-p-2 tw-opacity-0 tw-invisible tw-transition-all tw-duration-200 tw-transform tw-translate-y-2 tw-z-50">
                    <div class="tw-p-1 tw-space-y-1">
                        <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '0')">Any</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '28')">Private Tour</button>
                                                <button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('Group', '29')">Small Group Tour</button>
                                            </div>
                </div>
            </div>
            
            
            <button type="button" id="btn-clear-all" onclick="homeClearAllFilters()" class="tw-hidden tw-text-sm tw-font-bold tw-text-red-500 hover:tw-text-red-700 tw-flex tw-items-center tw-gap-1">
                <ion-icon name="close-circle-outline" class="tw-text-lg"></ion-icon>
                <span>Clear All</span>
            </button>
        </div>
    </div>
</div>
<div class="tw-fixed tw-bottom-0 tw-left-0 tw-w-full tw-bg-white/90 tw-backdrop-blur-xl tw-border-t tw-border-gray-200 tw-z-[100] lg:tw-hidden tw-pb-safe">
    <div class="tw-grid tw-grid-cols-3 tw-h-16">
        <button type="button" onclick="document.getElementById('mobile-filter-modal').classList.remove('tw-translate-y-full')" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-navy hover:tw-bg-gray-50 tw-border-r tw-border-gray-100">
            <ion-icon name="options-outline" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Filter</span>
        </button>
        <button type="button" onclick="document.getElementById('bookFormNew').scrollIntoView({behavior: 'smooth'})" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-navy hover:tw-bg-gray-50 tw-border-r tw-border-gray-100">
            <ion-icon name="create-outline" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Customize</span>
        </button>
        <button type="button" onclick="document.getElementById('bookFormNew').scrollIntoView({behavior: 'smooth'})" class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-text-gold tw-bg-navy">
            <ion-icon name="sparkles" class="tw-text-xl"></ion-icon>
            <span class="tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wide">Plan</span>
        </button>
    </div>
</div>

<div id="mobile-filter-modal" class="tw-fixed tw-inset-0 tw-z-[101] tw-flex tw-flex-col tw-transition-transform tw-duration-300 tw-translate-y-full lg:tw-hidden">
    <div class="tw-absolute tw-inset-0 tw-bg-black/50" onclick="homeCloseMobileFilter()"></div>
    <div class="tw-relative tw-mt-auto tw-bg-white tw-rounded-t-3xl tw-shadow-2xl tw-overflow-hidden tw-h-[90vh] tw-flex tw-flex-col">
        <div class="tw-p-5 tw-border-b tw-border-gray-100 tw-flex tw-items-center tw-justify-between">
            <div>
                <h3 class="tw-text-xl tw-font-serif tw-text-navy">Filter Tours</h3>
                <p class="tw-text-xs tw-text-gray-400 tw-uppercase tw-tracking-wider">Refine your search</p>
            </div>
            <button type="button" onclick="homeCloseMobileFilter()" class="tw-w-10 tw-h-10 tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-gray-100 tw-text-navy">
                <ion-icon name="close-outline" class="tw-text-2xl"></ion-icon>
            </button>
        </div>
        <div class="tw-flex-1 tw-overflow-y-auto tw-p-4 tw-bg-gray-50/50 tw-space-y-3 tw-pb-28">
            <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100" open>
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Destinations</summary>
                <div class="tw-pt-4 tw-grid tw-grid-cols-2 tw-gap-2">
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('egypt', document.querySelector('input[name=Country][value=&quot;1&quot;]'))">Egypt</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('jordan', document.querySelector('input[name=Country][value=&quot;14&quot;]'))">Jordan</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('dubai', document.querySelector('input[name=Country][value=&quot;13&quot;]'))">Dubai</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('saudi-arabia', document.querySelector('input[name=Country][value=&quot;61&quot;]'))">Saudi Arabia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('morocco', document.querySelector('input[name=Country][value=&quot;30&quot;]'))">Morocco</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('oman', document.querySelector('input[name=Country][value=&quot;39&quot;]'))">Oman</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('turkey', document.querySelector('input[name=Country][value=&quot;15&quot;]'))">Turkey</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('african-safari', document.querySelector('input[name=Country][value=&quot;49&quot;]'))">African Safari</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('india', document.querySelector('input[name=Country][value=&quot;51&quot;]'))">India</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('sri-lanka-tours', document.querySelector('input[name=Country][value=&quot;93&quot;]'))">Sri Lanka Tours</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('tunisia-tour-packages', document.querySelector('input[name=Country][value=&quot;92&quot;]'))">Tunisia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('japan-tour-packages', document.querySelector('input[name=Country][value=&quot;57&quot;]'))">Japan</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('greece', document.querySelector('input[name=Country][value=&quot;63&quot;]'))">Greece</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('peru', document.querySelector('input[name=Country][value=&quot;71&quot;]'))">Peru </button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('southeast-asia-tours', document.querySelector('input[name=Country][value=&quot;90&quot;]'))">Southeast Asia</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('brazil', document.querySelector('input[name=Country][value=&quot;91&quot;]'))">Brazil</button>
                                        <button type="button" class="tw-p-2 tw-rounded-lg tw-border tw-border-gray-100 tw-text-sm" onclick="changeCountries('argentina-trips', document.querySelector('input[name=Country][value=&quot;98&quot;]'))">Argentina</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Trip Type</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '98')">Packages</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '100')">Excursions</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '101')">Shore Excursions</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Styles</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '21')">Classic Tours</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Style', '22')">Luxury Tours</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100" open>
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Price Range</summary>
                <div class="tw-pt-4 tw-flex tw-gap-3">
                    <input type="number" class="home-filter-price-min tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-lg tw-text-sm" placeholder="Min" min="1">
                    <input type="number" class="home-filter-price-max tw-w-full tw-py-2 tw-px-3 tw-bg-gray-50 tw-border tw-border-gray-200 tw-rounded-lg tw-text-sm" placeholder="Max" max="12000">
                </div>
            </details>
            <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Duration</summary>
                <div class="tw-pt-4 tw-space-y-2">
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '1')">1 day</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '2')">2-5 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '3')">5-10 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '4')">10-15 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '5')">15-20 days</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm tw-rounded-lg tw-border tw-border-gray-100" onclick="homeSetFilterRadio('Duration', '6')">More than 20 days</button>
                                    </div>
            </details>
                        <details class="tw-bg-white tw-rounded-2xl tw-p-4 tw-border tw-border-gray-100">
                <summary class="tw-font-bold tw-text-navy tw-cursor-pointer tw-list-none">Group Size</summary>
                <div class="tw-pt-4 tw-space-y-2">
                    <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '0')">Any</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '28')">Private Tour</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('Group', '29')">Small Group Tour</button>
                                    </div>
            </details>
                                </div>
        <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-bg-white tw-border-t tw-border-gray-100 tw-flex tw-gap-4">
            <button type="button" class="tw-flex-1 tw-py-3.5 tw-rounded-xl tw-border tw-border-gray-200 tw-font-bold" onclick="homeClearAllFilters(); homeCloseMobileFilter();">Reset</button>
            <button type="button" class="tw-flex-[2] tw-py-3.5 tw-rounded-xl tw-bg-navy tw-text-white tw-font-bold" onclick="homeApplyPriceFilter(); homeCloseMobileFilter(); if (typeof filter === 'function') filter();">Show Tours</button>
        </div>
    </div>
</div>
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-6 tw-border-b tw-border-gray-100 tw-bg-gray-50/30">
    <div class="tw-flex tw-items-center tw-gap-4">
        <span class="tw-text-sm tw-font-bold tw-uppercase tw-tracking-widest tw-text-gray-400 tw-whitespace-nowrap">Quick Access:</span>
        <div id="quick-access-container" class="tw-flex tw-items-center tw-gap-2 tw-overflow-x-auto tw-pb-2 scrollbar-hide">
            <button type="button"
                data-tag="all"
                data-quick-access="all"
                class="home-quick-access-btn tw-px-4 tw-py-1.5 tw-rounded-full tw-border tw-border-gray-200 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-whitespace-nowrap tw-transition-all tw-shadow-sm">All</button>
                        <button type="button"
                data-tag="Classic Tours"
                data-link="/Jordan/Jordan-Travel-Packages"
                class="home-quick-access-btn tw-px-4 tw-py-1.5 tw-rounded-full tw-border tw-border-gray-200 tw-bg-white tw-text-gray-600 tw-text-sm tw-font-bold tw-whitespace-nowrap tw-transition-all hover:tw-border-gold hover:tw-text-gold">Classic Tours</button>
                    </div>
    </div>
</div>

<style>
    .left_filter_all{

    }
    .left_filter_all_box {
        background: rgba(255, 255, 255, 1);
        border: 0.5px solid rgba(245, 245, 247, 1);
        border-radius: 16px;
        padding: 16px;
        margin: 0 0 20px 0;
        box-shadow: 0px 0px 4px 0px rgba(5, 49, 92, 0.1);
    }
    .left_filter_all_box_title {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
        cursor: pointer;
        position: relative;
        margin-bottom: 20px;
    }
    .left_filter_all_box_title::after {
        font-family: 'bootstrap-icons';
        content: "\F282";
        position: absolute;
        right: 0;
        font-size: 1rem;
        color: rgba(184, 184, 199, 1);
        height: 25px;
    }
    .left_filter_all_box_title.collapsed::after {
        content: "\F282";
    }
    .left_filter_all_box .radio {
        font-size: 1rem;
        text-align: left;
        color: #757575;
        margin-bottom: 15px;
    }
    .left_filter_all_box_data img {
        width: 17px;
        height: 17px;
        line-height: normal;
    }
    .left_filter_all_box .price_range_input input {
        background: 0 0;
        padding: 7px;
        width: 100%;
        border: 0 solid #e3e3e3;
        border-radius: 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        text-align: center;
        color: rgba(10, 43, 75, 1);
    }
    .left_filter_all_box .ui-widget-header {
        border: 1.33px solid rgba(248, 194, 103, 1);
        background: #757575;
        color: #fff;
        font-weight: 700
    }

    .left_filter_all_box .ui-widget-content {
        background: #eeeeee;
    }

    .left_filter_all_box .ui-slider-horizontal {
        height: 1px
    }

    .left_filter_all_box .ui-state-default,
    .left_filter_all_box .ui-widget-content .ui-state-default,
    .left_filter_all_box .ui-widget-header .ui-state-default {
        border: 1px solid rgba(245, 163, 27, 1);
        background: rgba(245, 163, 27, 1);
        font-weight: 700;
        color: #fff;
        border-radius: 50%
    }

    .left_filter_all_box .ui-slider .ui-slider-handle {
        width: 20px;
        height: 20px
    }

    .left_filter_all_box .ui-slider-horizontal .ui-slider-handle {
        top: -10px
    }

    .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br,.ui-corner-left,.ui-corner-bl,.ui-corner-tr,.ui-corner-tl {
        border-radius: 0
    }
    .slider_range_all {
        margin: 35px 0 20px 0;
    }
    .left_filter_all_box_data .checkbox label, .left_filter_all_box_data .radio label, .left_filter_all_box_data label {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        color: rgba(52, 64, 84, 1);
    }
    input[type="radio"] {
        appearance: none;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        border: 1px solid rgba(184, 184, 199, 1);
        transition: 0.2s all linear;
        margin-right: 5px;
        position: relative;
        top: 4px;
    }

    input[type="radio"]:checked {
        border: 2px solid #fff;
        background-color: rgba(245, 163, 27, 1);
        box-shadow: 0 0 0 1px rgba(245, 163, 27, 1);
    }
    #home-filter-sources .left_filter_all {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
</style>
<div id="home-filter-sources">
<div class="left_filter_all">
    <form method="post" accept-charset="utf-8" action="/jordan/jordan-travel-packages"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>        <!-- Single Country -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#SingleCountry">Destinations</div>
        <div class="left_filter_all_box_data collapse show" id="SingleCountry">
            <div class="row">
                <input name="Country" type="radio" style="display: none"  value ="0" id="0" onchange="filter(' ')">
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "1" id="1" onchange="changeCountries('egypt', this)"> Egypt                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "14" id="14" onchange="changeCountries('jordan', this)"> Jordan                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "13" id="13" onchange="changeCountries('dubai', this)"> Dubai                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "61" id="61" onchange="changeCountries('saudi-arabia', this)"> Saudi Arabia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "30" id="30" onchange="changeCountries('morocco', this)"> Morocco                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "39" id="39" onchange="changeCountries('oman', this)"> Oman                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "15" id="15" onchange="changeCountries('turkey', this)"> Turkey                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "49" id="49" onchange="changeCountries('african-safari', this)"> African Safari                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "51" id="51" onchange="changeCountries('india', this)"> India                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "93" id="93" onchange="changeCountries('sri-lanka-tours', this)"> Sri Lanka Tours                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "92" id="92" onchange="changeCountries('tunisia-tour-packages', this)"> Tunisia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "57" id="57" onchange="changeCountries('japan-tour-packages', this)"> Japan                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "63" id="63" onchange="changeCountries('greece', this)"> Greece                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "71" id="71" onchange="changeCountries('peru', this)"> Peru                             </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "90" id="90" onchange="changeCountries('southeast-asia-tours', this)"> Southeast Asia                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "91" id="91" onchange="changeCountries('brazil', this)"> Brazil                            </label>
                        </div>
                    </div>
                                    <div class="col-md-6">
                        <div class="radio">
                            <label>
                                <input name="Country" type="radio" value = "98" id="98" onchange="changeCountries('argentina-trips', this)"> Argentina                            </label>
                        </div>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Special Offer -->
    
    <!-- Root Categories -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#RootCategories">Trip Type</div>
        <div class="left_filter_all_box_data collapse show" id="RootCategories">
            <div class="row">
                <div class="radio">
                    <label>
                        <input name="rootCategory" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "98" id="98" onchange="filter(' ')"> Packages                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "100" id="100" onchange="filter(' ')"> Excursions                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "101" id="101" onchange="filter(' ')"> Shore Excursions                        </label>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Styles -->
            <div class="left_filter_all_box">
            <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Styles">Styles</div>
            <div class="left_filter_all_box_data collapse show" id="Styles">
                <div class="radio">
                    <label>
                        <input name="Style" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="Style" type="radio" value = "21" id="21" onchange="filter(' ')"> Classic Tours                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="Style" type="radio" value = "22" id="22" onchange="filter(' ')"> Luxury Tours                        </label>
                    </div>
                            </div>
        </div>
    
    <!-- Price Range -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Range">Price Range</div>
        <div class="left_filter_all_box_data collapse show" id="Range">
            <div class="slider_range_all">
                <div id="slider-range"></div>
            </div>
            <div class="price_range_input">
                <div class="input text"><input type="text" name="amount" aria-label="Price Range" id="amount" values="0,12000"/></div>            </div>
        </div>
    </div>

    <!-- Duration -->
    <div class="left_filter_all_box">
        <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Duration">Duration</div>
        <div class="left_filter_all_box_data collapse show" id="Duration">
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "1" id="1" onchange="filter(' ')"> 1 day                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "2" id="2" onchange="filter(' ')"> 2-5 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "3" id="3" onchange="filter(' ')"> 5-10 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "4" id="4" onchange="filter(' ')"> 10-15 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "5" id="5" onchange="filter(' ')"> 15-20 days                </label>
            </div>
            <div class="radio">
                <label>
                    <input name="Duration" type="radio" value = "6" id="6" onchange="filter(' ')"> More than 20 days                </label>
            </div>
        </div>
    </div>

    <!-- Group size -->
            <div class="left_filter_all_box">
            <div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#Group">Group Size</div>
            <div class="left_filter_all_box_data collapse show" id="Group">
                <div class="radio">
                    <label>
                        <input name="Group" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any                    </label>
                </div>
                                    <div class="radio">
                        <label>
                            <input name="Group" type="radio" value = "28" id="28" onchange="filter(' ')"> Private Tour                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="Group" type="radio" value = "29" id="29" onchange="filter(' ')"> Small Group Tour                        </label>
                    </div>
                            </div>
        </div>
    
        </form>
</div>
</div>
<section class="home-packages-section home_sub_boxs lg:tw-pb-0 tw-pb-20" id="packages">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-py-12">
        <div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-12">

            <main class="tw-flex-1 tw-w-full lg:tw-w-auto tw-min-w-0">

                <div class="tw-flex tw-flex-col sm:tw-flex-row sm:tw-items-center tw-justify-between tw-mb-8 tw-gap-4">
                    <div class="tw-flex tw-bg-gray-100 tw-p-1 tw-rounded-xl tw-inline-flex tw-shadow-inner">
                        <button type="button" onclick="toggleView('list')" id="btn-view-list"
                            class="tw-px-6 tw-py-2 tw-rounded-lg tw-text-sm tw-font-bold tw-flex tw-items-center tw-gap-2 tw-transition-all tw-duration-300 tw-bg-white tw-text-navy tw-shadow-md tw-scale-105">
                            <ion-icon name="grid-outline"></ion-icon> List                        </button>
                        <button type="button" onclick="toggleView('map')" id="btn-view-map"
                            class="tw-px-6 tw-py-2 tw-rounded-lg tw-text-sm tw-font-bold tw-flex tw-items-center tw-gap-2 tw-transition-all tw-duration-300 tw-text-gray-500 hover:tw-text-navy hover:tw-bg-white/50">
                            <ion-icon name="map-outline"></ion-icon> Map                        </button>
                    </div>

                    <div class="home-packages-sort tw-flex tw-items-center tw-gap-3">
                        <span class="tw-text-xs tw-font-bold tw-uppercase tw-text-gray-400 tw-shrink-0">Sort by:</span>
                        <style>
    .home_sub_filrers {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: rgba(10, 43, 75, 1);
        gap: 15px;
    }
    .home_sub_filrers select {
        background-color: rgba(250, 250, 255, 1);
        border: 1px solid rgba(224, 224, 232, 1);
        border-radius: 12px;
        padding: 8px 16px;
    }
    .home_sub_filrers form {
        margin-bottom: 0;
    }
</style>
  <div class="home_sub_filrers d-flex align-items-center justify-content-between">
    <div>Sort by:</div>
    <div class="search_filters" id="select">
        <form action="" method="get" >
          <select class="form-select" aria-label="Sort by"  name="sort" id="sort" onchange="trackSortEvent(this)">
              <option value="order" selected="selected">Recommended</option>
              <option value="price_desc" >High to Low Price</option>
              <option value="price_asc" >Low to High Price</option>
              <option value="dur_asc" >Short to Long Duration</option>
              <option value="dur_desc" >Long to Short Duration</option>
          </select>
            <input type="hidden" id="getSortType" value="">
            <input type="hidden" name="Offer" value="">
            <input type="hidden" name="Country" value="">
            <input type="hidden" name="Category" value="">
            <input type="hidden" name="Style" value="">
            <input type="hidden" name="Group" value="">
            <input type="hidden" name="Activity" value="">
            <input type="hidden" name="Duration" value="">
            <input type="hidden" name="price" value="">
        </form>
    </div>
  </div>
<script>
    // Track sort events for GTM
    function trackSortEvent(selectElement) {
        window.dataLayer = window.dataLayer || [];

        // Get the selected option's text content
        var selectedOption = selectElement.options[selectElement.selectedIndex];
        var sortBy = selectedOption ? selectedOption.textContent.trim().toLowerCase() : '';

        // Push sort event to dataLayer
        if (sortBy) {
            var dataLayerEvent = {
                'event': 'sort',
                'sort_by': sortBy
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        }

        // Submit the form after tracking
        selectElement.form.submit();
    }
</script>
                    </div>
                </div>

                <div id="tours-anchor"></div>

                <div id="programs" class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-8 tw-min-h-[200px]">
                                            
        <div class="home-tour-card home-tour-card--featured md:tw-col-span-2 tw-relative tw-rounded-3xl tw-overflow-hidden tw-shadow-sm hover:tw-shadow-2xl tw-flex tw-flex-col tw-justify-end tw-min-h-[450px] md:tw-min-h-[500px] tw-transition-all tw-duration-700 hover:-tw-translate-y-2 tw-border tw-border-black/5">
        <a href="/jordan/jordan-tour" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="5-Day Jordan Tour: Road to Petra"
            data-tour-name="5-Day Jordan Tour: Road to Petra" data-tour-type="Private Tour" data-destination="jordan"></a>
        <img src="https://images.memphistours.com/thumbs1/1147286248_Jerash%20in%20Jordan.jpg" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[1500ms] group-hover:tw-scale-105" loading="lazy" alt="5-Day Jordan Tour: Road to Petra">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-90 tw-pointer-events-none"></div>
        <div class="tw-relative tw-z-10 tw-w-[90%] md:tw-w-[65%] lg:tw-w-[50%] xl:tw-w-[45%] tw-mb-6 tw-mx-auto md:tw-mb-10 md:tw-ml-10 tw-p-6 md:tw-p-8 tw-rounded-2xl tw-bg-white/95 tw-backdrop-blur-xl tw-shadow-2xl tw-border tw-border-white/50 tw-flex tw-flex-col">
            <div class="tw-flex tw-items-center tw-justify-between tw-gap-4 tw-mb-4">
                <span class="tw-px-3 tw-py-1 tw-bg-gold/10 tw-text-gold tw-border tw-border-gold/20 tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-shadow-inner">
                    <ion-icon name="star" class="tw-mr-1.5 tw-text-sm"></ion-icon> Featured Package                </span>
            </div>
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-navy/60 tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-1.5 tw-mb-2 tw-bg-navy/5 tw-px-2 tw-py-1 tw-rounded-lg tw-border tw-border-navy/10">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon> 1 Country                </span>
                <h3 class="tw-text-2xl lg:tw-text-3xl tw-font-serif tw-text-navy tw-leading-tight">5-Day Jordan Tour: Road to Petra</h3>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 md:tw-line-clamp-3 tw-leading-loose tw-mb-6">From the Old City of Amman to Petra&#39;s sprawling ruins, enjoy 5 days full of natural wonders in Jordan.&nbsp;Discover the ancient Jordan highlights and Roman ruins on your way to visit the rose-red city of Petra!

&nbsp;

&nbsp;


&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-flex-col xl:tw-flex-row xl:tw-items-end tw-justify-between tw-gap-6 tw-pt-5 tw-border-t tw-border-gray-100">
                <div class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-2">
                    <div>
                        <span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Duration</span>
                        <span class="tw-text-lg tw-font-bold tw-text-navy tw-flex tw-items-center tw-gap-1.5"><ion-icon name="time-outline" class="tw-text-gold"></ion-icon> 5</span>
                    </div>
                                        <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                        <span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Starting From</span>
                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                            <span class="currencySign">US$</span><span id="min_price715" class="convertable" itemprop="price">715</span>
                        </span>
                        <input type="hidden" id="hmin_price715" value="715" />
                                            </div>
                                    </div>
                <a href="/jordan/jordan-tour" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/jordan-private-tour" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Taste of Jordan in Petra Tour" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/931876824_16.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Taste of Jordan in Petra Tour" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 4                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Taste of Jordan in Petra Tour</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">It&#39;s the best Jordan 4 Days tour. Live an amazing 3 nights in Jordan visiting the Roman Jerash, the best example of the Roman provincial city in the whole Middle East. Be ready for a new adventure and Book now!

&nbsp;

&nbsp;


Enjoy visiting the legendary &lsquo;rose-red&rsquo; city of Petra, carved into the stone of the Jordan desert, Float in the Dead Sea salty water, and more!&nbsp;
Explore Amman&rsquo;s ancient sites on a 4-day tour, a private tour that&rsquo;s a great first taste of Jordan. You&rsquo;ll see Old Amman, colorful markets, the Citadel, the Blue Mosque, a Coptic church, Rainbow Street, the Royal Automobile Museum, and much more.
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price550" class="convertable" itemprop="price">550</span>
                    </span>
                    <input type="hidden" id="hmin_price550" value="550" />
                </div>
                                <a href="/jordan/jordan-private-tour" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Taste of Jordan in Petra Tour" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/luxury-tour-to-jordan" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Luxury Jordan Tour" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/747333787_13.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Luxury Jordan Tour" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 6                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Luxury Jordan Tour</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Discover the main attractions with through one of our Jordan Vacations, Including 5-star accommodation, and visit the rose-red city Petra, Jerash the Greco-roman city, and Madaba city of mosaics. Book now!

&nbsp;

&nbsp;


You can also visit the capital Amman, Mount Nebo, Kerak, Mukawir, float in the salty water of the Dead Sea, and More.&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price2129" class="convertable" itemprop="price">2,129</span>
                    </span>
                    <input type="hidden" id="hmin_price2129" value="2129" />
                </div>
                                <a href="/jordan/luxury-tour-to-jordan" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Luxury Jordan Tour" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/5-days-jordan-package" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Majestic Tour of Jordan" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/767654555_The%20Majestic%20Tour%20of%20Jordan.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Majestic Tour of Jordan" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 5                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Majestic Tour of Jordan</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Spend a wonderful 5-day Jordan vacation and discover all of Jordan&#39;s remarkable places like the mountain of Gilead in Jerash, Mount Nebo, and much more. Enjoy a hassle-free and unforgettable trip to Jordan!

&nbsp;

&nbsp;

This tour will allow you to see the place where Prophet Moses gazed at the promised land. Visiting Madaba, the Dead Sea, and the lost city of Petra. All of these with the best itinerary and comfortable accommodation.&nbsp;
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price1020" class="convertable" itemprop="price">1,020</span>
                    </span>
                    <input type="hidden" id="hmin_price1020" value="1020" />
                </div>
                                <a href="/jordan/5-days-jordan-package" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Majestic Tour of Jordan" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
    
        <div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
        <div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
            <a href="/jordan/jordan-family-holiday" class="view-trip-link tw-block tw-h-full"
                data-tour-name="Jordan Family Holiday" data-tour-type="Private Tour" data-destination="jordan">
                <img src="https://images.memphistours.com/thumbs1/268851029_dead%20sea%20%282%29.jpg" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Jordan Family Holiday" itemprop="image">
            </a>
            <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
            <div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
                <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
                    <ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
                    1 Country                </span>
                            </div>
            <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
                <span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
                    <ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 8                </span>
                <h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Jordan Family Holiday</h3>
            </div>
        </div>
        <div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
            <div class="tw-mb-4">
                <span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
                    <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
                    Private Tour                </span>
            </div>
                        <p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Don&#39;t miss this chance to enjoy one of Jordan Vacations tours to see the panoramic view of Dana, enjoy an evening under the stars in Wadi Rum, the ancient city of Petra, and more. Book now!&nbsp;

&nbsp;


Get deep into the warm desert, float into the Dead Sea, and experience a fantastic desert camp with your joyful family. Involve in the magical ancient world of Jordan on this exciting family adventure! This tour has been uniquely designed to highlight the most exciting sights of Jordan. With a carefully weighted balance of activities and downtime, your family will love this cultural Middle Eastern tour.
</p>
                        <div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
                                <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
                                        <span class="tw-text-2xl tw-font-serif tw-text-navy">
                        <span class="currencySign">US$</span><span id="min_price1915" class="convertable" itemprop="price">1,915</span>
                    </span>
                    <input type="hidden" id="hmin_price1915" value="1915" />
                </div>
                                <a href="/jordan/jordan-family-holiday" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
                    data-tour-name="Jordan Family Holiday" data-tour-type="Private Tour" data-destination="jordan">
                    View Trip                    <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
                </a>
            </div>
        </div>
    </div>
    
                            <div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="5" page="2" id="programs_more"></div>
                                                            </div>

                <div id="loader_div"></div>

                <div id="map-view" class="tw-hidden tw-relative tw-min-h-[500px] tw-bg-gray-100 tw-rounded-[2rem] tw-overflow-hidden tw-shadow-inner tw-border tw-border-gray-300 tw-mt-4">
                    <div id="react-map-root" class="tw-w-full tw-h-full tw-min-h-[500px] tw-flex tw-items-center tw-justify-center tw-p-8 tw-text-center tw-text-gray-500">
                        <p>Map view will display tour locations. Switch to List to browse packages.</p>
                    </div>
                </div>

            </main>

            <div class="tw-w-full lg:tw-w-[360px] tw-flex-shrink-0">
                                
<style>
    .side_form {
        border: 1px solid rgba(245, 245, 247, 1);
        border-radius: 16px;
    }
    .side_form .form_title h4 {
        background: rgba(10, 43, 75, 1);
        border-radius: 16px 16px 0 0;
        padding: 10px;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: rgba(255, 255, 255, 1);
    }
    .side_form .form_title .sub_title {
        font-family: 'Nunito', Arial, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        color: #FFFFFF;
        text-align: center;
    }
    .side_form .form_body {
        padding: 20px 16px;
    }
    .side_form .new_btn_book {
        background: rgba(245, 163, 27, 1);
        border-radius: 16px;
        border: 0;
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        line-height: 48px;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        position: relative;
    }
    .side_form .new_btn_book .btn-loading-spinner{display:none;width:22px;height:22px;margin:0 auto;border:3px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:book-form-spin .8s linear infinite;position:absolute;left:50%;top:50%;margin:-11px 0 0 -11px;}
    .side_form .new_btn_book.is-loading .btn-submit-text{visibility:hidden;}
    .side_form .new_btn_book.is-loading .btn-loading-spinner{display:inline-block;}
    @keyframes book-form-spin{to{transform:rotate(360deg);}}
    .side_form .form-control {
        background-color: unset;
        border: 0.5px solid rgba(208, 213, 221, 1);
        border-radius: 16px;
        padding: 0 16px;
        height: 40px;
    }
    #Arrival2, #Departure2 {
        position: relative;
    }
    .side_form .input-group {
        border: 0.5px solid rgba(208, 213, 221, 1);
        border-radius: 16px;
        flex-wrap: unset;
        align-items: center;
        padding: 0 10px;
    }
    .side_form .btn-number {
        background: rgba(245, 163, 27, 1);
        border: 0;
        border-radius: 6px;
        color: #fff;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .side_form .btn-number:disabled {
        opacity: .5;
    }
    .side_form .input-number {
        padding: 0;
        width: 100%;
        text-align: center;
        margin: 0;
        border: 0;
        background: none;
    }
    .side_form .form-group label {
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        color: rgba(105, 105, 133, 1);
    }
    .side_form .form-group label.error {
        color: red;
    }
    .side_form .ui-datepicker-trigger {
        border: 0;
        background: none;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .side_form .ui-datepicker-trigger i {
        color: rgba(143, 143, 166, 1);
    }
    .ui-widget-content {
        font-family: 'Nunito', Arial, sans-serif;
        border: 0;
        background: rgba(250, 250, 255, 1);
        border-radius: 16px;
        color: rgba(105, 105, 133, 1);
        z-index: 99 !important;
    }
    .ui-datepicker .ui-datepicker-header {
        border: 0;
        background: none;
    }
    .ui-datepicker .ui-datepicker-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: rgba(105, 105, 133, 1);
    }
    .ui-widget-header .ui-datepicker-next .ui-icon {
        background-image: url('/theme/Com2025/img/right-cheveron.svg');
        width: 32px;
        height: 32px;
        background-size: cover;
        background-position: unset;
    }
    .ui-widget-header .ui-datepicker-prev .ui-icon {
        background-image: url('/theme/Com2025/img/left-cheveron.svg');
        width: 32px;
        height: 32px;
        background-size: cover;
        background-position: unset;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 0;
        background: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        text-align: center;
        color: rgba(10, 43, 75, 1);
    }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 0;
        background: none;
    }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: rgba(253, 237, 209, 1);
        color: rgba(245, 163, 27, 1);
    }
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: -5px;
        width: 32px;
        height: 32px;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 15px;
    }
    .sticky-top {
        z-index: 1;
    }
    #bookFormNew .form_select {
        position: relative;
        width: 100%;
    }
    #bookFormNew .form_select:before {
        color: #184161;
        font-weight: bold;
        bottom: 10px;
        position: absolute;
        right: 16px;
        content: "\f078";
        font-family: "Font Awesome 6 Free";
    }

    .black_hed_bg{
        background: linear-gradient(90.93deg, #000000 26.23%, #F20D0D 107.91%);
        border-radius: 16px 16px 0px 0px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;

    }
    .black_hed_bg h4{
        background: transparent !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .programBox2_discount_black_text_right{
        position: absolute;
        width: 44px;
        height: 10px;
        text-align: center;
        font-family: 'Anta', Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 7.2378px;
        line-height: 9px;
        color: #FFFFFF;
        transform: rotate(337deg);
        bottom: 19px;
        left: 5px;
    }


    /* Prototype sidebar skin */
    #main-sidebar.book-form-sidebar .legacy-promo-wrap {
        display: none !important;
    }
    #main-sidebar.book-form-sidebar .form_body { padding: 0; }
    #bookFormNew.book-form-proto .form-control,
    #bookFormNew.book-form-proto select.form-control,
    #bookFormNew.book-form-proto textarea.form-control {
        background-color: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 0.75rem;
        padding: 0.75rem 1rem;
        height: auto;
        min-height: 3rem;
        color: #0a2b4b;
        font-size: 1rem;
        box-shadow: none;
    }
    #bookFormNew.book-form-proto .form-control:focus,
    #bookFormNew.book-form-proto select.form-control:focus,
    #bookFormNew.book-form-proto textarea.form-control:focus {
        border-color: #f5a31b;
        outline: none;
        box-shadow: 0 0 0 1px #f5a31b;
        background-color: #fff;
    }
    #bookFormNew.book-form-proto .form_select:before {
        right: 1rem; bottom: auto; top: 50%; transform: translateY(-50%);
    }
    #bookFormNew.book-form-proto .new_btn_book {
        background: #0a2b4b; border: none; border-radius: 0.75rem;
        color: #fff; font-weight: 700; font-size: 1rem; padding: 1rem; width: 100%;
        transition: all 0.3s ease;
    }
    #bookFormNew.book-form-proto .new_btn_book:hover {
        background: #f5a31b; color: #0a2b4b;
    }
    #bookFormNew.book-form-proto .book-form-proto-section-label {
        display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;
        font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: 0.05em; color: #0a2b4b;
    }
    #bookFormNew.book-form-proto .book-form-proto-section-label ion-icon { color: #f5a31b; }
    #bookFormNew.book-form-proto .book-form-proto-dates,
    #bookFormNew.book-form-proto .book-form-proto-pax {
        background: #f9fafb; border: 1px solid #f3f4f6;
        border-radius: 0.75rem; padding: 0.75rem; margin-bottom: 0.5rem;
    }
    #bookFormNew.book-form-proto label.error { color: #dc2626; font-size: 0.75rem; }
    #bookFormNew.book-form-proto .bf-fields-stack { margin-bottom: 0.5rem; }
    #bookFormNew.book-form-proto .bf-field-icon {
        position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);
        color: #9ca3af; font-size: 1.125rem; z-index: 2; pointer-events: none;
        transition: color 0.2s ease;
    }
    #bookFormNew.book-form-proto .bf-field-wrap:focus-within .bf-field-icon { color: #f5a31b; }
    #bookFormNew.book-form-proto .bf-input-icon { padding-left: 3rem !important; }
    #bookFormNew.book-form-proto .bf-select-wrap.form_select:before { display: none !important; }
    #bookFormNew.book-form-proto .bf-select-chevron {
        position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);
        color: #9ca3af; font-size: 0.75rem; pointer-events: none; z-index: 2;
    }
    #bookFormNew.book-form-proto #phone_ext.bf-phone-code {
        border-radius: 0.75rem !important; padding: 0.75rem 0.35rem !important;
        text-align: center; font-size: 0.875rem; min-height: 3rem;
    }
    #bookFormNew.book-form-proto #UserPhone.bf-input-icon { border-radius: 0.75rem !important; }
    #bookFormNew.book-form-proto .bf-date-field {
        position: relative;
        flex: 1 1 0;
        min-width: 0;
    }
    #bookFormNew.book-form-proto .bf-date-field #Arrival2,
    #bookFormNew.book-form-proto .bf-date-field #Departure2 {
        position: relative;
    }
    #bookFormNew.book-form-proto .bf-dates-row .form-control {
        font-size: 0.875rem;
        min-height: 2.5rem;
        padding: 0.5rem 2rem 0.5rem 0.75rem;
        border-radius: 0.5rem;
        background: #fff;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-pax-card {
        background: #fff; padding: 0.5rem; border-radius: 0.5rem;
        border: 1px solid #f3f4f6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    #bookFormNew.book-form-proto .bf-pax-label {
        font-size: 0.75rem; color: #6b7280; margin-bottom: 0.35rem; line-height: 1.2;
    }
    #bookFormNew.book-form-proto .bf-pax-label-sub { font-size: 10px; }
    #bookFormNew.book-form-proto .bf-phone-row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 0.5rem;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap {
        flex: 0 0 28%;
        max-width: 28%;
        min-width: 5.5rem;
    }
    #bookFormNew.book-form-proto .bf-phone-mobile-wrap {
        flex: 1 1 auto;
        min-width: 0;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap {
        position: relative;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap .form_select:before {
        display: none !important;
    }
    #bookFormNew.book-form-proto .bf-phone-code-wrap .bf-select-chevron {
        right: 0.35rem;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group-btn .btn-number {
        float: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-pax-counter {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group {
        border: none;
        padding: 0;
        background: transparent;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        width: 100%;
        margin: 0;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-group-btn {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-number {
        width: 2.5rem !important;
        min-width: 2.5rem;
        max-width: 100%;
        min-height: 1.75rem !important;
        height: 1.75rem !important;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        color: #0a2b4b;
        text-align: center;
        border: 1px solid #e5e7eb !important;
        border-radius: 0.5rem;
        background: #f9fafb !important;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
    #bookFormNew.book-form-proto .bf-pax-counter .input-number:focus {
        border-color: #f5a31b;
        outline: none;
        box-shadow: 0 0 0 1px #f5a31b;
        background: #fff;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number {
        width: 1.75rem !important;
        height: 1.75rem !important;
        min-width: 1.75rem;
        padding: 0 !important;
        border: none !important;
        border-radius: 0.375rem;
        background: transparent !important;
        color: #0a2b4b !important;
        font-size: 1rem;
        line-height: 1 !important;
        box-shadow: none;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number:hover:not(:disabled) {
        background: #f3f4f6;
        color: #f5a31b;
    }
    #bookFormNew.book-form-proto .bf-pax-btn.btn-number:disabled {
        opacity: 0.35;
        cursor: not-allowed;
    }
    #bookFormNew.book-form-proto .bf-pax-btn .fa {
        font-size: 0.65rem;
        font-weight: 700;
    }
    #bookFormNew.book-form-proto .new_btn_book {
        display: flex; align-items: center; justify-content: center; gap: 0.5rem;
    }
    #bookFormNew.book-form-proto .bf-comment {
        resize: vertical;
        min-height: 5rem;
        width: 100%;
    }
    #bookFormNew.book-form-proto .bf-submit-wrap {
        margin-top: 0.25rem;
    }
    #bookFormNew.book-form-proto .bf-submit-wrap .form-group {
        margin-bottom: 0.75rem;
    }
    #bookFormNew.book-form-proto #mail-validation { margin-top: 0.25rem; font-size: 0.75rem; }
    #bookFormNew.book-form-proto .bf-date-field .ui-datepicker-trigger {
        position: absolute !important;
        right: 0.35rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        cursor: pointer;
        z-index: 2;
        width: auto !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    #bookFormNew.book-form-proto .bf-date-field .ui-datepicker-trigger img {
        display: none;
    }
    @media (min-width: 1024px) {
        #main-sidebar.book-form-sidebar {
            position: sticky;
            top: 6rem;
            align-self: flex-start;
            max-height: calc(100vh - 6.5rem);
        }
        #main-sidebar.book-form-sidebar #sticky-sidebar {
            position: static;
            max-height: none;
            overflow: visible;
        }
        /* #main-sidebar.book-form-sidebar .book-form-proto-card {
            max-height: calc(100vh - 8rem);
            overflow-y: auto;
            overscroll-behavior: contain;
        } */
    }
    @media (max-width: 1023px) {
        #main-sidebar.book-form-sidebar,
        #main-sidebar.book-form-sidebar #sticky-sidebar {
            position: static !important;
            max-height: none !important;
        }
    }

</style>
<a id="Form"></a>

<aside id="main-sidebar" class="book-form-sidebar tw-w-full lg:tw-w-[360px] tw-flex-shrink-0 tw-relative tw-z-20 tw-transition-all tw-duration-300">
    <div class="tw-sticky tw-top-24 tw-space-y-8" id="sticky-sidebar">

        <div class="tw-relative tw-group tw-cursor-pointer tw-mb-6" onclick="openMomoAI()" role="button" tabindex="0" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openMomoAI();}">
            <div class="tw-absolute -tw-inset-1 tw-bg-gradient-to-r tw-from-gold tw-to-orange-500 tw-rounded-2xl tw-blur tw-opacity-25 group-hover:tw-opacity-75 tw-transition tw-duration-1000 group-hover:tw-duration-200"></div>
            <div class="tw-relative tw-bg-navy tw-rounded-2xl tw-p-4 tw-flex tw-items-center tw-gap-4 tw-border tw-border-white/10 tw-shadow-xl tw-overflow-hidden">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-r tw-from-navy tw-via-navy/50 tw-to-navy tw-opacity-50"></div>
                <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-gradient-to-r tw-from-navy tw-via-gold tw-to-navy"></div>
                <div class="tw-w-16 tw-h-16 tw-shrink-0 tw-relative tw-z-10">
                    <div class="tw-absolute tw-inset-0 tw-bg-blue-100/10 tw-rounded-full tw-animate-pulse"></div>
                    <img src="/theme/Com2025/img/momo_avatar.png" class="tw-w-full tw-h-full tw-object-cover tw-rounded-full tw-relative tw-z-10 tw-border-2 tw-border-gold tw-shadow-sm" alt="Momo AI">
                    <div class="tw-absolute -tw-bottom-1 -tw-right-1 tw-bg-green-500 tw-w-4 tw-h-4 tw-rounded-full tw-border-2 tw-border-navy tw-z-20"></div>
                </div>
                <div class="tw-relative tw-z-10 tw-flex-1 tw-min-w-0">
                    <div class="tw-text-sm tw-font-bold tw-text-gold tw-uppercase tw-tracking-wider tw-mb-2">New AI Feature</div>
                    <h4 class="tw-font-serif tw-text-white tw-leading-tight tw-text-lg">Plan with Momo AI</h4>
                    <p class="tw-text-sm tw-text-gray-300 tw-mt-1">Get a custom trip in seconds!</p>
                </div>
                <div class="tw-ml-auto tw-relative tw-z-10 tw-shrink-0">
                    <div class="tw-w-10 tw-h-10 tw-rounded-full tw-bg-white/10 tw-text-white tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-navy tw-transition-colors tw-shadow-md tw-backdrop-blur-sm">
                        <ion-icon name="sparkles" class="tw-text-lg"></ion-icon>
                    </div>
                </div>
            </div>
        </div>

<div class="side_form legacy-promo-wrap">
            <div class="form_title">
            <h4>Plan Your Trip!</h4>
                                </div>
    </div>

        <div class="book-form-proto-card tw-bg-white tw-rounded-2xl tw-shadow-xl tw-p-6 tw-border tw-border-gray-100 tw-relative tw-overflow-hidden">
            <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-gradient-to-r tw-from-navy tw-via-gold tw-to-navy"></div>
            <h3 class="tw-font-serif tw-text-2xl tw-text-navy tw-mb-5 tw-flex tw-items-center tw-gap-2">
                <span>Plan Your Journey</span>
                <ion-icon name="airplane" class="tw-text-gold tw-text-xl tw-animate-pulse"></ion-icon>
            </h3>
    <div class="form_body">
        <form id="bookFormNew" class="book-form-proto tw-space-y-4" method="post" action="/jordan/reservation_forms/requests/mail">
            <div class="tw-grid tw-grid-cols-1 tw-gap-3 bf-fields-stack">
                <div class="bf-field-wrap tw-relative tw-group">
                    <ion-icon name="person-outline" class="bf-field-icon"></ion-icon>
                    <input name="name" type="text" id="name" class="form-control bf-input-icon" value="" placeholder="Name *" required>
                </div>
                <div class="bf-field-wrap tw-relative tw-group">
                    <ion-icon name="mail-outline" class="bf-field-icon"></ion-icon>
                    <input name="UserEmail" value="" type="email" required class="form-control bf-input-icon" id="UserEmail" placeholder="E-mail *" onfocusout="validateMail()">
                    <div id="mail-validation"></div>
                </div>
            </div>
            <div class="bf-field-wrap tw-relative tw-group">
                <ion-icon name="earth-outline" class="bf-field-icon"></ion-icon>
                <div class="form-group label-floating form_select bf-select-wrap">
                        <select id="nationality" class="form-control bf-input-icon" name="nationality" required>
                            <option value="" selected="selected">Select your Nationality</option>
                            <option value="American">American</option>
                            <option value="Afghan">Afghan</option>
                            <option value="Albanian">Albanian</option>
                            <option value="Algerian">Algerian</option>
                            <option value="Andorran">Andorran</option>
                            <option value="Angolan">Angolan</option>
                            <option value="Argentinian">Argentinian</option>
                            <option value="Armenian">Armenian</option>
                            <option value="Australian">Australian</option>
                            <option value="Austrian">Austrian</option>
                            <option value="Azerbaijani">Azerbaijani</option>
                            <option value="Bahamian">Bahamian</option>
                            <option value="Bahraini">Bahraini</option>
                            <option value="Bangladeshi">Bangladeshi</option>
                            <option value="Barbadian">Barbadian</option>
                            <option value="Belarusian">Belarusian</option>
                            <option value="Belgian">Belgian</option>
                            <option value="Belizean">Belizean</option>
                            <option value="Beninese">Beninese</option>
                            <option value="Bhutanese">Bhutanese</option>
                            <option value="Bolivian">Bolivian</option>
                            <option value="Bosnian">Bosnian</option>
                            <option value="Botswanan">Botswanan</option>
                            <option value="Brazilian">Brazilian</option>
                            <option value="British Indian Ocean">British Indian Ocean</option>
                            <option value="British Virgin">British Virgin</option>
                            <option value="Bruneian">Bruneian</option>
                            <option value="Bulgarian">Bulgarian</option>
                            <option value="Burkinese">Burkinese</option>
                            <option value="Burundian">Burundian</option>
                            <option value="Cambodian">Cambodian</option>
                            <option value="Cameroonian">Cameroonian</option>
                            <option value="Canadian">Canadian</option>
                            <option value="Cape Verdean">Cape Verdean</option>
                            <option value="Chadian">Chadian</option>
                            <option value="Chilean">Chilean</option>
                            <option value="Chinese">Chinese</option>
                            <option value="Colombian">Colombian</option>
                            <option value="Congolese">Congolese</option>
                            <option value="Costa Rican">Costa Rican</option>
                            <option value="Croatian">Croatian</option>
                            <option value="Cuban">Cuban</option>
                            <option value="Cypriot">Cypriot</option>
                            <option value="Czech">Czech</option>
                            <option value="Danish">Danish</option>
                            <option value="Djiboutian">Djiboutian</option>
                            <option value="Dominican">Dominican</option>
                            <option value="East Timorese">East Timorese</option>
                            <option value="Ecuadorean">Ecuadorean</option>
                            <option value="Egyptian">Egyptian</option>
                            <option value="Salvadorean">Salvadorean</option>
                            <option value="Guinean">Guinean</option>
                            <option value="Eritrean">Eritrean</option>
                            <option value="Estonian">Estonian</option>
                            <option value="Ethiopian">Ethiopian</option>
                            <option value="Fijian">Fijian</option>
                            <option value="Finnish">Finnish</option>
                            <option value="French" >French</option>
                            <option value="Guyanese">Guyanese</option>
                            <option value="Gabonese">Gabonese</option>
                            <option value="Gambian">Gambian</option>
                            <option value="Georgian">Georgian</option>
                            <option value="German" >German</option>
                            <option value="Ghanaian">Ghanaian</option>
                            <option value="Greek">Greek</option>
                            <option value="Grenadian">Grenadian</option>
                            <option value="Guatemalan">Guatemalan</option>
                            <option value="Guinea-Bissau">Guinea-Bissau</option>
                            <option value="Haitian">Haitian</option>
                            <option value="Honduran">Honduran</option>
                            <option value="Hungarian">Hungarian</option>
                            <option value="Icelander">Icelander</option>
                            <option value="Indian">Indian</option>
                            <option value="Indonesian">Indonesian</option>
                            <option value="Iranian">Iranian</option>
                            <option value="Iraqi">Iraqi</option>
                            <option value="Irish">Irish</option>
                            <option value="Israeli">Israeli</option>
                            <option value="Italian" >Italian</option>
                            <option value="Jamaican">Jamaican</option>
                            <option value="Japanese">Japanese</option>
                            <option value="Jordanian">Jordanian</option>
                            <option value="Kazakh">Kazakh</option>
                            <option value="Kenyan">Kenyan</option>
                            <option value="Kuwaiti">Kuwaiti</option>
                            <option value="Laotian">Laotian</option>
                            <option value="Latvian">Latvian</option>
                            <option value="Lebanese">Lebanese</option>
                            <option value="Liberian">Liberian</option>
                            <option value="Libyan">Libyan</option>
                            <option value="Lithuanian">Lithuanian</option>
                            <option value="Macedonian">Macedonian</option>
                            <option value="Madagascan">Madagascan</option>
                            <option value="Malawian">Malawian</option>
                            <option value="Malaysian">Malaysian</option>
                            <option value="Maldivian">Maldivian</option>
                            <option value="Malian">Malian</option>
                            <option value="Maltese">Maltese</option>
                            <option value="Mauritanian">Mauritanian</option>
                            <option value="Mauritian">Mauritian</option>
                            <option value="Mexican">Mexican</option>
                            <option value="Moldovan">Moldovan</option>
                            <option value="Monacan">Monacan</option>
                            <option value="Mongolian">Mongolian</option>
                            <option value="Moroccan">Moroccan</option>
                            <option value="Mozambican">Mozambican</option>
                            <option value="Namibian">Namibian</option>
                            <option value="Nepalese">Nepalese</option>
                            <option value="Dutch">Dutch</option>
                            <option value="New Zealand">New Zealand</option>
                            <option value="Nicaraguan">Nicaraguan</option>
                            <option value="Nigerien">Nigerien</option>
                            <option value="Nigerian">Nigerian</option>
                            <option value="North Korean">North Korean</option>
                            <option value="Norwegian">Norwegian</option>
                            <option value="Omani">Omani</option>
                            <option value="Pakistani">Pakistani</option>
                            <option value="Panamanian">Panamanian</option>
                            <option value="Equatorial Guinean">Equatorial Guinean</option>
                            <option value="Paraguayan">Paraguayan</option>
                            <option value="Peruvian">Peruvian</option>
                            <option value="Filipino">Filipino</option>
                            <option value="Polish">Polish</option>
                            <option value="Portuguese">Portuguese</option>
                            <option value="Qatari">Qatari</option>
                            <option value="Romanian">Romanian</option>
                            <option value="Russian">Russian</option>
                            <option value="Rwandan">Rwandan</option>
                            <option value="Saudi">Saudi</option>
                            <option value="Senegalese">Senegalese</option>
                            <option value="Serbian">Serbian</option>
                            <option value="Sierra Leonian">Sierra Leonian</option>
                            <option value="Singaporean">Singaporean</option>
                            <option value="Slovak">Slovak</option>
                            <option value="Slovenian">Slovenian</option>
                            <option value="Somali">Somali</option>
                            <option value="South African">South African</option>
                            <option value="South Korean">South Korean</option>
                            <option value="Spanish">Spanish</option>
                            <option value="Sri Lankan">Sri Lankan</option>
                            <option value="Sudanese">Sudanese</option>
                            <option value="Surinamese">Surinamese</option>
                            <option value="Swazi">Swazi</option>
                            <option value="Swedish">Swedish</option>
                            <option value="Swiss">Swiss</option>
                            <option value="Syrian">Syrian</option>
                            <option value="Taiwanese">Taiwanese</option>
                            <option value="Tajik">Tajik</option>
                            <option value="Tanzanian">Tanzanian</option>
                            <option value="Thai">Thai</option>
                            <option value="Togolese">Togolese</option>
                            <option value="Trinidadian">Trinidadian</option>
                            <option value="Tunisian">Tunisian</option>
                            <option value="Turkish">Turkish</option>
                            <option value="Turkmen">Turkmen</option>
                            <option value="Tuvaluan">Tuvaluan</option>
                            <option value="Ugandan">Ugandan</option>
                            <option value="Ukrainian">Ukrainian</option>
                            <option value="Emirati">Emirati</option>
                            <option value="British">British</option>
                            <option value="Uruguayan">Uruguayan</option>
                            <option value="Uzbek">Uzbek</option>
                            <option value="Vanuatuan">Vanuatuan</option>
                            <option value="Venezuelan">Venezuelan</option>
                            <option value="Vietnamese">Vietnamese</option>
                            <option value="Yemeni">Yemeni</option>
                            <option value="Zambian">Zambian</option>
                            <option value="Zimbabwean">Zimbabwean</option>
                        </select>
                    <ion-icon name="chevron-down-outline" class="bf-select-chevron"></ion-icon>
                </div>
            </div>
                        <div class="bf-phone-row">
                <div class="bf-phone-code-wrap bf-field-wrap">
                    <div class="form-group form_select label-floating mb-0 bf-select-wrap">
                        <select name="phone_ext" id="phone_ext" class="required form-control bf-phone-code" aria-label="Country code">
                                    <option value="">Code</option>
                                    <option data-countryCode="AF" value="93">Afghanistan (+93)</option>
                                    <option data-countryCode="AL" value="355">Albania (+355)</option>
                                    <option data-countryCode="DZ" value="213">Algeria (+213)</option>
                                    <option data-countryCode="AD" value="376">Andorra (+376)</option>
                                    <option data-countryCode="AO" value="244">Angola (+244)</option>
                                    <option data-countryCode="AI" value="1264">Anguilla (+1264)</option>
                                    <option data-countryCode="AG" value="1268">Antigua &amp; Barbuda (+1268)</option>
                                    <option data-countryCode="AR" value="54">Argentina (+54)</option>
                                    <option data-countryCode="AM" value="374">Armenia (+374)</option>
                                    <option data-countryCode="AW" value="297">Aruba (+297)</option>
                                    <option data-countryCode="AU" value="61">Australia (+61)</option>
                                    <option data-countryCode="AT" value="43">Austria (+43)</option>
                                    <option data-countryCode="AZ" value="994">Azerbaijan (+994)</option>
                                    <option data-countryCode="BS" value="1242">Bahamas (+1242)</option>
                                    <option data-countryCode="BH" value="973">Bahrain (+973)</option>
                                    <option data-countryCode="BD" value="880">Bangladesh (+880)</option>
                                    <option data-countryCode="BB" value="1246">Barbados (+1246)</option>
                                    <option data-countryCode="BY" value="375">Belarus (+375)</option>
                                    <option data-countryCode="BE" value="32">Belgium (+32)</option>
                                    <option data-countryCode="BZ" value="501">Belize (+501)</option>
                                    <option data-countryCode="BJ" value="229">Benin (+229)</option>
                                    <option data-countryCode="BM" value="1441">Bermuda (+1441)</option>
                                    <option data-countryCode="BT" value="975">Bhutan (+975)</option>
                                    <option data-countryCode="BO" value="591">Bolivia (+591)</option>
                                    <option data-countryCode="BA" value="387">Bosnia Herzegovina (+387)</option>
                                    <option data-countryCode="BW" value="267">Botswana (+267)</option>
                                    <option data-countryCode="BR" value="55">Brazil (+55)</option>
                                    <option data-countryCode="IO" value="246">British Indian Ocean Territory (+246)</option>
                                    <option data-countryCode="BN" value="673">Brunei (+673)</option>
                                    <option data-countryCode="BG" value="359">Bulgaria (+359)</option>
                                    <option data-countryCode="BF" value="226">Burkina Faso (+226)</option>
                                    <option data-countryCode="BI" value="257">Burundi (+257)</option>
                                    <option data-countryCode="KH" value="855">Cambodia (+855)</option>
                                    <option data-countryCode="CM" value="237">Cameroon (+237)</option>
                                    <option data-countryCode="CA" value="1">Canada (+1)</option>
                                    <option data-countryCode="CV" value="238">Cape Verde Islands (+238)</option>
                                    <option data-countryCode="KY" value="1345">Cayman Islands (+1345)</option>
                                    <option data-countryCode="CF" value="236">Central African Republic (+236)</option>
                                    <option data-countryCode="TD" value="235">Chad (+235)</option>
                                    <option data-countryCode="CL" value="56">Chile (+56)</option>
                                    <option data-countryCode="CN" value="86">China (+86)</option>
                                    <option data-countryCode="CO" value="57">Colombia (+57)</option>
                                    <option data-countryCode="KM" value="269">Comoros (+269)</option>
                                    <option data-countryCode="CG" value="242">Congo (+242)</option>
                                    <option data-countryCode="CK" value="682">Cook Islands (+682)</option>
                                    <option data-countryCode="CR" value="506">Costa Rica (+506)</option>
                                    <option data-countryCode="HR" value="385">Croatia (+385)</option>
                                    <option data-countryCode="CU" value="53">Cuba (+53)</option>
                                    <option data-countryCode="CY" value="90392">Cyprus North (+90392)</option>
                                    <option data-countryCode="CY" value="357">Cyprus South (+357)</option>
                                    <option data-countryCode="CZ" value="42">Czech Republic (+42)</option>
                                    <option data-countryCode="DK" value="45">Denmark (+45)</option>
                                    <option data-countryCode="DJ" value="253">Djibouti (+253)</option>
                                    <option data-countryCode="DM" value="1809">Dominica (+1809)</option>
                                    <option data-countryCode="DO" value="1809">Dominican Republic (+1809)</option>
                                    <option data-countryCode="TL" value="670">East Timor (+670)</option>
                                    <option data-countryCode="EC" value="593">Ecuador (+593)</option>
                                    <option data-countryCode="EG" value="20">Egypt (+20)</option>
                                    <option data-countryCode="SV" value="503">El Salvador (+503)</option>
                                    <option data-countryCode="GQ" value="240">Equatorial Guinea (+240)</option>
                                    <option data-countryCode="ER" value="291">Eritrea (+291)</option>
                                    <option data-countryCode="EE" value="372">Estonia (+372)</option>
                                    <option data-countryCode="ET" value="251">Ethiopia (+251)</option>
                                    <option data-countryCode="FK" value="500">Falkland Islands (+500)</option>
                                    <option data-countryCode="FO" value="298">Faroe Islands (+298)</option>
                                    <option data-countryCode="FJ" value="679">Fiji (+679)</option>
                                    <option data-countryCode="FI" value="358">Finland (+358)</option>
                                    <option data-countryCode="FR" value="33" >France (+33)</option>
                                    <option data-countryCode="GF" value="594">French Guiana (+594)</option>
                                    <option data-countryCode="PF" value="689">French Polynesia (+689)</option>
                                    <option data-countryCode="GA" value="241">Gabon (+241)</option>
                                    <option data-countryCode="GM" value="220">Gambia (+220)</option>
                                    <option data-countryCode="GE" value="995">Georgia (+995)</option>
                                    <option data-countryCode="DE" value="49" >Germany (+49)</option>
                                    <option data-countryCode="GH" value="233">Ghana (+233)</option>
                                    <option data-countryCode="GI" value="350">Gibraltar (+350)</option>
                                    <option data-countryCode="GR" value="30">Greece (+30)</option>
                                    <option data-countryCode="GL" value="299">Greenland (+299)</option>
                                    <option data-countryCode="GD" value="1473">Grenada (+1473)</option>
                                    <option data-countryCode="GP" value="590">Guadeloupe (+590)</option>
                                    <option data-countryCode="GU" value="671">Guam (+671)</option>
                                    <option data-countryCode="GT" value="502">Guatemala (+502)</option>
                                    <option data-countryCode="GN" value="224">Guinea (+224)</option>
                                    <option data-countryCode="GW" value="245">Guinea - Bissau (+245)</option>
                                    <option data-countryCode="GY" value="592">Guyana (+592)</option>
                                    <option data-countryCode="HT" value="509">Haiti (+509)</option>
                                    <option data-countryCode="HN" value="504">Honduras (+504)</option>
                                    <option data-countryCode="HK" value="852">Hong Kong (+852)</option>
                                    <option data-countryCode="HU" value="36">Hungary (+36)</option>
                                    <option data-countryCode="IS" value="354">Iceland (+354)</option>
                                    <option data-countryCode="IN" value="91">India (+91)</option>
                                    <option data-countryCode="ID" value="62">Indonesia (+62)</option>
                                    <option data-countryCode="IR" value="98">Iran (+98)</option>
                                    <option data-countryCode="IQ" value="964">Iraq (+964)</option>
                                    <option data-countryCode="IE" value="353">Ireland (+353)</option>
                                    <option data-countryCode="IT" value="39" >Italy (+39)</option>
                                    <option data-countryCode="JM" value="1876">Jamaica (+1876)</option>
                                    <option data-countryCode="JP" value="81">Japan (+81)</option>
                                    <option data-countryCode="JO" value="962">Jordan (+962)</option>
                                    <option data-countryCode="KZ" value="7">Kazakhstan (+7)</option>
                                    <option data-countryCode="KE" value="254">Kenya (+254)</option>
                                    <option data-countryCode="KI" value="686">Kiribati (+686)</option>
                                    <option data-countryCode="KP" value="850">Korea North (+850)</option>
                                    <option data-countryCode="KR" value="82">Korea South (+82)</option>
                                    <option data-countryCode="KW" value="965">Kuwait (+965)</option>
                                    <option data-countryCode="KG" value="996">Kyrgyzstan (+996)</option>
                                    <option data-countryCode="LA" value="856">Laos (+856)</option>
                                    <option data-countryCode="LV" value="371">Latvia (+371)</option>
                                    <option data-countryCode="LB" value="961">Lebanon (+961)</option>
                                    <option data-countryCode="LS" value="266">Lesotho (+266)</option>
                                    <option data-countryCode="LR" value="231">Liberia (+231)</option>
                                    <option data-countryCode="LY" value="218">Libya (+218)</option>
                                    <option data-countryCode="LI" value="417">Liechtenstein (+417)</option>
                                    <option data-countryCode="LT" value="370">Lithuania (+370)</option>
                                    <option data-countryCode="LU" value="352">Luxembourg (+352)</option>
                                    <option data-countryCode="MO" value="853">Macao (+853)</option>
                                    <option data-countryCode="MK" value="389">Macedonia (+389)</option>
                                    <option data-countryCode="MG" value="261">Madagascar (+261)</option>
                                    <option data-countryCode="MW" value="265">Malawi (+265)</option>
                                    <option data-countryCode="MY" value="60">Malaysia (+60)</option>
                                    <option data-countryCode="MV" value="960">Maldives (+960)</option>
                                    <option data-countryCode="ML" value="223">Mali (+223)</option>
                                    <option data-countryCode="MT" value="356">Malta (+356)</option>
                                    <option data-countryCode="MH" value="692">Marshall Islands (+692)</option>
                                    <option data-countryCode="MQ" value="596">Martinique (+596)</option>
                                    <option data-countryCode="MR" value="222">Mauritania (+222)</option>
                                    <option data-countryCode="YT" value="269">Mayotte (+269)</option>
                                    <option data-countryCode="MX" value="52">Mexico (+52)</option>
                                    <option data-countryCode="FM" value="691">Micronesia (+691)</option>
                                    <option data-countryCode="MD" value="373">Moldova (+373)</option>
                                    <option data-countryCode="MC" value="377">Monaco (+377)</option>
                                    <option data-countryCode="MN" value="976">Mongolia (+976)</option>
                                    <option data-countryCode="MS" value="1664">Montserrat (+1664)</option>
                                    <option data-countryCode="MA" value="212">Morocco (+212)</option>
                                    <option data-countryCode="MZ" value="258">Mozambique (+258)</option>
                                    <option data-countryCode="MN" value="95">Myanmar (+95)</option>
                                    <option data-countryCode="NA" value="264">Namibia (+264)</option>
                                    <option data-countryCode="NR" value="674">Nauru (+674)</option>
                                    <option data-countryCode="NP" value="977">Nepal (+977)</option>
                                    <option data-countryCode="NL" value="31">Netherlands (+31)</option>
                                    <option data-countryCode="NC" value="687">New Caledonia (+687)</option>
                                    <option data-countryCode="NZ" value="64">New Zealand (+64)</option>
                                    <option data-countryCode="NI" value="505">Nicaragua (+505)</option>
                                    <option data-countryCode="NE" value="227">Niger (+227)</option>
                                    <option data-countryCode="NG" value="234">Nigeria (+234)</option>
                                    <option data-countryCode="NU" value="683">Niue (+683)</option>
                                    <option data-countryCode="NF" value="672">Norfolk Islands (+672)</option>
                                    <option data-countryCode="NP" value="670">Northern Marianas (+670)</option>
                                    <option data-countryCode="NO" value="47">Norway (+47)</option>
                                    <option data-countryCode="OM" value="968">Oman (+968)</option>
                                    <option data-countryCode="PW" value="680">Palau (+680)</option>
                                    <option data-countryCode="PA" value="507">Panama (+507)</option>
                                    <option data-countryCode="PG" value="675">Papua New Guinea (+675)</option>
                                    <option data-countryCode="PY" value="595">Paraguay (+595)</option>
                                    <option data-countryCode="PE" value="51">Peru (+51)</option>
                                    <option data-countryCode="PH" value="63">Philippines (+63)</option>
                                    <option data-countryCode="PL" value="48">Poland (+48)</option>
                                    <option data-countryCode="PT" value="351">Portugal (+351)</option>
                                    <option data-countryCode="PR" value="1787">Puerto Rico (+1787)</option>
                                    <option data-countryCode="QA" value="974">Qatar (+974)</option>
                                    <option data-countryCode="RE" value="262">Reunion (+262)</option>
                                    <option data-countryCode="RO" value="40">Romania (+40)</option>
                                    <option data-countryCode="RU" value="7">Russia (+7)</option>
                                    <option data-countryCode="RW" value="250">Rwanda (+250)</option>
                                    <option data-countryCode="SM" value="378">San Marino (+378)</option>
                                    <option data-countryCode="ST" value="239">Sao Tome &amp; Principe (+239)</option>
                                    <option data-countryCode="SA" value="966">Saudi Arabia (+966)</option>
                                    <option data-countryCode="SN" value="221">Senegal (+221)</option>
                                    <option data-countryCode="CS" value="381">Serbia (+381)</option>
                                    <option data-countryCode="SC" value="248">Seychelles (+248)</option>
                                    <option data-countryCode="SL" value="232">Sierra Leone (+232)</option>
                                    <option data-countryCode="SG" value="65">Singapore (+65)</option>
                                    <option data-countryCode="SK" value="421">Slovak Republic (+421)</option>
                                    <option data-countryCode="SI" value="386">Slovenia (+386)</option>
                                    <option data-countryCode="SB" value="677">Solomon Islands (+677)</option>
                                    <option data-countryCode="SO" value="252">Somalia (+252)</option>
                                    <option data-countryCode="ZA" value="27">South Africa (+27)</option>
                                    <option data-countryCode="ES" value="34">Spain (+34)</option>
                                    <option data-countryCode="LK" value="94">Sri Lanka (+94)</option>
                                    <option data-countryCode="SH" value="290">St. Helena (+290)</option>
                                    <option data-countryCode="KN" value="1869">St. Kitts (+1869)</option>
                                    <option data-countryCode="SC" value="1758">St. Lucia (+1758)</option>
                                    <option data-countryCode="SD" value="249">Sudan (+249)</option>
                                    <option data-countryCode="SR" value="597">Suriname (+597)</option>
                                    <option data-countryCode="SZ" value="268">Swaziland (+268)</option>
                                    <option data-countryCode="SE" value="46">Sweden (+46)</option>
                                    <option data-countryCode="CH" value="41">Switzerland (+41)</option>
                                    <option data-countryCode="SI" value="963">Syria (+963)</option>
                                    <option data-countryCode="TW" value="886">Taiwan (+886)</option>
                                    <option data-countryCode="TJ" value="992">Tajikistan (+992)</option>
                                    <option data-countryCode="TH" value="66">Thailand (+66)</option>
                                    <option data-countryCode="TG" value="228">Togo (+228)</option>
                                    <option data-countryCode="TO" value="676">Tonga (+676)</option>
                                    <option data-countryCode="TT" value="1868">Trinidad &amp; Tobago (+1868)</option>
                                    <option data-countryCode="TN" value="216">Tunisia (+216)</option>
                                    <option data-countryCode="TR" value="90">Turkey (+90)</option>
                                    <option data-countryCode="TM" value="7">Turkmenistan (+7)</option>
                                    <option data-countryCode="TM" value="993">Turkmenistan (+993)</option>
                                    <option data-countryCode="TC" value="1649">Turks &amp; Caicos Islands (+1649)</option>
                                    <option data-countryCode="TV" value="688">Tuvalu (+688)</option>
                                    <option data-countryCode="UG" value="256">Uganda (+256)</option>
                                    <option data-countryCode="GB" value="44">UK (+44)</option>
                                    <option data-countryCode="UA" value="380">Ukraine (+380)</option>
                                    <option data-countryCode="AE" value="971">United Arab Emirates (+971)</option>
                                    <option data-countryCode="UY" value="598">Uruguay (+598)</option>
                                    <option data-countryCode="US" value="1">USA (+1)</option>
                                    <option data-countryCode="UZ" value="7">Uzbekistan (+7)</option>
                                    <option data-countryCode="VU" value="678">Vanuatu (+678)</option>
                                    <option data-countryCode="VA" value="379">Vatican City (+379)</option>
                                    <option data-countryCode="VE" value="58">Venezuela (+58)</option>
                                    <option data-countryCode="VN" value="84">Vietnam (+84)</option>
                                    <option data-countryCode="VG" value="84">Virgin Islands - British (+1284)</option>
                                    <option data-countryCode="VI" value="84">Virgin Islands - US (+1340)</option>
                                    <option data-countryCode="WF" value="681">Wallis &amp; Futuna (+681)</option>
                                    <option data-countryCode="YE" value="969">Yemen (North)(+969)</option>
                                    <option data-countryCode="YE" value="967">Yemen (South)(+967)</option>
                                    <option data-countryCode="ZM" value="260">Zambia (+260)</option>
                                    <option data-countryCode="ZW" value="263">Zimbabwe (+263)</option>
                                </select>
                        <ion-icon name="chevron-down-outline" class="bf-select-chevron"></ion-icon>
                    </div>
                </div>
                <div class="bf-phone-mobile-wrap bf-field-wrap tw-relative tw-group">
                    <ion-icon name="call-outline" class="bf-field-icon"></ion-icon>
                    <input type="text" class="form-control bf-input-icon" value="" placeholder="Mobile" name="UserPhone" oninput="this.value = this.value.replace(/[^0-9]/g, '')"  id="UserPhone" required minlength="6" maxlength="16">
                </div>
            </div>
            <div class="book-form-proto-dates">
                <div class="book-form-proto-section-label"><ion-icon name="calendar-clear-outline"></ion-icon><span>Travel Dates</span></div>
                <div class="bf-dates-row tw-flex tw-gap-2 tw-items-center">
                <div class="bf-date-field tw-flex-1">
                    <div class="form-group label-floating mb-0">
                        <div id="Arrival2">
                            <input name="arrival" value=""  type="text" class="form-control datepicker" id="datepickerArrival2" placeholder="From *" required readonly>
                        </div>
                    </div>
                </div>
                <span class="tw-text-gray-400 tw-text-sm tw-shrink-0">to</span>
                <div class="bf-date-field tw-flex-1">
                    <div class="form-group label-floating mb-0">
                        <div id="Departure2">
                            <input name="departure" value=""  type="text" class="form-control datepicker" id="datepickerDeparture2" placeholder="To" readonly>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <div class="book-form-proto-pax">
                <div class="book-form-proto-section-label"><ion-icon name="people-circle-outline"></ion-icon><span>Travelers</span></div>
                <div class="tw-grid tw-grid-cols-3 tw-gap-2 tw-text-center bf-pax-grid">
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Adults</div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="minus" data-field="adults_book">−</button></span>
                                <input id="adults_book" type="text" name="adults" class="form-control input-number book_all" value="2" min="1" max="100" readonly>
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="adults_book">+</button></span>
                            </div>
                        </div>
                    </div>
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Kids <span class="bf-pax-label-sub">(2 to 11 years)</span></div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" disabled="disabled" data-type="minus" data-field="children_book">−</button></span>
                                <input id="children_book" type="text" name="children" class="form-control input-number book_all" value="0" min="0" max="10" readonly onchange="paxOnChangeAll('1', this.value, 'Child', this, 9);">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="children_book">+</button></span>
                            </div>
                        </div>
                    </div>
                    <div class="bf-pax-card">
                        <div class="bf-pax-label">Infants <span class="bf-pax-label-sub">(0 to 2 years)</span></div>
                        <div class="bf-pax-counter">
                            <div class="input-group">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" disabled="disabled" data-type="minus" data-field="infants_book">−</button></span>
                                <input id="infants_book" type="text" name="infants" class="form-control input-number book_all" value="0" min="0" max="10" readonly onchange="paxOnChangeAll('1', this.value, 'Infant', this, 9);">
                                <span class="input-group-btn"><button type="button" class="btn-number book_all bf-pax-btn" data-type="plus" data-field="infants_book">+</button></span>
                            </div>
                        </div>
                    </div>
                </div>
                                <div id="ageInputDiv" class="form-group label-floating hidden">
                    <div class="unit size4of7"><div class="mrm mts div-0"> </div></div>
                    <div id="input" class="unit size3of7 lastUnit div-1"> </div>
                </div>
                <div class="row" id="1" ageDesc="child"> </div>
                <div id="1" ageDesc="infant"> </div>
            </div>
            <div class="bf-comment-wrap">
                <textarea minlength="20" required placeholder="Please advise your tour requirements" class="form-control bf-comment" name="comment" id="comment" autocomplete="off"></textarea>
            </div>
            <div class="bf-submit-wrap">
                <div class="form-group mt-2 p-0 mb-0">
                    <div id='recaptcha' class="g-recaptcha"
                        data-sitekey="6LdVl20sAAAAAG04yGDIUthLCMlENTfNrHKxdsO0"
                        data-callback="SubmitForm"
                        data-size="invisible">
                    </div>
                </div>
                <button class="new_btn_book tw-w-full tw-group tw-overflow-hidden tw-relative" type="submit" id="Enquire-btn">
                    <span class="btn-submit-text tw-relative tw-z-10">Submit</span>
                    <ion-icon name="paper-plane" class="tw-relative tw-z-10"></ion-icon>
                    <span class="btn-loading-spinner" aria-hidden="true"></span>
                </button>
            </div>
                        <input type="hidden" id="url_goal" name="url_goal" value="general">
            <input type="hidden" id="program_id" name="program_id" value="0">
                        <input type="hidden" id="gtm_destination" value="Jordan">
            <input type="hidden" id="gtm_currency" value="USD">
        </form>
    </div>
        </div>
    </div>
</aside>
            </div>

        </div>
    </div>
</section>

<style>
    .home-packages-section .home_sub_filrers { margin: 0; gap: 0; }
    .home-packages-section .home_sub_filrers > div:first-child { display: none; }
    .home-packages-section .home_sub_filrers select {
        background: #fff; border: none; font-size: 1rem; font-weight: 700; color: #0a2b4b;
        padding: 0.25rem 0.5rem; border-radius: 0.5rem; cursor: pointer;
    }
    .home-packages-pagination a { text-decoration: none; }
    .home-packages-pagination .home-pag-btn,
    .home-packages-pagination .home-pag-num { box-sizing: border-box; }
    #programs.tw-hidden { display: none !important; }
</style>



<section class="tw-bg-white tw-py-16 tw-border-t tw-border-gray-100" id="faq-section" itemscope itemtype="https://schema.org/FAQPage">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-text-center tw-mb-12">
            <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-block tw-mb-2">Support</span>
            <h2 class="tw-text-4xl md:tw-text-5xl lg:tw-text-7xl tw-font-serif tw-text-navy">Frequently Asked Questions</h2>
            <p class="tw-text-gray-500 tw-max-w-2xl tw-mx-auto tw-mt-4 tw-text-base md:tw-text-lg">Got questions? We’ve got answers. Find everything you need to know to plan your perfect trip.</p>
        </div>
        <div id="faq-container" class="tw-space-y-4 tw-max-w-5xl tw-mx-auto">
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="0" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(0)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Where can I exchange currency?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-0" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-0" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The best currency to take to Egypt is the local currency, the Egyptian pound. However, GBP, Euro, and US dollars are highly exchangeable at local banks, currency exchange offices, and ATM machines.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(1)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is Jordan safe to visit?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-1" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-1" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Jordan is a very safe and stable country. Travelers are able to move around the country freely without extra concern for their safety.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="2" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(2)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Why book with Memphis Tours?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">We have been in the business since 1955 and pride ourselves on using this experience to create consistently high quality, personalized tour experiences.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="3" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(3)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there a special rate for private groups booking with Memphis Tours?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-3" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-3" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Yes, Memphis Tours does provide a discount for private trips booked with large groups.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="4" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(4)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">How much will I have to pay as a deposit? </span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-4" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-4" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The deposit required will be 25% of the total price of the tour, except during peak travel times around Christmas and New Years, when the deposit will be 50% of the total price.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="5" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(5)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any surcharge on transactions completed using a debit or credit card?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-5" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-5" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Memphis Tours does not charge any additional fees or surcharges on any debit or credit card transactions. We accept Visa and MasterCard.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(6)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do Jordanians speak languages other than Arabic?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-6" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-6" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Most Jordanians, who live in the cities, speak or understand at least some English words or phrases.

Fewer Jordanians can speak French, Italian, Spanish, and German.

professionals, who work in the tourism sector, are accustomed to visitors who cannot speak Arabic and they will speak enough English and other languages to fulfill the needs of most travelers.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="7" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(7)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is it a common practice to give tips in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-7" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-7" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Service charges that have been included on your bill go to the restaurant, not the waiter. Be sure to tip the servers 10% in addition by handing it to them directly.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="8" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(8)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What is the official currency in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-8" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-8" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The currency in Jordan is the Jordanian Dinar. The value of the dinar is effectively fixed at the rate of .71 JD to 1 USD (.91 JD to 1 Euro).</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="9" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(9)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Will I be able to exchange dollars, Euros, or other currencies in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-9" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-9" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Changing money is very easy in Jordan, and most major currencies are accepted in cash and travelers cheques. US dollars are the most accepted, followed by UK pounds and euros; you'll get nowhere with Australian or New Zealand dollars.

There are no restrictions on bringing dinars into Jordan. It's possible to change dinars back into some foreign currencies in Jordan, but you'll need to show receipts to prove that you changed your currency into dinars at a bank in Jordan.

Banks seem to offer slightly better rates than money changers for cash, but the difference is not worth worrying about unless you're going to change a huge amount. Most large hotels will change money (sometimes for guests only) but rates are always lower than those offered by the banks and money changers. There are small branches of major banks at the borders and at the airports.

</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="10" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(10)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do I have to learn Arabic in order to enjoy my visit to Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-10" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-10" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">It is always good to learn a few Arabic words to expressing greetings or thanks. If you are planning to visit some places other than popular tourist destinations, it is advisable to learn some Arabic phrases.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="11" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(11)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Can I take pictures while visiting the monuments in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-11" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-11" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">Photography is allowed in most of the historical sites and museums in Jordan, but some of them have extra charges for taking in a camera.

in some museums and some historical sites, photography is prohibited and visitors are asked to leave their cameras at the reception before entering.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="12" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(12)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any special dress code to be followed during visiting a mosque in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-12" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-12" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">modest dress would be highly recommended and in some mosques, women will be asked to cover their hair and perhaps their arms and legs.

Both women and men will be asked to remove their shoes before entering a mosque.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="13" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(13)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Is there any special advice for women travelers while visiting Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-13" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-13" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">In less touristic places, relatively modest dress is recommended. 

Women should avoid very tight clothing, keep their shoulders and knees covered, and avoid very revealing necklines. Men should also avoid particularly revealing clothing.
 
wearing shorts is not very common among Jordanians. Dressing with relative modesty is a way of respecting the local culture.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="14" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(14)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Do I need a visa to enter Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-14" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-14" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">All visitors to Jordan that are not citizens of Turkey or certain Arab countries are required to have a visa to enter the Kingdom of Jordan.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="15" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(15)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">When is the best time to visit Jordan for general sightseeing?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-15" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-15" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The months from March to October are the best time to visit Jordan as the climate is milder and comfortable for sightseeing. You will find many Jordan travel packages suitable for this period of the year. As well, it is the best period of the year if you want to try a combined Jordan and Egypt tour, as the weather in Egypt becomes very moderate during these months.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="16" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(16)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Are there any health issues that I should worry about in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-16" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-16" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">There are no general health issues to worry about for traveling to Jordan aside from the normal issues that one faces traveling to a new place. 

Jordan is a center for medical tourism in the region and has a very well regarded health care system that is centered around Amman.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="17" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(17)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What different types of hotels are there in hotels in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-17" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-17" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">During Jordan vacations, accommodations for travelers in Jordan fall across a broad range — everything from world-class luxury to simple hostel accommodations are available. 

The nicest hotels compare well with luxury hotels anywhere, coming from international hotel chains like Movenpick, Hilton, Four Seasons, and Sofitel. All these luxury hotels are included in our Jordan travel packages. As well as, a step down from these are a variety of local hotels that ranges from luxurious to simple.</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="18" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(18)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">Will it be easy for me to find transportation from the Amman Airport to other destinations in the city?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-18" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-18" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">There are many taxis available that will take you to any place in Amman. A 10 km ride should cost around 2 JD. 

Many will also be willing to take you to other parts of Jordan, but you should negotiate the price beforehand. 

The Airport Express bus runs between Amman Airport and central Amman. The bus costs 3 JD and they usually run every 30 minutes from 6 AM to 6 PM and every hour at night. The trip take between 45 minutes and an hour.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="19" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(19)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">What is the best way to get around while in Jordan?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-19" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-19" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">The easiest way to get around in Jordan is to use the plentiful taxis. Most taxis have meters if you are in Amman you can depend on this. 

A 10 KM trip should be around 2 JD on the meter. Outside of Amman it may be necessary to negotiate a price before you leave. It is also possible to arrange with one driver to use them for a whole day.
</div>
                    </div>
                </div>
            </div>
                                    <div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="20" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                <button type="button" onclick="toggleFAQ(20)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
                    <span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name">How much should I tip?</span>
                    <div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
                        <ion-icon name="chevron-down-outline" id="faq-icon-20" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
                    </div>
                </button>
                <div id="faq-content-20" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
                    <div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
                        <div itemprop="text">In a restaurant, it is good to give between 5 and 10% tip directly to the waiter.

For a small favor, like carrying luggage or parking a car, a few Egyptian pounds would be appropriate. Not more than five.

Tipping your tour guide and vehicle driver is completely optional but should be considered if you're provided with great service. If you decide to tip feel free to give what you think your experience was worth.</div>
                    </div>
                </div>
            </div>
                    </div>
                <div id="faq-load-more-wrap" class="tw-text-center tw-mt-8">
            <button type="button" onclick="loadMoreFAQs()" class="tw-px-8 tw-py-3 tw-bg-white tw-border tw-border-gray-300 tw-rounded-lg tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all tw-duration-300">
                Load More FAQs            </button>
        </div>
            </div>
</section>
<section class="tw-relative tw-py-24 lg:tw-py-32 tw-overflow-hidden tw-group/testimonials" id="home-reviews-section">
    <div class="tw-absolute tw-inset-0 tw-z-0 tw-bg-gradient-to-br tw-from-navy tw-via-[#0e3b66]">
        <div class="tw-absolute tw-inset-0 tw-opacity-5" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
    </div>

    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-relative tw-z-10">
        <div class="tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center">
            <div class="lg:tw-col-span-4 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left">
                <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-text-sm tw-mb-4 tw-block">Voices of Experience</span>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-white tw-mb-8 tw-leading-tight">
                    Stories from<br />
                    <span class="tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-gold tw-to-amber-300">Our Community</span>
                </h2>
                <p class="tw-text-gray-300 tw-text-lg tw-mb-12 tw-leading-relaxed tw-opacity-90 tw-max-w-md tw-mx-auto lg:tw-mx-0">
                    Join :count travelers who have uncovered the magic of :destination with our expert guidance.                </p>
                <div class="tw-flex tw-flex-row lg:tw-flex-col tw-gap-6 tw-justify-center lg:tw-justify-start">
                    <a href="https://g.co/kgs/wUs9Q45" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
                        <div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
                            <img src="/theme/Com2025/img/google.svg" alt="Google" class="tw-w-5 tw-h-5" loading="lazy">
                        </div>
                        <div class="tw-text-left tw-hidden md:tw-block">
                            <div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">Google</div>
                            <div class="tw-flex tw-text-amber-400 tw-text-[10px] tw-gap-0.5">
                                <ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon>                            </div>
                        </div>
                    </a>
                    <a href="https://www.tripadvisor.com/Attraction_Review-g294201-d20398123-Reviews-Memphis_Tours-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
                        <div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
                            <img src="/theme/Com2025/img/tripadvisor.svg" alt="TripAdvisor" class="tw-w-6 tw-h-6 tw-object-contain" loading="lazy">
                        </div>
                        <div class="tw-text-left tw-hidden md:tw-block">
                            <div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">TripAdvisor</div>
                            <div class="tw-flex tw-text-[#00AA6C] tw-text-[8px] tw-gap-0.5">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span>                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <div class="lg:tw-col-span-8 tw-relative">
                <div class="tw-flex tw-items-end tw-justify-end tw-mb-8 tw-gap-4 tw-px-4 lg:tw-px-0">
                    <button type="button" id="prev-review"
                        class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
                        aria-label="Previous review">
                        <ion-icon name="arrow-back-outline" class="tw-text-xl group-hover:-tw-translate-x-1 tw-transition-transform"></ion-icon>
                    </button>
                    <button type="button" id="next-review"
                        class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
                        aria-label="Next review">
                        <ion-icon name="arrow-forward-outline" class="tw-text-xl group-hover:tw-translate-x-1 tw-transition-transform"></ion-icon>
                    </button>
                </div>

                <div id="reviews-scroll" class="tw-flex tw-overflow-x-auto tw-pb-8 tw-snap-x tw-snap-mandatory no-scrollbar" style="scroll-behavior: smooth;">
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    T                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Thomas Henry</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Professional tour guides and nice accommodations&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The tour guides were professional and friendly, and the accommodations were comfortable and clean. I would highly recommend this tour to anyone looking for an unforgettable adventure.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maria Rodriguez</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star" class="tw-opacity-30"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great Guide&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had a good experience on the &amp;#39;Taste of Jordan in Petra Tour&amp;#39; with Memphis Tours. Petra was definitely the highlight of the trip, and the food throughout the tour was delicious.However, there was an issue that our driver was a little late on our trip towards north to Jerash, but Our guide did his best to resolve the issue. Despite this, I still enjoyed the tour and would recommend it to others.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maddie M. Stevens</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo; Two Incredible Countries&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This trip exceeded my expectations and I would highly recommend it to anyone interested in exploring the history and culture of these two incredible countries.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
                                    O                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Olivia Smith</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great time&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Such an amazing and well-organized trip. Tour guides and drivers were very professional.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    S                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Sally Jacobs</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Perfect Tour Ever!!&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This trip exceeded my expectations and I would highly recommend it to anyone interested in exploring the history and culture of these two incredible countries.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    A                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Ava Taylor	</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Great way to explore Latin America&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Such an amazing and well-organized trip. Highly Recommend it.
&amp;nbsp;
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
                                    I                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Isabella Wilson    </h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Best Time&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had the best time on my trip! Our guide was knowledgeable and passionate about the places we visited, and always made sure that everyone was having a great time. His enthusiasm for the local cultures&amp;nbsp;was contagious and I felt like I gained so much from our experience.&amp;nbsp;
&amp;nbsp;
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
                                    A                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Amy Hills</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Thanks Memphis Tours&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I had an amazing time on the &amp;#39;Taste of Jordan in Petra Tour&amp;#39; with Memphis Tours. Our guide was fantastic and went out of his way to ensure we had a great experience. Petra was absolutely stunning, and the food throughout the trip was delicious. I also really enjoyed the visit to Roman Empire. This tour was a great way to experience the best of Jordan, and I would highly recommend it.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
                                    N                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Nora</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Best 12 days&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I and my husband chose the &amp;quot;Mexico, Peru, and Brazil Tour&amp;quot; for my husband&amp;#39;s birthday, It was really worth it, we had so much fun and we saw many places that we heard about before. Thank you Memphis Tours for the amazing itinerary.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                        <div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
                        <article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
                                                        <div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
                                <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
                                Jordan                            </div>
                                                        <div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
                                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
                                    M                                </div>
                                <div>
                                    <h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Maddie M. Stevens</h4>
                                    <div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                                <ion-icon name="star"></ion-icon>
                                                                            </div>
                                </div>
                            </div>
                                                        <h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">&ldquo;Amazing Trip&rdquo;</h5>
                                                                                    <p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The itinerary was well thought-out and allowed us to see all the major sites in both countries. The accommodations were comfortable and the food was delicious. I especially enjoyed visiting the Temple of Karnak and the ancient city of Jerash.
</p>
                                                        <div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
                                                                <span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2023</span>
                                                                <div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
                                    <ion-icon name="checkmark-circle"></ion-icon> Verified Traveler                                </div>
                            </div>
                        </article>
                    </div>
                                    </div>
            </div>
        </div>
    </div>

    <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-overflow-hidden tw-leading-none tw-z-10 tw-pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"
            class="tw-relative tw-block tw-w-[calc(100%+1.3px)] tw-h-[60px] lg:tw-h-[100px] tw-text-white tw-fill-current">
            <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"></path>
        </svg>
    </div>
</section>

    <section class="tw-bg-white tw-py-12 md:tw-py-24 tw-border-t tw-border-gray-100" id="discover-more">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-mb-16 tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-end tw-gap-6">
            <div>
                <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-mb-2 tw-block">Curated Collections</span>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Discover More About :destination</h2>
            </div>
            <p class="tw-text-gray-500 tw-max-w-md tw-text-right md:tw-text-left">Explore unique stories, insider tips, and must-see spots to make the most of your visit.</p>
        </div>

        <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-6 lg:tw-auto-rows-min">

                        <div class="lg:tw-col-span-2 tw-relative tw-rounded-[2.5rem] tw-overflow-hidden tw-group tw-min-h-[450px] lg:tw-min-h-[500px] tw-shadow-2xl tw-flex tw-flex-col tw-justify-end">
                <img src="/theme/Com2025/img/main_slider_image.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[20s] group-hover:tw-scale-105" alt="Top Rated Tours" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
                <div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
                    <span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
                    <span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
                </div>
                <div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
                    <div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
                        <div>
                            <h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Top Rated Tours</h3>
                            <p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
                        </div>
                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-inline-flex tw-items-center tw-gap-2 tw-px-6 tw-py-3 tw-bg-white tw-text-navy tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:tw-text-white tw-transition-all tw-shadow-lg active:tw-scale-95 tw-shrink-0">
                            View Collection                        </a>
                    </div>
                    <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Road to Petra</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/jordan-private-tour" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Taste of Jordan Tour</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Packages/Jordan-Tours-Packages/luxury-tour-to-jordan" target="_blank" rel="noopener noreferrer"
                            class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden tw-hidden md:tw-block">
                            <div class="tw-relative tw-z-10">
                                <h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">Luxury Jordan Tour</h4>
                                <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
                                                                                                        </div>
                            </div>
                        </a>
                                            </div>
                </div>
            </div>
            
                        <div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
                <div>
                    <div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
                        <ion-icon name="compass"></ion-icon>
                    </div>
                    <h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Places to Visit</h3>
                    <p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
                </div>
                <div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Petra-Attractions/wiki/Petra" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-purple-100 hover:tw-bg-purple-50 hover:tw-text-purple-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="diamond-outline" class="tw-text-3xl tw-mb-2 tw-text-purple-600/70 group-hover/style:tw-text-purple-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Petra</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Amman-Attraction/wiki/Amman" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-cyan-100 hover:tw-bg-cyan-50 hover:tw-text-cyan-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="boat-outline" class="tw-text-3xl tw-mb-2 tw-text-cyan-600/70 group-hover/style:tw-text-cyan-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Amman</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Jerash-Attractions/wiki/Jerash" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-orange-100 hover:tw-bg-orange-50 hover:tw-text-orange-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="compass-outline" class="tw-text-3xl tw-mb-2 tw-text-orange-600/70 group-hover/style:tw-text-orange-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Jerash</span>
                    </a>
                                        <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Kerak-Attractions/wiki/karak-travel-guide" target="_blank" rel="noopener noreferrer"
                        class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-red-100 hover:tw-bg-red-50 hover:tw-text-red-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
                        <ion-icon name="people-outline" class="tw-text-3xl tw-mb-2 tw-text-red-600/70 group-hover/style:tw-text-red-600 tw-transition-colors"></ion-icon>
                        <span class="tw-text-xs tw-font-bold tw-text-center">Kerak</span>
                    </a>
                                    </div>
                                <a href="https://www.memphistours.com/Jordan/Jordan-Travel-Guide/Petra-Attractions/wiki/Petra" target="_blank" rel="noopener noreferrer"
                    class="tw-text-center tw-w-full tw-block tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs hover:tw-text-navy tw-transition-colors">View All Styles</a>
                            </div>
            
                        <div class="tw-bg-navy tw-rounded-[2.5rem] tw-relative tw-overflow-hidden tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/dest tw-shadow-xl hover:tw-shadow-2xl tw-transition-all tw-min-h-[400px]">
                <div class="tw-absolute tw-inset-0 tw-opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
                <div class="tw-absolute tw-top-0 tw-right-0 tw-w-64 tw-h-64 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-translate-x-1/2 -tw-translate-y-1/2 tw-transition-transform tw-duration-700 group-hover/dest:tw-scale-150"></div>
                <div class="tw-relative tw-z-10 tw-flex-1">
                    <div class="tw-flex tw-justify-between tw-items-start tw-mb-6">
                        <div class="tw-w-14 tw-h-14 tw-bg-white/5 tw-border tw-border-white/10 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-gold tw-text-2xl group-hover/dest:tw-bg-gold group-hover/dest:tw-border-gold group-hover/dest:tw-text-navy tw-transition-all tw-duration-500 group-hover/dest:tw-scale-105">
                            <ion-icon name="map"></ion-icon>
                        </div>
                        <span class="tw-px-3 tw-py-1 tw-bg-white/10 tw-text-white tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-backdrop-blur-md">9+ Places</span>
                    </div>
                    <h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Inspiring Articles</h3>
                    <p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
                    <ul class="tw-space-y-4">
                                                                        <li>
                            <a href="https://www.memphistours.com/blog/must-try-foods-in-jordan" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">12 Must-Try Foods in Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                                <hr class="tw-border-white/5">                        <li>
                            <a href="https://www.memphistours.com/blog/must-do-activities-and-things-to-do-in-jordan" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">10 Must-Do Activities and Things to Do in Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                                <hr class="tw-border-white/5">                        <li>
                            <a href="https://www.memphistours.com/blog/floating-in-jordan-s-dead-sea" target="_blank" rel="noopener noreferrer"
                                class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
                                <div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
                                    <div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
                                        <ion-icon name="location"></ion-icon>
                                    </div>
                                    <span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Healing and Floating in the Dead Sea of Jordan</span>
                                </div>
                                                            </a>
                        </li>
                                            </ul>
                </div>
                <div class="tw-relative tw-z-10 tw-mt-8">
                    <a href="https://www.memphistours.com/blog/must-try-foods-in-jordan" target="_blank" rel="noopener noreferrer"
                        class="tw-inline-flex tw-items-center tw-justify-center tw-w-full tw-gap-2 tw-p-3 tw-bg-white/5 hover:tw-bg-gold tw-text-white hover:tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs tw-rounded-xl tw-transition-all">
                        Explore All <ion-icon name="arrow-forward"></ion-icon>
                    </a>
                </div>
            </div>
            
                        <div class="lg:tw-col-span-2 tw-bg-gradient-to-br tw-from-cream tw-to-tan-light tw-rounded-[2.5rem] tw-p-8 lg:tw-p-10 tw-flex tw-flex-col md:tw-flex-row tw-gap-8 tw-items-center tw-relative tw-overflow-hidden tw-group/journal tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-border tw-border-gold/10 hover:tw-border-gold/30 tw-transition-colors tw-min-h-[400px]">
                <div class="tw-absolute -tw-bottom-32 -tw-right-32 tw-w-96 tw-h-96 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-transition-transform tw-duration-1000 group-hover/journal:tw-scale-150"></div>
                <div class="tw-flex-1 tw-relative tw-z-10 tw-w-full md:tw-pr-4">
                    <div class="tw-w-14 tw-h-14 tw-bg-white tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 tw-shadow-sm group-hover/journal:-tw-translate-y-1 tw-transition-transform tw-duration-500 tw-border tw-border-gray-100">
                        <ion-icon name="book"></ion-icon>
                    </div>
                    <div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1 tw-bg-green-100/80 tw-text-green-700 tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-mb-4 tw-border tw-border-green-200 tw-backdrop-blur-sm">
                        <span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-green-500 tw-animate-pulse"></span> Expert Guides                    </div>
                    <h3 class="tw-text-4xl lg:tw-text-5xl tw-font-serif tw-text-navy tw-mb-4 tw-leading-tight">Travel Journal</h3>
                    <p class="tw-text-gray-600 tw-text-sm tw-mb-8 tw-max-w-sm tw-leading-relaxed">Expert advice, insider stories, and comprehensive guides for your perfect trip to :destination.</p>
                    <a href="/blog"                        class="tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-3.5 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:-tw-translate-y-1 tw-transition-all tw-shadow-lg hover:tw-shadow-xl active:tw-scale-95">
                        Read Journal                    </a>
                </div>
                <div class="tw-flex-[1.2] tw-flex tw-flex-col tw-gap-4 tw-relative tw-z-10 tw-w-full">
                                        <a href="/blog/street-food-in-istanbul-a-flavorful-guide"
                        class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
                        <div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
                            <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                        </div>
                        <div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
                            <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/806603543ece5868b71acbff2feaa2f6.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Street Food in Istanbul: A Flavorful Guide" loading="lazy">
                        </div>
                        <div class="tw-pr-6 tw-min-w-0">
                                                        <p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Food</p>
                                                        <h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Street Food in Istanbul: A Flavorful Guide</h4>
                        </div>
                    </a>
                                        <a href="/blog/egypt-and-jordan-adventure"
                        class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
                        <div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
                            <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                        </div>
                        <div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
                            <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Please Note: The images used in this article are AI generated to protect our client&#039;s privacy." loading="lazy">
                        </div>
                        <div class="tw-pr-6 tw-min-w-0">
                                                        <p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Traveler Stories</p>
                                                        <h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h4>
                        </div>
                    </a>
                                    </div>
            </div>
            
            
        </div>
    </div>
</section>

<section class="blog-section tw-bg-gray-50 tw-py-16" id="home-travel-journal">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-end tw-mb-8 tw-gap-4">
            <div>
                <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Our Travel Journal</h2>
                <p class="tw-text-gray-600 tw-mt-2 tw-text-base tw-max-w-2xl">Explore our curated travel blogs to Stay updated with the latest travel tips, destination guides, and insider stories!</p>
            </div>
            <a href="/blog"
                class="cta-button tw-hidden sm:tw-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
                data-cta-name="see all blogs"
                data-section-title="our travel journal">
                See all Blogs            </a>
        </div>

        <div class="tw-flex tw-flex-col md:tw-flex-row tw-h-auto md:tw-h-[600px] tw-gap-4 tw-w-full tw-group/journal">
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/street-food-in-istanbul-a-flavorful-guide" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Street Food in Istanbul: A Flavorful Guide"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/806603543ece5868b71acbff2feaa2f6.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Street Food in Istanbul: A Flavorful Guide" title="Street Food in Istanbul: A Flavorful Guide" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Food</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-gold tw-text-navy tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg">Food</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Street Food in Istanbul: A Flavorful Guide</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">From simit and baklava to iconic d&amp;ouml;ner kebabs, street food in Istanbul offers a true taste of Turkish culture you won&amp;rsquo;t forget.
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/egypt-and-jordan-adventure" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes "></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Please Note: The images used in this article are AI generated to protect our client&#039;s privacy." title="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes " loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Traveler Stories</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #00000040;">Traveler Stories</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the magic of an Egypt and Jordan adventure. Explore ancient wonders, iconic landmarks, and rich history on this unforgettable tour.
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/10-things-you-must-do-in-vietnam" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Things You Must Do in Vietnam: My Travel Experience"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/145375db44a745a2c40d2d0c2f538fe8.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Woman soaking in the glow of Hoi An’s iconic lanterns." title="10 Things You Must Do in Vietnam: My Travel Experience" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Activities</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #ff808040;">Activities</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Things You Must Do in Vietnam: My Travel Experience</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">10 things to do in Vietnam for first-time travelers: explore beaches, rice terraces, cities, street food, and cultural highlights.
&amp;nbsp;
</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                        <article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
                <a href="/blog/famous-landmarks-in-the-world" class="tw-absolute tw-inset-0 tw-z-40" aria-label="15 Most Famous Landmarks in the World"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/ded098d2aaea29267923c2180da879f7.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="15 Most Famous Landmarks in the World" title="15 Most Famous Landmarks in the World" loading="lazy">
                <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>

                <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
                    <span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Attractions</span>
                </div>

                <div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
                                        <span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #0080ff40;">Attractions</span>
                                        <h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">15 Most Famous Landmarks in the World</h3>
                                        <p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the wonders of the world as we explore the 15 most famous landmarks that have captured the hearts and imaginations of people across the globe. From iconic architectural marvels to ancient archaeological sites...</p>
                                        <span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
                        Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
                    </span>
                </div>
            </article>
                    </div>

        <div class="tw-mt-8 tw-text-center sm:tw-hidden">
            <a href="/blog"
                class="cta-button tw-inline-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
                data-cta-name="see all blogs"
                data-section-title="our travel journal">
                See all Blogs            </a>
        </div>
    </div>
</section>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    var blogCtaButtons = document.querySelectorAll('.blog-section .cta-button');
    blogCtaButtons.forEach(function(blogCtaButton) {
        blogCtaButton.addEventListener('click', function() {
            var sectionTitle = this.getAttribute('data-section-title') || 'our travel journal';

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'see all blogs',
                'section_title': sectionTitle,
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    });
})();
</script>

<section class="wikis-section tw-bg-[#f8f9fa] tw-py-16" id="know-more-with-memphis">
    <div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
        <div class="tw-mb-12">
            <span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-wider tw-text-sm tw-block tw-mb-2">Guide</span>
            <h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy tw-mb-4">Know more with Memphis</h2>
            <p class="tw-text-gray-600 tw-text-lg tw-max-w-2xl">From travel tips to destination highlights - Explore our travel guide!</p>
        </div>

        <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6">
                        <a href="/jordan/jordan-local-customs"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1477716307_576087487_922eedea238460ff676c75791a1df69f.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="About Dos and Don&#039;ts in Jordan "
                        title="About Dos and Don&#039;ts in Jordan ">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">About Dos and Don&#039;ts in Jordan </h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">A brief list of Do&amp;rsquo;s and Don&amp;#39;ts in Jordan to help visitors fit in with the locals! Know More.!
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/bethany"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/307547928_Baptism%20Scene%20of%20Jesus%20Christ%20by%20John%20the%20Baptist.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Bethany"
                        title="Bethany">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Bethany</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">The site of John the Baptist&amp;#39;s settlement at Bethany Beyond the Jordan, where Jesus was baptized, has long been known from the Bible (John 1:28 and 10:40) and from the Byzantine and medieval te...</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/jordanian-castles"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/796498349_Qasr%20Kharanah2.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Jordanian Desert Castles"
                        title="Jordanian Desert Castles">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Jordanian Desert Castles</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Jordan&amp;#39;s desert castles, beautiful examples of both early Islamic art and architecture, stand testament to a fascinating era in the country&amp;#39;s rich history.
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                        <a href="/jordan/christmas-traditions-in-jordan"
                class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
                <div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
                    <img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
                        data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/291966057_8.jpg"
                        src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                        alt="Christmas Traditions in Jordan"
                        title="Christmas Traditions in Jordan">
                </div>
                <div class="tw-flex tw-flex-col tw-grow">
                    <h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Christmas Traditions in Jordan</h3>
                                        <p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">In Jordan, Christmas holidays begin in early December with dipped fruits in brandy, rum or cognac. Know More.!
</p>
                                        <span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
                        Read Guide <ion-icon name="arrow-forward"></ion-icon>
                    </span>
                </div>
            </a>
                    </div>
    </div>
</section>

    <!-- </div> -->
    
<footer class="tw-bg-white tw-relative tw-overflow-hidden tw-border-t tw-border-gray-100 tw-flex tw-flex-col tw-justify-end tw-min-h-[500px]">
    <div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-z-0 tw-pointer-events-none">
        <div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-white tw-via-white/80 tw-to-transparent tw-z-10 tw-h-[60%] sm:tw-h-[40%]"></div>
        <img src="/theme/Com2025/img/memphi-footer-bk.png" alt="Memphis Tours Background Landscape"
            class="tw-w-full tw-h-auto tw-max-h-[500px] tw-object-cover tw-object-bottom tw-opacity-100 tw-mix-blend-multiply" />
    </div>

    <div class="tw-w-full tw-pt-16 tw-pb-6 tw-relative tw-z-10 tw-flex tw-flex-col tw-items-center tw-text-center tw-px-6">
        <div class="tw-mb-12">
            <a href="/" class="tw-inline-block tw-relative tw-z-10 tw-transition-transform hover:tw-scale-105">
    <img src="/theme/Com2021/img/logo.svg?v=new" alt="Memphis Tours" title="Memphis Tours" class="tw-h-[52px] tw-w-auto" />
</a>
        </div>

        <div class="tw-max-w-[1000px] tw-mx-auto tw-mb-16 tw-flex tw-flex-wrap tw-justify-center tw-gap-x-8 tw-gap-y-5 tw-text-[14px] tw-font-semibold tw-text-navy/80 tw-relative tw-z-10">
                            <a href="/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Privacy Policy                </a>
                            <a href="/general/contact-us" title="Contact Us " class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Contact Us                 </a>
                            <a href="/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Responsible Travel                </a>
                            <a href="/general/terms-conditions" title="Terms &amp; Conditions" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Terms &amp; Conditions                </a>
                            <a href="/general/why-memphis-tours" title="Why Memphis Tours" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Why Memphis Tours                </a>
                            <a href="/general/memphis-rewards-program" title="Welcome to Encore Rewards" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Welcome to Encore Rewards                </a>
                            <a href="/general/careers" title="Careers" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                    Careers                </a>
            
                            <a href="/Partners" title="Become a Partner" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Become a Partner</a>
            
            
                                                <a href="/jordan/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Privacy Policy                    </a>
                                    <a href="/jordan/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Responsible Travel                    </a>
                                    <a href="/jordan/general/terms-conditions" title="Terms &amp; Conditions" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Terms &amp; Conditions                    </a>
                                    <a href="/jordan/general/group-reservation" title="Group Reservation" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Group Reservation                    </a>
                                    <a href="/jordan/general/memphis-vision-and-mission" title="Vision and Mission" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
                        Vision and Mission                    </a>
                            
                            <a href="/travel-health" title="Health Tips When it Comes to Traveling" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Health Tips When it Comes to Traveling</a>
            
                            <a href="/influencer-program" title="Influencer Collaboration with Memphis Tours" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Influencer Collaboration with Memphis Tours</a>
            
                            <a href="/group-travel-offer" title="Group Travel Offer" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">Group Travel Offer</a>
                    </div>

        <div class="tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-12 tw-gap-y-6 tw-mb-12 tw-relative tw-z-10 tw-bg-white/60 tw-p-4 sm:tw-p-6 tw-rounded-2xl tw-backdrop-blur-md tw-border tw-border-white/50 tw-shadow-sm">
            <a href="/iso" class="tw-shrink-0" title="ISO">
                <div class="tw-w-16 tw-h-16 tw-rounded-full tw-border tw-border-dashed tw-border-navy/30 tw-flex tw-flex-col tw-items-center tw-justify-center tw-relative tw-bg-white tw-shadow-sm">
                    <div
                        class="tw-absolute tw-inset-1 tw-rounded-full tw-border tw-border-navy tw-flex tw-flex-col tw-items-center tw-justify-center">
                        <span class="tw-text-navy tw-text-[5px] tw-font-bold tw-leading-none tw-tracking-widest tw-mt-1">QUALITY</span>
                        <span class="tw-text-navy tw-font-black tw-text-xl tw-leading-none">ISO</span>
                        <span class="tw-text-navy tw-text-[7px] tw-font-medium tw-leading-none tw-mb-1">9001:2015</span>
                    </div>
                </div>
            </a>

            <a href="/trip-advisor" class="tw-flex tw-items-center tw-gap-2 tw-shrink-0" title="Tripadvisor">
                <div class="tw-w-10 tw-h-10 tw-bg-[#34E0A1] tw-rounded-full tw-flex tw-gap-1 tw-items-center tw-justify-center tw-p-1.5 tw-shadow-sm tw-border tw-border-black/5">
                    <svg viewBox="0 0 24 24" fill="black" class="tw-w-full tw-h-full">
                        <path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.933 13.9c-.836.837-2.185 1.053-3.216.516l-.717-.373-.717.373c-1.031.537-2.38.321-3.216-.516-.836-.836-1.053-2.185-.516-3.216l.373-.717-.373-.717c-.537-1.031-.321-2.38.516-3.216.836-.836 2.185-1.053 3.216-.516l.717.373.717-.373c1.031-.537 2.38-.321 3.216.516.836.836 1.053 2.185.516 3.216l-.373.717.373.717c.537 1.031.321 2.38-.516 3.216zm-5.65-3.65c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zm7.433 0c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5z" />
                    </svg>
                </div>
                <span class="tw-text-navy tw-font-bold tw-text-xl tw-tracking-tight tw-drop-shadow-sm">Tripadvisor</span>
            </a>

            
            <div class="tw-shrink-0">
                                    <div class="trustpilot-widget" data-locale="en-US" data-template-id="56278e9abfbbba0bdcd568bc" data-businessunit-id="4e34798f00006400051083d9" data-style-height="38px" data-style-width="220px" data-token="5c2cc159-aece-4400-bd8f-42d33b377be2">
                        <a href="https://www.trustpilot.com/review/www.memphistours.com" target="_blank" rel="noopener">
                            <!-- Trustpilot Button Mockup -->
                            <div class="tw-bg-white tw-px-3 tw-py-1.5 tw-flex tw-items-center tw-gap-1.5 tw-cursor-pointer hover:tw-bg-gray-50 tw-transition-colors tw-shadow-sm tw-border tw-border-gray-100 tw-rounded-sm">
                                <span class="tw-text-navy tw-font-bold tw-text-[13px]">Review us on</span>
                                <span class="tw-text-[#00b67a] tw-text-xl tw-leading-none -tw-tw-mt-1">★</span>
                                <span class="tw-text-navy tw-font-black tw-text-lg tw-tracking-tighter tw-leading-none">Trustpilot</span>
                            </div>
                        </a>
                    </div>
                            </div>
        </div>

        <div class="tw-mb-12">
            <div class="tw-flex tw-items-center tw-justify-center tw-gap-6 tw-text-navy/60 tw-text-[22px] tw-relative tw-z-10">
    <a aria-label="facebook" href="https://www.facebook.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-facebook"></ion-icon>
    </a>
    <a aria-label="twitter" href="https://twitter.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <svg viewBox="0 0 24 24" fill="currentColor" class="tw-w-5 tw-h-5">
            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 22.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
        </svg>
    </a>
    <a aria-label="youtube" href="https://www.youtube.com/user/toursinegypt?feature=watch" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-youtube"></ion-icon>
    </a>
    <a aria-label="tiktok" href="" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-tiktok"></ion-icon>
    </a>
    <a aria-label="pinterest" href="https://www.pinterest.com/memphistours/" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-pinterest"></ion-icon>
    </a>
    <a aria-label="instagram" href="https://instagram.com/memphistours" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-instagram"></ion-icon>
    </a>
    <a aria-label="whatsapp" href="https://whatsapp.com/channel/0029VbBPpZUDZ4LVyznHJp0P" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="logo-whatsapp"></ion-icon>
    </a>
    <a aria-label="tripadvisor" href="https://www.tripadvisor.es/Attraction_Review-g294201-d20398123-Reviews-Cairo_Tours_Packages_Memphis_Tours_Egypt-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener" class="hover:tw-text-indigo-900 hover:tw-scale-110 tw-transition-transform tw-bg-white/50 tw-rounded-full tw-p-2 tw-backdrop-blur-sm tw-text-navy/60 tw-text-[22px] tw-inline-flex">
        <ion-icon name="earth-outline"></ion-icon>
    </a>
</div>
        </div>

        <div class="tw-w-full tw-max-w-[1200px] tw-border-t tw-border-navy/10 tw-pt-6 tw-relative tw-z-10">
            <p class="tw-text-navy/70 tw-text-[13px] tw-font-semibold tw-tracking-wide tw-bg-white/40 tw-inline-block tw-px-4 tw-py-1 tw-rounded-full tw-backdrop-blur-sm">
                &copy; 2026 Copyright to MEMPHIS TOURS            </p>
        </div>
    </div>

    <div class="tw-h-16 lg:tw-hidden tw-relative tw-z-10"></div>
</footer>

    


    </body>
    <script src="/js/jquery-1.11.3.min.js?1780571495" full="1"></script><script src="/js/jquery-migrate-1.2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.tools.min.js?1780571495" full="1"></script><script src="/com2025/js/js.js?1780571493" full="1"></script><script src="/js/jquery.lazyload.js?1780571495" full="1"></script><script src="/js/mobile/idangerous.swiper-2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.prettyPhoto.js?1780571495" full="1"></script><script src="/js/jquery-ui1.10.1.js?1780571495" full="1"></script><script src="/js/jquery.ui.touch-punch.min.js?1780571495" full="1"></script><script src="/com2025/js/moment.js?1780571493" full="1"></script><script src="/com2025/js/daterangepicker.js?1780571493" full="1"></script><script src="/com2025/js/mdb.min.js?1780571493" full="1"></script><script src="/js/admin/jquery.autocomplete.js?1780571495" full="1"></script><script src="/js/jquery.validate.js?1780571495" full="1"></script><script src="/com2025/js/multiple-select.js?1780571493" full="1"></script><script src="/js/mobile/owl.carousel.js?1780571495" full="1"></script><script src="/com2025/js/bootstrap.bundle.min.js?1780571493"></script><script type="text/javascript">
window.Com2025PhoneValidation = {
    brazilError: "Enter area code (2 digits) followed by phone number (8 or 9 digits)",
    brazilPlaceholder: "Area code + number, e.g. 11987654321",
    brazilTitle: "Area code: 2 digits. Phone number: 8 or 9 digits."};
</script>
<script src="/com2025/js/phone-validation.js?1780571493"></script>    <script type="text/javascript" >
        jQuery(document).ready(function() {
            jQuery.material.init();
        });
    </script>
    <script type="text/javascript" charset="utf-8">
        jQuery(document).ready(function(){
            jQuery("a[rel^='prettyPhoto']").prettyPhoto();

            jQuery(function() {
                jQuery("img.lazy").lazyload({
                    effect : "fadeIn"
                });

                jQuery("div.lazy").lazyload({
                    effect : "fadeIn"
                });

            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".programBox_wishList").click(function() {
                let element = this;
                let link_data = $(this).data('program_id');
                $.ajax({
                    type: "POST",
                    url: '/ajax/clients/set_wish_list/'+link_data,
                    success: function(data) {
                        if(data == 'success'){
                            console.log($(element));
                            $(element).attr( 'id', 'wish' );
                        }else{
                            $('a[data-program_id="' + link_data + '"] > i.whishstate').css({"color":"red"})
                        }
                    }
                });
            });

            $(".programBox_wishList").each(function() {
                let element = this;
                let link_data = $(this).data('program_id');
                
            });
        });

    </script>
    <script type="text/javascript">
function homeGetPriceInputs() {
    var minEl = document.getElementById('filter-price-min');
    var maxEl = document.getElementById('filter-price-max');
    if (!minEl) {
        minEl = document.querySelector('.home-filter-price-min');
    }
    if (!maxEl) {
        maxEl = document.querySelector('.home-filter-price-max');
    }
    return { minEl: minEl, maxEl: maxEl };
}

function homeSetFilterRadio(name, value) {
    var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
    if (!input) {
        return;
    }
    input.checked = true;
    if (typeof trackFilterEvent === 'function') {
        trackFilterEvent(input);
    }
    if (typeof filter === 'function') {
        filter();
    }
    homeCloseFilterDropdowns();
    homeSyncFilterUiState();
}

function homeApplyPriceFilter() {
    var inputs = homeGetPriceInputs();
    var minEl = inputs.minEl;
    var maxEl = inputs.maxEl;
    var amount = document.getElementById('amount');
    if (!amount) {
        return;
    }
    var min = minEl && minEl.value ? parseInt(minEl.value, 10) : 1;
    var max = maxEl && maxEl.value ? parseInt(maxEl.value, 10) : 12000;
    if (isNaN(min)) {
        min = 1;
    }
    if (isNaN(max)) {
        max = 12000;
    }
    amount.value = '$' + min + ' - $' + max;
    amount.setAttribute('values', min + ',' + max);
    if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
        jQuery('#slider-range').slider('values', [min, max]);
    }
    if (typeof filter === 'function') {
        filter();
    }
    homeCloseFilterDropdowns();
    homeSyncFilterUiState();
}

function homeResetPriceFilter() {
    var amount = document.getElementById('amount');
    if (amount) {
        amount.setAttribute('values', '1,12000');
        amount.value = '$1 - $12000';
    }
    if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
        jQuery('#slider-range').slider('values', [1, 12000]);
    }
    var inputs = homeGetPriceInputs();
    if (inputs.minEl) {
        inputs.minEl.value = 1;
    }
    if (inputs.maxEl) {
        inputs.maxEl.value = 12000;
    }
    if (typeof filter === 'function') {
        filter();
    }
}

function homeClearAllFilters() {
    ['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
        var anyInput = document.querySelector('input[name="' + name + '"][value="0"]');
        if (anyInput) {
            anyInput.checked = true;
        }
    });
    homeResetPriceFilter();
    if (typeof filter === 'function') {
        filter();
    }
    homeSyncFilterUiState();
}

function homeCloseFilterDropdowns() {
    document.querySelectorAll('.home-filter-dropdown').forEach(function(d) {
        d.classList.add('tw-opacity-0', 'tw-invisible');
    });
}

function homeCloseMobileFilter() {
    var modal = document.getElementById('mobile-filter-modal');
    if (modal) {
        modal.classList.add('tw-translate-y-full');
    }
}

function homeSetQuickAccessActive(tagKey) {
    var activeKey = tagKey || 'all';
    document.querySelectorAll('.home-quick-access-btn').forEach(function(btn) {
        var isActive = btn.getAttribute('data-tag') === activeKey;
        btn.classList.toggle('tw-bg-navy', isActive);
        btn.classList.toggle('tw-text-white', isActive);
        btn.classList.toggle('tw-shadow-sm', isActive);
        btn.classList.toggle('tw-bg-white', !isActive);
        btn.classList.toggle('tw-text-gray-600', !isActive);
    });
}

function homeApplyFilterFromQuery(queryString) {
    if (!queryString) {
        return false;
    }
    var params = new URLSearchParams(queryString);
    var nameMap = { Category: 'rootCategory' };
    var applied = false;

    params.forEach(function(value, key) {
        var name = nameMap[key] || key;
        if (['Offer', 'Country', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].indexOf(name) >= 0) {
            var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
            if (input) {
                input.checked = true;
                applied = true;
            }
        } else if (key === 'price') {
            var amount = document.getElementById('amount');
            var parts = String(value).split(',');
            if (amount && parts.length === 2) {
                amount.setAttribute('values', value);
                amount.value = '$' + parts[0] + ' - $' + parts[1];
                if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
                    jQuery('#slider-range').slider('values', [parseInt(parts[0], 10), parseInt(parts[1], 10)]);
                }
                applied = true;
            }
        }
    });

    if (applied && typeof filter === 'function') {
        filter();
    }
    return applied;
}

function filterTours(linkOrAll, title) {
    if (linkOrAll === 'all') {
        homeSetQuickAccessActive('all');
        if (typeof homeClearAllFilters === 'function') {
            homeClearAllFilters();
        }
        return;
    }
    if (title) {
        homeSetQuickAccessActive(title);
    }
    if (!linkOrAll) {
        return;
    }
    var link = String(linkOrAll);
    if (link.indexOf('?') !== -1) {
        var qs = link.split('?').slice(1).join('?');
        if (homeApplyFilterFromQuery(qs)) {
            return;
        }
    }
    window.location.href = link;
}

function homeSyncFilterUiState() {
    var hasFilter = false;
    ['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
        var checked = document.querySelector('input[name="' + name + '"]:checked');
        if (checked && checked.value !== '0') {
            hasFilter = true;
        }
    });
    var amount = document.getElementById('amount');
    if (amount) {
        var vals = amount.getAttribute('values');
        if (vals && vals !== '1,12000' && vals !== '0,12000') {
            hasFilter = true;
        }
    }
    var clearBtn = document.getElementById('btn-clear-all');
    if (clearBtn) {
        clearBtn.classList.toggle('tw-hidden', !hasFilter);
    }
}

document.addEventListener('DOMContentLoaded', function() {
    var quickAccessContainer = document.getElementById('quick-access-container');
    if (quickAccessContainer) {
        quickAccessContainer.addEventListener('click', function(e) {
            var btn = e.target.closest('.home-quick-access-btn');
            if (!btn) {
                return;
            }
            if (btn.getAttribute('data-quick-access') === 'all' || btn.getAttribute('data-tag') === 'all') {
                filterTours('all');
                return;
            }
            filterTours(btn.getAttribute('data-link'), btn.getAttribute('data-tag'));
        });
    }

    document.querySelectorAll('.home-filter-dropdown-btn').forEach(function(btn) {
        btn.addEventListener('click', function(e) {
            e.stopPropagation();
            var dropdown = this.nextElementSibling;
            if (!dropdown || !dropdown.classList.contains('home-filter-dropdown')) {
                return;
            }
            var isHidden = dropdown.classList.contains('tw-invisible');
            homeCloseFilterDropdowns();
            if (isHidden) {
                dropdown.classList.remove('tw-opacity-0', 'tw-invisible');
            }
        });
    });
    document.addEventListener('click', homeCloseFilterDropdowns);

    if (typeof jQuery !== 'undefined') {
        jQuery(document).on('slide', '#slider-range', function(event, ui) {
            var inputs = homeGetPriceInputs();
            if (inputs.minEl) {
                inputs.minEl.value = ui.values[0];
            }
            if (inputs.maxEl) {
                inputs.maxEl.value = ui.values[1];
            }
        });
    }

    setTimeout(function() {
        var inputs = homeGetPriceInputs();
        var amount = document.getElementById('amount');
        if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length) {
            var vals = jQuery('#slider-range').slider('values');
            if (inputs.minEl && inputs.maxEl) {
                inputs.minEl.value = vals[0];
                inputs.maxEl.value = vals[1];
            }
            if (amount) {
                amount.setAttribute('values', vals[0] + ',' + vals[1]);
            }
        }
        homeSyncFilterUiState();
        if (document.querySelectorAll('.home-quick-access-btn').length) {
            var hasFilterParam = ['Offer', 'Country', 'Category', 'Style', 'Group', 'Activity', 'Duration', 'price'].some(function(key) {
                return window.location.search.indexOf(key + '=') !== -1;
            });
            if (!hasFilterParam) {
                homeSetQuickAccessActive('all');
            }
        }
    }, 100);
});
</script>
<script type="text/javascript">
    function changeCountries(Country, element) {
        // Track filter event before redirect
        if (element) {
            trackFilterEvent(element);
        }
        window.location.replace('/'+Country);
    }
    
    // Track filter events for GTM
    function trackFilterEvent(element) {
        window.dataLayer = window.dataLayer || [];
        
        // Find the parent filter box
        var filterBox = element.closest('.left_filter_all_box');
        if (!filterBox) return;
        
        // Get the filter title (filter_by)
        var filterTitleElement = filterBox.querySelector('.left_filter_all_box_title');
        var filterBy = filterTitleElement ? filterTitleElement.textContent.trim().toLowerCase() : '';
        
        // Get the selected value (filter_value)
        var filterValue = '';
        if (element.type === 'radio' && element.checked) {
            // Get the label text for the selected radio button
            var label = filterBox.querySelector('label[for="' + element.id + '"]');
            if (!label) {
                // Try to find label that contains this input
                label = element.closest('label');
            }
            if (label) {
                // Get text content, excluding the radio button itself
                var labelText = label.textContent || label.innerText;
                filterValue = labelText.trim().toLowerCase();
            }
        }
        
        // Push filter event to dataLayer
        if (filterBy && filterValue) {
            var dataLayerEvent = {
                'event': 'filter',
                'filter_by': filterBy,
                'filter_value': filterValue
            };
            
            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        }
    }
    
    // Attach event listeners to all filter inputs
    document.addEventListener('DOMContentLoaded', function() {
        var filterInputs = document.querySelectorAll('.left_filter_all_box input[type="radio"]');
        filterInputs.forEach(function(input) {
            input.addEventListener('change', function() {
                trackFilterEvent(this);
            });
        });
    });
</script>
    <!--<script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script>-->
<script>
        var fired = false;
        window.addEventListener('scroll', function() {
            let scroll = window.scrollY;
            if (scroll > 0  && fired === false) {
                var recaptchaScript = document.createElement('script');
                recaptchaScript.src = 'https://www.google.com/recaptcha/api.js?hl=en';
                recaptchaScript.defer = true;
                document.body.appendChild(recaptchaScript);
                fired = true;
                console.log('On scroll fired');
            }
        }, true);
        $( document ).ready(function() {
            function onload() {
            var element = document.getElementById('Enquire-btn');
            element.onclick = validate;
          }
          onload();
        });

        function openMomoAI() {
            if (typeof window.openMomoAIModal === 'function') {
                window.openMomoAIModal();
                return;
            }
            var formEl = document.getElementById('bookFormNew');
            if (formEl) {
                formEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        }

        function validate(event) {
            event.preventDefault();
            window.dataLayer = window.dataLayer || [];

            jQuery("#bookFormNew").validate({
                errorPlacement: function(error, element) {
                    error.insertAfter(element);
                    element.focus();

                    // Track form_error event
                    var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
                    var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
                    var errorMessage = error.text() || 'missing field';

                    var dataLayerEvent = {
                        'event': 'form_error',
                        'destination': destination,
                        'error_message': errorMessage.toLowerCase(),
                        'currency': currency
                    };

                    console.log('GTM Event Pushed:', dataLayerEvent);
                    window.dataLayer.push(dataLayerEvent);
                }
            });
            var isFormValid = $("#bookFormNew").valid();
            if (isFormValid) {
                // Mark form as submitted to prevent abandon event
                if (typeof window.setFormSubmitted === 'function') {
                    window.setFormSubmitted();
                }

                grecaptcha.execute();
            }
        }

        function SubmitForm(data) {
            if ($("#gRecaptchaResponse").val() == '') {
                 $("#gRecaptchaResponse").val(data);
            }

            // Mark form as submitted to prevent abandon event
            if (typeof window.setFormSubmitted === 'function') {
                window.setFormSubmitted();
            }

            // Track form_submission event
            window.dataLayer = window.dataLayer || [];

            var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
            var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
            var nationality = ($('#nationality').val() || '').toLowerCase();
            var noOfAdults = parseInt($('input[name="adults"]').val() || 0);
            var noOfChildren = parseInt($('input[name="children"]').val() || 0);
            var noOfInfants = parseInt($('input[name="infants"]').val() || 0);
            var email = ($('#UserEmail').val() || '').toLowerCase();
            var phoneNumber = ($('#UserPhone').val() || '');
            var countryCode = ($('#phone_ext').val() || '');

            // Calculate tour_duration_days from arrival and departure dates
            var tourDurationDays = 0;
            var arrivalDate = $('#datepickerArrival2').val();
            var departureDate = $('#datepickerDeparture2').val();
            if (arrivalDate && departureDate) {
                try {
                    var arrival = $.datepicker.parseDate('dd/mm/yy', arrivalDate);
                    var departure = $.datepicker.parseDate('dd/mm/yy', departureDate);
                    if (arrival && departure) {
                        var timeDiff = departure.getTime() - arrival.getTime();
                        tourDurationDays = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));
                        if (tourDurationDays < 0) tourDurationDays = 0;
                    }
                } catch(e) {
                    tourDurationDays = 0;
                }
            }

            var dataLayerEvent = {
                'event': 'form_submission',
                'destination': destination,
                'currency': currency,
                'nationality': nationality,
                'no_of_adults': noOfAdults,
                'no_of_children': noOfChildren,
                'no_of_infants': noOfInfants,
                'email': email,
                'phone_number': '+' + countryCode + phoneNumber,
                'tour_duration_days': tourDurationDays
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);

            var btn = document.getElementById("Enquire-btn");
            if (btn) { btn.classList.add("is-loading"); btn.disabled = true; }
            document.getElementById("bookFormNew").submit();
        }
        // var disableddates = [];
        // function DisableSpecificDates(date) {
        //     var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
        //     return [disableddates.indexOf(string) == -1];
        // }
        jQuery(function() {
          jQuery("#datepickerArrival2").datepicker({
                defaultDate: '+2d',
                dateFormat: 'dd/mm/yy',
                showOn: "both",
                buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
                buttonImageOnly: false,
                minDate: 2,
                onClose: function(selectedDate) {
                if (selectedDate) {
                    var date = $.datepicker.parseDate("dd/mm/yy", selectedDate);
                    date.setDate(date.getDate() + 1); // Add 1 day
                    jQuery("#datepickerDeparture2").datepicker("option", "minDate", date);
                }
            }
          });
            jQuery( "#datepickerDeparture2" ).datepicker({
                defaultDate: "+1d",
                dateFormat: 'dd/mm/yy',
                showOn: "both",
                buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
                buttonImageOnly: false,
                minDate: 0,
            });
        });

        function updateAgeFieldsAll(a, b, c) {
            var d = $("[ageDesc='" + c + "']");
            d.find(".age-input-div").length && d.find(".age-input-div").remove();
            for (var e = 0; b > e; e++) {
                if( c == "infant"){
                    var f = $("#ageInputDiv").clone().removeAttr("id").addClass("hidden age-input-div").removeClass("form-group label-floating");
                    f.find(".div-1").html("<input id='" + c + e + "' type='hidden' size='3' class='form-control' maxlength='2'  min='1' value='1.99' max='11.99' name='infants_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
                }else{
                    var f = $("#ageInputDiv").clone().removeAttr("id").addClass("col-md-6 age-input-div");
                    f.find(".div-0").html("<label for='" + c + e + "'>Age of Child "+ (e+1) +"</label>"), f.find(".div-1").html("<input id='" + c + e + "' type='number' size='3' class='form-control' value=''  maxlength='2' required min='2' max='11.99' name='children_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
                }
            }
        }

        function updateAgeSelectionAll(a) {
            var b = 0,
                c = 0,
                d = $('[id^="ageBands\\["]');
            d.each(function() {
                b += parseInt($(this).val())
            }), c = a - b, d.each(function() {
                var a = $(this),
                    b = parseInt(a.val()) + c,
                    d = a.val(),
                    e = 0;
                a.val(d)
            })
        }

        function paxOnChangeAll(a, b, c, d, e) {
            "Adult" === c ? updateAgeSelectionAll(e) : (updateAgeFieldsAll(a, b, c.toLowerCase()), updateAgeSelectionAll(e))
        }

        function validateMail() {
/*
            let mailValue = jQuery('#UserEmail').val();
            var settings = {
                "url": "https://api.sendgrid.com/v3/validations/email",
                "method": "POST",
                "timeout": 0,
                "headers": {
                    "Authorization": "Bearer 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",
                    "Content-Type": "text/plain"
                },
                "data": "{\r\n    \"email\": \""+mailValue+"\",\r\n     \"source\": \"Requests\"\r\n}",
            };

            if(mailValue.length > 1) {
                $.ajax(settings).done(function (response) {
                    if (response.result.verdict == "Invalid") {
                        jQuery('#UserEmail').css({"border": "1px solid red", "color": "red"});
                        jQuery('#Enquire-btn').attr('disabled', 'disabled')
                        jQuery('#mail-validation').html('Please enter a Valid Email');
                        jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
                    } else {
                        jQuery('#UserEmail').css({"border": "1px solid #757575", "color": "#757575"});
                        jQuery('#Enquire-btn').removeAttr('disabled');
                        jQuery('#mail-validation').html('');
                        jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
                    }

                });
            }
*/
        }
    </script>
                <script type="text/javascript">
                                        updateAgeSelectionAll(9);
                </script>
                    <script>
        // Track form_start event when user focuses on any form field (first interaction)
        // Also track form_abandon when user leaves the form
        (function() {
            window.dataLayer = window.dataLayer || [];
            var formStartFired = false;
            var formSubmitted = false;
            var lastFieldName = '';

            // Make formSubmitted accessible globally so we can set it from validate function
            window.setFormSubmitted = function() {
                formSubmitted = true;
            };

            var form = document.getElementById('bookFormNew');
            if (form) {
                var formFields = form.querySelectorAll('input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea');

                formFields.forEach(function(field) {
                    field.addEventListener('focus', function() {
                        if (!formStartFired) {
                            formStartFired = true;

                            var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
                            var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';

                            var dataLayerEvent = {
                                'event': 'form_start',
                                'destination': destination,
                                'currency': currency
                            };

                            console.log('GTM Event Pushed:', dataLayerEvent);
                            window.dataLayer.push(dataLayerEvent);
                        }
                        // Track last field name
                        lastFieldName = field.name || field.id || '';
                    }, { once: true });

                    // Also track on blur to capture the last field
                    field.addEventListener('blur', function() {
                        lastFieldName = field.name || field.id || '';
                    });
                });

                // Track form submission to prevent abandon event
                form.addEventListener('submit', function() {
                    formSubmitted = true;
                });

                // Track form_abandon when user leaves the page
                function trackFormAbandon() {
                    if (formStartFired && !formSubmitted) {
                        var tourName = (document.getElementById('gtm_tour_name') ? document.getElementById('gtm_tour_name').value : '').toLowerCase();
                        var tourType = (document.getElementById('gtm_tour_type') ? document.getElementById('gtm_tour_type').value : '').toLowerCase();
                        var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();

                        // Get field name - use the name attribute, fallback to id, or empty string
                        var fieldName = lastFieldName || '';

                        var dataLayerEvent = {
                            'event': 'form_abandon',
                            'tour_name': tourName,
                            'tour_type': tourType,
                            'destination': destination,
                            'form_field_name': fieldName
                        };

                        console.log('GTM Event Pushed:', dataLayerEvent);
                        window.dataLayer.push(dataLayerEvent);
                    }
                }

                // Listen for page unload
                window.addEventListener('beforeunload', function() {
                    trackFormAbandon();
                });

                // Listen for visibility change (tab switch, minimize, etc.)
                document.addEventListener('visibilitychange', function() {
                    if (document.hidden) {
                        trackFormAbandon();
                    }
                });
            }
        })();
    </script>
    <script>

        jQuery('.btn-number.book_all').click(function(e){
            e.preventDefault();

            fieldName = jQuery(this).attr('data-field');
            type      = jQuery(this).attr('data-type');
            var input = jQuery("input[id='"+fieldName+"']");

            var currentVal = parseInt(input.val());

            if (!isNaN(currentVal)) {
                if(type == 'minus') {

                    if(currentVal > input.attr('min')) {
                        input.val(currentVal - 1).change();
                    }
                    if(parseInt(input.val()) == input.attr('min')) {
                        jQuery(this).attr('disabled', true);
                    }

                } else if(type == 'plus') {

                    if(currentVal < input.attr('max')) {
                        input.val(currentVal + 1).change();
                    }
                    if(parseInt(input.val()) == input.attr('max')) {
                        jQuery(this).attr('disabled', true);
                    }

                }
            } else {
                input.val(1);
            }
        });
        jQuery('.input-number.book_all').focusin(function(){
            jQuery(this).data('oldValue', jQuery(this).val());
        });
        jQuery('.input-number.book_all').change(function() {

            minValue =  parseInt(jQuery(this).attr('min'));
            maxValue =  parseInt(jQuery(this).attr('max'));
            valueCurrent = parseInt(jQuery(this).val());

            name = jQuery(this).attr('id');
            if(valueCurrent >= minValue) {
                jQuery(".btn-number.book_all[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
            } else {
                alert('Sorry, the minimum value was reached');
                jQuery(this).val(jQuery(this).data('oldValue'));
            }
            if(valueCurrent <= maxValue) {
                jQuery(".btn-number.book_all[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
            } else {
                alert('Sorry, the maximum value was reached');
                jQuery(this).val(jQuery(this).data('oldValue'));
            }


        });
        jQuery(".input-number.book_all").keydown(function (e) {
            // Allow: backspace, delete, tab, escape, enter and .
            if (jQuery.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
                // Allow: Ctrl+A
                (e.keyCode == 65 && e.ctrlKey === true) ||
                // Allow: home, end, left, right
                (e.keyCode >= 35 && e.keyCode <= 39)) {
                // let it happen, don't do anything
                return;
            }
            // Ensure that it is a number and stop the keypress
            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
        });

        jQuery.material.init();
        jQuery.material.checkbox();

        function valueChanged(){
            if(jQuery('.flight').is(":checked")) {
                jQuery("#departure_airport").attr("required", true);
                jQuery(".flight_from").show();
            }else{
                jQuery(".flight_from").hide();
                jQuery("#departure_airport").attr("required", false);
            }
        }

        function childAge(){
            if(jQuery('.children').val().length != 0) {
                jQuery(".children_age").attr("required", true);
            }else{
                jQuery(".children_age").attr("required", false);
            }
        }
    </script>
<script type="text/javascript">
(function() {
    var activeViewClasses = ['tw-bg-white', 'tw-text-navy', 'tw-shadow-md', 'tw-scale-105'];
    var inactiveViewClasses = ['tw-text-gray-500', 'hover:tw-text-navy', 'hover:tw-bg-white/50'];

    function setViewButtonState(btn, isActive) {
        if (!btn) return;
        if (isActive) {
            btn.classList.add.apply(btn.classList, activeViewClasses);
            inactiveViewClasses.forEach(function(c) { btn.classList.remove(c); });
        } else {
            btn.classList.remove.apply(btn.classList, activeViewClasses);
            inactiveViewClasses.forEach(function(c) { btn.classList.add(c); });
        }
    }

    window.toggleView = function(view) {
        var listBtn = document.getElementById('btn-view-list');
        var mapBtn = document.getElementById('btn-view-map');
        var programs = document.getElementById('programs');
        var mapView = document.getElementById('map-view');
        var pagination = document.getElementById('home-pagination');
        var loader = document.getElementById('loader_div');

        if (view === 'map' && mapView) {
            setViewButtonState(listBtn, false);
            setViewButtonState(mapBtn, true);
            if (programs) programs.classList.add('tw-hidden');
            if (pagination) pagination.classList.add('tw-hidden');
            if (loader) loader.classList.add('tw-hidden');
            mapView.classList.remove('tw-hidden');
        } else {
            setViewButtonState(mapBtn, false);
            setViewButtonState(listBtn, true);
            if (mapView) mapView.classList.add('tw-hidden');
            if (programs) programs.classList.remove('tw-hidden');
            if (pagination) pagination.classList.remove('tw-hidden');
            if (loader) loader.classList.remove('tw-hidden');
        }
    };

    window.homePackagesAfterLoad = function() {
        if (typeof updateSiteRatesTop === 'function') {
            updateSiteRatesTop('1', false);
        }
        if (typeof jQuery !== 'undefined') {
            jQuery('img.lazy').lazyload({ effect: 'fadeIn' });
            jQuery('div.lazy').lazyload({ effect: 'fadeIn' });
        }
        if (typeof updatecount === 'function') {
            updatecount();
        }
        window.toggleView('list');
        homeBindViewTripLinks();
    };

    window.homeBindViewTripLinks = function homeBindViewTripLinks() {
        var h1Element = document.querySelector('.banner_content h1');
        var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
        document.querySelectorAll('.view-trip-link').forEach(function(link) {
            if (link.dataset.gtmBound === '1') return;
            link.dataset.gtmBound = '1';
            link.addEventListener('click', function() {
                window.dataLayer = window.dataLayer || [];
                window.dataLayer.push({
                    event: 'view_trip_details',
                    tour_name: (this.getAttribute('data-tour-name') || '').toLowerCase(),
                    tour_type: (this.getAttribute('data-tour-type') || 'private').toLowerCase(),
                    section_title: sectionTitle,
                    destination: (this.getAttribute('data-destination') || 'multi-country').toLowerCase()
                });
            });
        });
    }

    document.addEventListener('DOMContentLoaded', function() {
        homeBindViewTripLinks();
        var anchor = document.getElementById('tours-anchor');
        if (anchor && window.location.hash === '#programs') {
            anchor.scrollIntoView({ behavior: 'smooth' });
        }
    });
})();
</script>
<script type="text/javascript">
(function() {
    var faqOpenIndex = null;

    window.toggleFAQ = function(index) {
        var content = document.getElementById('faq-content-' + index);
        var icon = document.getElementById('faq-icon-' + index);
        if (!content) {
            return;
        }

        var isOpen = content.classList.contains('faq-open');

        document.querySelectorAll('#faq-container [id^="faq-content-"]').forEach(function(el) {
            el.style.maxHeight = '0';
            el.classList.remove('faq-open');
        });
        document.querySelectorAll('#faq-container [id^="faq-icon-"]').forEach(function(el) {
            el.classList.remove('tw-rotate-180');
        });

        if (!isOpen) {
            content.classList.add('faq-open');
            content.style.maxHeight = content.scrollHeight + 'px';
            if (icon) {
                icon.classList.add('tw-rotate-180');
            }
            faqOpenIndex = index;
        } else {
            faqOpenIndex = null;
        }
    };

    window.loadMoreFAQs = function() {
        document.querySelectorAll('#faq-container .home-faq-item-hidden').forEach(function(el) {
            el.classList.remove('home-faq-item-hidden', 'tw-hidden');
        });
        var wrap = document.getElementById('faq-load-more-wrap');
        if (wrap) {
            wrap.classList.add('tw-hidden');
        }
        if (faqOpenIndex !== null) {
            var openContent = document.getElementById('faq-content-' + faqOpenIndex);
            if (openContent && openContent.classList.contains('faq-open')) {
                openContent.style.maxHeight = openContent.scrollHeight + 'px';
            }
        }
    };

    window.addEventListener('resize', function() {
        if (faqOpenIndex === null) {
            return;
        }
        var openContent = document.getElementById('faq-content-' + faqOpenIndex);
        if (openContent && openContent.classList.contains('faq-open')) {
            openContent.style.maxHeight = openContent.scrollHeight + 'px';
        }
    });
})();
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
    var scrollEl = document.getElementById('reviews-scroll');
    var prevBtn = document.getElementById('prev-review');
    var nextBtn = document.getElementById('next-review');
    if (!scrollEl || !prevBtn || !nextBtn) {
        return;
    }
    function scrollReviews(direction) {
        scrollEl.scrollBy({ left: direction * scrollEl.clientWidth, behavior: 'smooth' });
    }
    prevBtn.addEventListener('click', function() { scrollReviews(-1); });
    nextBtn.addEventListener('click', function() { scrollReviews(1); });
});
</script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        
                    jQuery('input[value="14"][name="Country"]').prop('checked', true);
        
        
        
        
        
        
                    jQuery('input[value="98"][name="rootCategory"]').prop('checked', true);
        

        jQuery("#slider-range").slider({
            range: true,
            min:0,
            max: 12000,
            values: [ 1,12000 ],
            slide: function( event, ui ) {
                jQuery( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
                jQuery( "#amount" ).attr("values",  ui.values[ 0 ] + "," + ui.values[ 1 ] );

                var OffercheckboxValues = [];
                jQuery('input[name="Offer"]:checked').each(function() {
                    OffercheckboxValues.push(jQuery(this).val());
                });
                var countrycheckboxValues = [];
                jQuery('input[name="Country"]:checked').each(function() {
                    countrycheckboxValues.push(jQuery(this).val());
                });

                var rootCheckboxValues = [];
                jQuery('input[name="rootCategory"]:checked').each(function() {
                    rootCheckboxValues.push(jQuery(this).val());
                });

                var StylecheckboxValues = [];
                jQuery('input[name="Style"]:checked').each(function() {
                    StylecheckboxValues.push(jQuery(this).val());
                });

                var GroupcheckboxValues = [];
                jQuery('input[name="Group"]:checked').each(function() {
                    GroupcheckboxValues.push(jQuery(this).val());
                });

                var ActivitycheckboxValues = [];
                jQuery('input[name="Activity"]:checked').each(function() {
                    ActivitycheckboxValues.push(jQuery(this).val());
                });
                var DurationcheckboxValues = [];
                jQuery('input[name="Duration"]:checked').each(function() {
                    DurationcheckboxValues.push(jQuery(this).val());
                });


                filterRows(OffercheckboxValues,countrycheckboxValues,rootCheckboxValues,StylecheckboxValues,GroupcheckboxValues,ActivitycheckboxValues, DurationcheckboxValues);

            }
        });

        jQuery( "#amount" ).val( "$" + jQuery( "#slider-range" ).slider( "values", 0 ) +  " - $" + jQuery( "#slider-range" ).slider( "values", 1 ) );

    });
    function filter() {
        var OffercheckboxValues = [];
        jQuery('input[name="Offer"]:checked').each(function() {
            OffercheckboxValues.push(jQuery(this).val());
        });

        var countrycheckboxValues = [];
        jQuery('input[name="Country"]:checked').each(function() {
            countrycheckboxValues.push(jQuery(this).val());
        });

        var rootCheckboxValues = [];
        jQuery('input[name="rootCategory"]:checked').each(function() {
            rootCheckboxValues.push(jQuery(this).val());
        });
        var StylecheckboxValues = [];
        jQuery('input[name="Style"]:checked').each(function() {
            StylecheckboxValues.push(jQuery(this).val());
        });

        var GroupcheckboxValues = [];
        jQuery('input[name="Group"]:checked').each(function() {
            GroupcheckboxValues.push(jQuery(this).val());
        });

        var ActivitycheckboxValues = [];
        jQuery('input[name="Activity"]:checked').each(function() {
            ActivitycheckboxValues.push(jQuery(this).val());
        });
        var DurationcheckboxValues = [];
        jQuery('input[name="Duration"]:checked').each(function() {
            DurationcheckboxValues.push(jQuery(this).val());
        });

        filterRows(OffercheckboxValues,countrycheckboxValues,rootCheckboxValues,StylecheckboxValues,GroupcheckboxValues,ActivitycheckboxValues, DurationcheckboxValues);

    }
    function filterRows(Offer, Country, rootCategory, Style, Group, Activity, Duration ){

        var sortType = jQuery('#getSortType').val();
        var range = jQuery( "#amount" ).attr( "values");

        if ( typeof Offer == 'undefined') {
            Offer = "";
        }
        if ( typeof Country == 'undefined') {
            Country = "";
        }
        if ( typeof rootCategory == 'undefined') {
            rootCategory = "";
        }
        if ( typeof Style == 'undefined') {
            Style = "";
        }
        if ( typeof Group == 'undefined') {
            Group = "";
        }
        if ( typeof Activity == 'undefined') {
            Activity = "";
        }
        if (typeof Duration == 'undefined') {
            Duration = "";
        }

        if (typeof range == 'undefined') {
            range = "";
        }

        jQuery('input[name="Offer"]').val(Offer);
        jQuery('input[name="Country"]').val(Country);
        jQuery('input[name="rootCategory"]').val(rootCategory);
        jQuery('input[name="Style"]').val(Style);
        jQuery('input[name="Activity"]').val(Activity);
        jQuery('input[name="Duration"]').val(Duration);

        jQuery('input[name="price"]').val(range);

        history.pushState({}, null, "/jordan/jordan-travel-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range);

        jQuery('input:radio').attr('disabled','disabled');

        jQuery('#programs').html('<div style="float:left;width: 100%;text-align: center; color:#adadad;"><br><br><img height="80px" alt="loading" id="load" src="/img/loader.svg"><br><br>Please wait while loading content ....<br><br></div>');
        jQuery('#programs').load("/jordan/jordan-travel-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range, function(){
            if (typeof homePackagesAfterLoad === 'function') {
                homePackagesAfterLoad();
            } else {
                updateSiteRatesTop('1',false);
                jQuery("img.lazy").lazyload({effect : "fadeIn"});
                jQuery("div.lazy").lazyload({effect : "fadeIn"});
                updatecount();
            }
            jQuery('input:radio').removeAttr("disabled");
            var toursAnchor = document.getElementById('tours-anchor');
            if (toursAnchor) {
                toursAnchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        });
    }
    function updatecount(){
        var progCount = jQuery('#programs_more').attr("progCount");
        jQuery('#programs_count').html(progCount);

    }

    jQuery.material.init();
    jQuery.material.checkbox();
</script>
<script>
        document.addEventListener("DOMContentLoaded", function () {
            const overview = document.querySelector(".content_desc");
            if (!overview) return;
            const btn = overview.querySelector(".toggle-btn");
            if (!btn) return;
            const labelSpan = btn.querySelector("span");
            const labelMore = "Read more";
            const labelLess = "Read less";

            btn.addEventListener("click", function () {
                overview.classList.toggle("expanded");
                const isExpanded = overview.classList.contains("expanded");
                const label = isExpanded ? labelLess : labelMore;
                if (labelSpan) {
                    labelSpan.textContent = label;
                } else {
                    btn.textContent = label;
                }
            });
        });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const swiper = new Swiper('.gallerySwiper', {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: false,
            speed: 800,

            // Navigation arrows
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // Update progress bar
            on: {
                init: function () {
                    updateProgressBar(this);
                },
                slideChange: function () {
                    updateProgressBar(this);
                }
            }
        });

        function updateProgressBar(slider) {
            const totalSlides = slider.slides.length;
            if (totalSlides <= 1) {
                document.querySelector('.swiper-progress-bar').style.width = '100%';
                return;
            }

            const currentIndex = slider.activeIndex;
            const progress = (currentIndex / (totalSlides - 1)) * 100;
            document.querySelector('.swiper-progress-bar').style.width = progress + '%';
        }
    });
</script>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    // Get section title from h1
    var h1Element = document.querySelector('.banner_content h1');
    var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';

    // Find all view trip links on the page
    if (typeof homeBindViewTripLinks === 'function') {
        homeBindViewTripLinks();
        return;
    }

    var viewTripLinks = document.querySelectorAll('.view-trip-link');

    viewTripLinks.forEach(function(link) {
        if (link.dataset.gtmBound === '1') return;
        link.dataset.gtmBound = '1';
        link.addEventListener('click', function(e) {
            // Push tracking immediately (non-blocking)
            var tourName = (this.getAttribute('data-tour-name') || '').toLowerCase();
            var tourType = (this.getAttribute('data-tour-type') || 'private').toLowerCase();
            var destination = (this.getAttribute('data-destination') || 'multi-country').toLowerCase();

            var dataLayerEvent = {
                'event': 'view_trip_details',
                'tour_name': tourName,
                'tour_type': tourType,
                'section_title': sectionTitle,
                'destination': destination
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);

            // Allow navigation to proceed immediately (no delay)
            // The dataLayer push is synchronous and very fast
        });
    });
})();
</script>
<script>
(function() {
    window.dataLayer = window.dataLayer || [];

    // Get section title from h1
    var h1Element = document.querySelector('.banner_content h1');
    var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';

    // Track CTA button clicks
    var ctaButtons = document.querySelectorAll('.content_button .cta-button');
    ctaButtons.forEach(function(button) {
        button.addEventListener('click', function(e) {
            // var ctaName = (this.getAttribute('data-cta-name') || this.textContent.trim()).toLowerCase();
            var destination = (this.getAttribute('data-destination') || '').toLowerCase();

            var dataLayerEvent = {
                'event': 'cta_click',
                'cta_name': 'help me plan my trip',
                'section_title': sectionTitle,
                'destination': destination
            };

            console.log('GTM Event Pushed:', dataLayerEvent);
            window.dataLayer.push(dataLayerEvent);
        });
    });
})();
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var swiper = new Swiper(".multiSwiper", {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: true,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            breakpoints: {
                768: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
                1024: {
                    slidesPerView: 2.6,
                    spaceBetween: 20,
                },
            }
        });
    });
</script>
    <script type="text/javascript">
    var currenciesExArray = new Array();
    var currenciesSignArray = new Array();
    var currenciesAbbrevArray = new Array();
    var currenciesAbbrevTextArray = new Array();

            currenciesExArray['1'] = "1.00000";
        currenciesSignArray['1'] ="US$";
        currenciesAbbrevArray['1'] ="USD (US$)";
        currenciesAbbrevTextArray['1'] ="USD";


            currenciesExArray['2'] = "0.86010";
        currenciesSignArray['2'] ="&euro;";
        currenciesAbbrevArray['2'] ="EUR (&euro;)";
        currenciesAbbrevTextArray['2'] ="EUR";


            currenciesExArray['3'] = "0.74410";
        currenciesSignArray['3'] ="&pound;";
        currenciesAbbrevArray['3'] ="GBP (&pound;)";
        currenciesAbbrevTextArray['3'] ="GBP";


            currenciesExArray['4'] = "1.40050";
        currenciesSignArray['4'] ="AU$";
        currenciesAbbrevArray['4'] ="AUD (AU$)";
        currenciesAbbrevTextArray['4'] ="AUD";


            currenciesExArray['5'] = "1.38960";
        currenciesSignArray['5'] ="C$";
        currenciesAbbrevArray['5'] ="CAD (C$)";
        currenciesAbbrevTextArray['5'] ="CAD";


            currenciesExArray['6'] = "17.29000";
        currenciesSignArray['6'] ="MXN$";
        currenciesAbbrevArray['6'] ="MXN (MXN$)";
        currenciesAbbrevTextArray['6'] ="MXN";


            currenciesExArray['7'] = "3564.00000";
        currenciesSignArray['7'] ="COP$";
        currenciesAbbrevArray['7'] ="COP (COP$)";
        currenciesAbbrevTextArray['7'] ="COP";


            currenciesExArray['8'] = "1436.99000";
        currenciesSignArray['8'] ="ARS$";
        currenciesAbbrevArray['8'] ="ARS (ARS$)";
        currenciesAbbrevTextArray['8'] ="ARS";


            currenciesExArray['9'] = "894.54000";
        currenciesSignArray['9'] ="CLP$";
        currenciesAbbrevArray['9'] ="CLP (CLP$)";
        currenciesAbbrevTextArray['9'] ="CLP";


    
    function updateSiteRatesTop(current_currency,session_update){
        jQuery(".curr_contain#currency").find('li').show();
        jQuery("#e"+current_currency).hide();
        jQuery(".convertable").each(function(){
                var id = jQuery(this).attr('id');
                var current_value = jQuery('#h'+id).val();

                if(!isNaN(parseFloat(current_value))){

                    var new_value = parseFloat(current_value) * parseFloat(currenciesExArray[current_currency]);
                    var rounded_value = Math.round(new_value*Math.pow(10,0))/Math.pow(10,0);;
                    jQuery(this).html(rounded_value);
                }
        });

        jQuery(".currencySign").html(currenciesSignArray[current_currency]);
        jQuery(".currencySign3").html(currenciesAbbrevArray[current_currency]);
        jQuery(".currencySignText").html(currenciesAbbrevTextArray[current_currency]);

        if(session_update){
            jQuery.ajax({ url: '/ajax/dashboard/update_currency_session/'+current_currency });
        }
    }


    jQuery(document).ready(function(){
        jQuery("ul.subnav_top").parent().append(""); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
        jQuery("ul.topnav_top li .hover").mouseover(function() { //When trigger is clicked...
            //Following events are applied to the subnav itself (moving subnav up and down)

            jQuery(this).parent().find("ul.subnav_top").slideDown('fast').show(); //Drop down the subnav on click
            jQuery(this).parent().hover(function() {
            }, function(){
                jQuery(this).parent().find("ul.subnav_top").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
            });

            //Following events are applied to the trigger (Hover events for the trigger)
            }).hover(function() {
                jQuery(this).addClass("subhover"); //On hover over, add class "subhover"
            }, function(){  //On Hover Out
                jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"
        });

    });


    jQuery(document).ready(function(){
        updateSiteRatesTop('1',false);
    });
    </script>
            <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
                <script type="text/javascript">
                // Nationality to Country Code mapping
                var nationalityToCountryCode = {
            'American': '1',
            'Afghan': '93',
            'Albanian': '355',
            'Algerian': '213',
            'Andorran': '376',
            'Angolan': '244',
            'Argentinian': '54',
            'Armenian': '374',
            'Australian': '61',
            'Austrian': '43',
            'Azerbaijani': '994',
            'Bahamian': '1242',
            'Bahraini': '973',
            'Bangladeshi': '880',
            'Barbadian': '1246',
            'Belarusian': '375',
            'Belgian': '32',
            'Belizean': '501',
            'Beninese': '229',
            'Bhutanese': '975',
            'Bolivian': '591',
            'Bosnian': '387',
            'Botswanan': '267',
            'Brazilian': '55',
            'British Indian Ocean': '246',
            'British Virgin': '1284',
            'Bruneian': '673',
            'Bulgarian': '359',
            'Burkinese': '226',
            'Burundian': '257',
            'Cambodian': '855',
            'Cameroonian': '237',
            'Canadian': '1',
            'Cape Verdean': '238',
            'Chadian': '235',
            'Chilean': '56',
            'Chinese': '86',
            'Colombian': '57',
            'Congolese': '242',
            'Costa Rican': '506',
            'Croatian': '385',
            'Cuban': '53',
            'Cypriot': '357',
            'Czech': '420',
            'Danish': '45',
            'Djiboutian': '253',
            'Dominican': '1809',
            'East Timorese': '670',
            'Ecuadorean': '593',
            'Egyptian': '20',
            'Salvadorean': '503',
            'Guinean': '224',
            'Eritrean': '291',
            'Estonian': '372',
            'Ethiopian': '251',
            'Fijian': '679',
            'Finnish': '358',
            'French': '33',
            'Guyanese': '592',
            'Gabonese': '241',
            'Gambian': '220',
            'Georgian': '995',
            'German': '49',
            'Ghanaian': '233',
            'Greek': '30',
            'Grenadian': '1473',
            'Guatemalan': '502',
            'Guinea-Bissau': '245',
            'Haitian': '509',
            'Honduran': '504',
            'Hungarian': '36',
            'Icelander': '354',
            'Indian': '91',
            'Indonesian': '62',
            'Iranian': '98',
            'Iraqi': '964',
            'Irish': '353',
            'Israeli': '972',
            'Italian': '39',
            'Jamaican': '1876',
            'Japanese': '81',
            'Jordanian': '962',
            'Kazakh': '7',
            'Kenyan': '254',
            'Kuwaiti': '965',
            'Laotian': '856',
            'Latvian': '371',
            'Lebanese': '961',
            'Liberian': '231',
            'Libyan': '218',
            'Lithuanian': '370',
            'Macedonian': '389',
            'Madagascan': '261',
            'Malawian': '265',
            'Malaysian': '60',
            'Maldivian': '960',
            'Malian': '223',
            'Maltese': '356',
            'Mauritanian': '222',
            'Mauritian': '230',
            'Mexican': '52',
            'Moldovan': '373',
            'Monacan': '377',
            'Mongolian': '976',
            'Moroccan': '212',
            'Mozambican': '258',
            'Namibian': '264',
            'Nepalese': '977',
            'Dutch': '31',
            'New Zealand': '64',
            'Nicaraguan': '505',
            'Nigerien': '227',
            'Nigerian': '234',
            'North Korean': '850',
            'Norwegian': '47',
            'Omani': '968',
            'Pakistani': '92',
            'Panamanian': '507',
            'Equatorial Guinean': '240',
            'Paraguayan': '595',
            'Peruvian': '51',
            'Filipino': '63',
            'Polish': '48',
            'Portuguese': '351',
            'Qatari': '974',
            'Romanian': '40',
            'Russian': '7',
            'Rwandan': '250',
            'Saudi': '966',
            'Senegalese': '221',
            'Serbian': '381',
            'Sierra Leonian': '232',
            'Singaporean': '65',
            'Slovak': '421',
            'Slovenian': '386',
            'Somali': '252',
            'South African': '27',
            'South Korean': '82',
            'Spanish': '34',
            'Sri Lankan': '94',
            'Sudanese': '249',
            'Surinamese': '597',
            'Swazi': '268',
            'Swedish': '46',
            'Swiss': '41',
            'Syrian': '963',
            'Taiwanese': '886',
            'Tajik': '992',
            'Tanzanian': '255',
            'Thai': '66',
            'Togolese': '228',
            'Trinidadian': '1868',
            'Tunisian': '216',
            'Turkish': '90',
            'Turkmen': '993',
            'Tuvaluan': '688',
            'Ugandan': '256',
            'Ukrainian': '380',
            'Emirati': '971',
            'British': '44',
            'Uruguayan': '598',
            'Uzbek': '998',
            'Vanuatuan': '678',
            'Venezuelan': '58',
            'Vietnamese': '84',
            'Yemeni': '967',
            'Zambian': '260',
            'Zimbabwean': '263'
        };

        // Function to update country code based on nationality
        function updateCountryCode() {
            var selectedNationality = jQuery('#nationality').val();
            var countryCode = nationalityToCountryCode[selectedNationality];

            console.log(selectedNationality);
            if (selectedNationality === 'American') {
                // Select USA option specifically
                jQuery('#phone_ext option[data-countryCode="US"]').prop('selected', true);
            } else if (selectedNationality === 'Canadian') {
                // Select Canada option specifically
                jQuery('#phone_ext option[data-countryCode="CA"]').prop('selected', true);
            }

            if (countryCode) {
                // Special handling for countries that share the same country code
                if (countryCode === '1') {
                    if (selectedNationality === 'American') {
                        // Select USA option specifically
                        jQuery('#phone_ext option[data-countryCode="US"]').prop('selected', true);
                    } else if (selectedNationality === 'Canadian') {
                        // Select Canada option specifically
                        jQuery('#phone_ext option[data-countryCode="CA"]').prop('selected', true);
                    }
                } else {
                    // For other countries, find and select the matching country code option
                    var found = false;
                    jQuery('#phone_ext option').each(function() {
                        if (jQuery(this).val() === countryCode) {
                            jQuery('#phone_ext').val(countryCode);
                            found = true;
                            return false; // Break the loop
                        }
                    });

                    // If country code not found in dropdown, reset to empty selection
                    if (!found) {
                        jQuery('#phone_ext').val('');
                        console.log('Country code ' + countryCode + ' for ' + selectedNationality + ' not available in dropdown');
                    }
                }
            } else {
                // Reset to empty selection if nationality not found in mapping
                jQuery('#phone_ext').val('');
            }
        }

        // Add event listener to nationality select field
        jQuery(document).ready(function() {
            jQuery('#nationality').on('change', updateCountryCode);
        });

    </script>
</html>

'

}
$cookies = [
	'Blog' => [
		'name' => 'Blog',
		'value' => 'Q2FrZQ==.ZGU5ZTcxNmU3MWMxZTY0MDNhMWVkODcxMDUzOTAxMzE0NGJkYTU4Yzk4MGJkMzVjMjgyNmFmYWExMGRlMzYwZuYCBZV5886A06zj6sJ7NrK7VJRf8UizpL3GR/PTyLoi',
		'path' => '/',
		'domain' => '',
		'secure' => false,
		'httpOnly' => false,
		'expire' => '1783301287'
	]
]
$values = [
	(int) 0 => 'text/html; charset=UTF-8'
]
$name = 'Content-Type'
$first = true
$value = 'text/html; charset=UTF-8'

header - [internal], line ??
Cake\Http\ResponseEmitter::emitHeaders() - CORE/src/Http/ResponseEmitter.php, line 181
Cake\Http\ResponseEmitter::emit() - CORE/src/Http/ResponseEmitter.php, line 58
Cake\Http\Server::emit() - CORE/src/Http/Server.php, line 140
[main] - ROOT/webroot/index.php, line 40

Code Context

                    $cookie['secure'],
                    $cookie['httpOnly']
                );

$cookies = [
	'Blog' => [
		'name' => 'Blog',
		'value' => 'Q2FrZQ==.ZGU5ZTcxNmU3MWMxZTY0MDNhMWVkODcxMDUzOTAxMzE0NGJkYTU4Yzk4MGJkMzVjMjgyNmFmYWExMGRlMzYwZuYCBZV5886A06zj6sJ7NrK7VJRf8UizpL3GR/PTyLoi',
		'path' => '/',
		'domain' => '',
		'secure' => false,
		'httpOnly' => false,
		'expire' => '1783301287'
	]
]
$cookie = [
	'name' => 'Blog',
	'value' => 'Q2FrZQ==.ZGU5ZTcxNmU3MWMxZTY0MDNhMWVkODcxMDUzOTAxMzE0NGJkYTU4Yzk4MGJkMzVjMjgyNmFmYWExMGRlMzYwZuYCBZV5886A06zj6sJ7NrK7VJRf8UizpL3GR/PTyLoi',
	'path' => '/',
	'domain' => '',
	'secure' => false,
	'httpOnly' => false,
	'expire' => '1783301287'
]

setcookie - [internal], line ??
Cake\Http\ResponseEmitter::emitCookies() - CORE/src/Http/ResponseEmitter.php, line 210
Cake\Http\ResponseEmitter::emitHeaders() - CORE/src/Http/ResponseEmitter.php, line 190
Cake\Http\ResponseEmitter::emit() - CORE/src/Http/ResponseEmitter.php, line 58
Cake\Http\Server::emit() - CORE/src/Http/Server.php, line 140
[main] - ROOT/webroot/index.php, line 40

Sort by:

Featured Package

1 Country

5-Day Jordan Tour: Road to Petra

From the Old City of Amman to Petra's sprawling ruins, enjoy 5 days full of natural wonders in Jordan. Discover the ancient Jordan highlights and Roman ruins on your way to visit the rose-red city of Petra!

Duration 5

Starting From US$715

View Trip

1 Country

Taste of Jordan in Petra Tour

Private Tour

It's the best Jordan 4 Days tour. Live an amazing 3 nights in Jordan visiting the Roman Jerash, the best example of the Roman provincial city in the whole Middle East. Be ready for a new adventure and Book now! Enjoy visiting the legendary ‘rose-red’ city of Petra, carved into the stone of the Jordan desert, Float in the Dead Sea salty water, and more! Explore Amman’s ancient sites on a 4-day tour, a private tour that’s a great first taste of Jordan. You’ll see Old Amman, colorful markets, the Citadel, the Blue Mosque, a Coptic church, Rainbow Street, the Royal Automobile Museum, and much more.

From Price US$550

View Trip

1 Country

Luxury Jordan Tour

Private Tour

Discover the main attractions with through one of our Jordan Vacations, Including 5-star accommodation, and visit the rose-red city Petra, Jerash the Greco-roman city, and Madaba city of mosaics. Book now! You can also visit the capital Amman, Mount Nebo, Kerak, Mukawir, float in the salty water of the Dead Sea, and More.

From Price US$2,129

View Trip

1 Country

Majestic Tour of Jordan

Private Tour

Spend a wonderful 5-day Jordan vacation and discover all of Jordan's remarkable places like the mountain of Gilead in Jerash, Mount Nebo, and much more. Enjoy a hassle-free and unforgettable trip to Jordan! This tour will allow you to see the place where Prophet Moses gazed at the promised land. Visiting Madaba, the Dead Sea, and the lost city of Petra. All of these with the best itinerary and comfortable accommodation.

From Price US$1,020

View Trip

1 Country

Jordan Family Holiday

Private Tour

Don't miss this chance to enjoy one of Jordan Vacations tours to see the panoramic view of Dana, enjoy an evening under the stars in Wadi Rum, the ancient city of Petra, and more. Book now! Get deep into the warm desert, float into the Dead Sea, and experience a fantastic desert camp with your joyful family. Involve in the magical ancient world of Jordan on this exciting family adventure! This tour has been uniquely designed to highlight the most exciting sights of Jordan. With a carefully weighted balance of activities and downtime, your family will love this cultural Middle Eastern tour.

From Price US$1,915

View Trip

Map view will display tour locations. Switch to List to browse packages.