South America Tour and Vacation Packages

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) 464,
	'title' => 'South America Tour and Vacation Packages',
	'description' => '<p>Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.</p>

<p><br />
Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!</p>
',
	'program_type_id' => (int) 2,
	'slug' => 'south-america-tour-packages',
	'site_id' => (int) 91,
	'meta_title' => 'South America Tour and Vacation Packages',
	'meta_keywords' => 'south america tour packages
south america vacation packages
south america travel packages
south america holiday packages',
	'meta_description' => 'Explore the wonders of South America with our exclusive tour packages. Ready to embark on your dream adventure? Book your South America tour package today.',
	'image_url' => 'e3d3afd32426dcaae396598dee12a702.jpg',
	'image_title' => 'South America Tour and Vacation Packages',
	'image_alt' => 'South America Tour and Vacation Packages',
	'video_link' => '',
	'icon_url' => '',
	'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) 464,
	'title' => 'South America Tour and Vacation Packages',
	'description' => '<p>Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.</p>

<p><br />
Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!</p>
',
	'program_type_id' => (int) 2,
	'slug' => 'south-america-tour-packages',
	'site_id' => (int) 91,
	'meta_title' => 'South America Tour and Vacation Packages',
	'meta_keywords' => 'south america tour packages
south america vacation packages
south america travel packages
south america holiday packages',
	'meta_description' => 'Explore the wonders of South America with our exclusive tour packages. Ready to embark on your dream adventure? Book your South America tour package today.',
	'image_url' => 'e3d3afd32426dcaae396598dee12a702.jpg',
	'image_title' => 'South America Tour and Vacation Packages',
	'image_alt' => 'South America Tour and Vacation Packages',
	'video_link' => '',
	'icon_url' => '',
	'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': 'brazil', //if found
  });
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>                <link rel="canonical" href="https://new.memphistours.com/brazil/south-america-tour-packages" />
                        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />

    <title>South America Tour and Vacation Packages</title>
            <meta name="keywords" content="south america tour packages
south america vacation packages
south america travel packages
south america holiday packages" />
                <meta name="description" content="Explore the wonders of South America with our exclusive tour packages. Ready to embark on your dream adventure? Book your South America tour package today." />
        <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/e3d3afd32426dcaae396598dee12a702.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/brazil/south-america-tour-packages" />
        <meta property="og:title" content="South America Tour and Vacation Packages" />
        <meta property="og:description" content="Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.


Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!
" />
        <meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e3d3afd32426dcaae396598dee12a702.jpg" />
        <link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e3d3afd32426dcaae396598dee12a702.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": "745"
      },
      "sameAs" : [
        "https://www.facebook.com/memphistours",
        "https://twitter.com/memphistours",
        "https://plus.google.com/100497184692622964150/posts",
        "https://www.youtube.com/user/toursinegypt?feature=watch",
        "https://www.pinterest.com/memphistours/",
        "https://www.instagram.com/memphistours/",
        "https://www.tripadvisor.com.br/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">
                                                            </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                                            </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/e3d3afd32426dcaae396598dee12a702.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="South America Tour and Vacation Packages"
            title="South America Tour and Vacation 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>
            Brazil        </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">
                South America Tour and Vacation Packages            </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>Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.</p>

<p><br />
Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!</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="brazil">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', '463')">Best Brazil Vacations 2026</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', '464')">South America Tour Packages</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>

            
            
            <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', '463')">Best Brazil Vacations 2026</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '464')">South America Tour Packages</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>
                                </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>

<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="/brazil/south-america-tour-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 = "463" id="463" onchange="filter(' ')"> Best Brazil Vacations 2026                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "464" id="464" onchange="filter(' ')"> South America Tour Packages                        </label>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Styles -->
    
    <!-- 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 -->
    
        </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="tw-col-span-full home-packages-no-result tw-py-16 tw-text-center">
                            <img src="/theme/Com2021/img/not-found.svg" alt="No Result" class="tw-mx-auto tw-mb-6 tw-max-w-[120px]" width="120" height="auto">
                            <p class="tw-text-3xl tw-font-serif tw-text-gray-200 tw-mb-3">No Result</p>
                            <p class="tw-text-gray-500">Kindly change your search keywords and try again</p>
                        </div>
                        <div class="tw-col-span-full" nextpage="0" totalpages="0" progCount="0" page="1" 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="/brazil/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="Brazil">
            <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="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/10-jaw-dropping-open-air-museums-worldwide" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Jaw-Dropping Open Air Museums Worldwide"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/539c300e4041670571ee6f89e5a37b1d.jpg" 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="Open Air Museum" title="Open Air Museum" 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-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">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">10 Jaw-Dropping Open Air Museums Worldwide</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">Museums are one-of-a-kind places wherever they exist. Not only are they essential for examining history and preserving history and human life; they are also enjoyable and have tons of unique activities. Guess what? Th...</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/is-egypt-safe-to-visit" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Is Egypt Safe to Visit 2026: Discover an Oasis of Peace"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3cd31864d0fca4dc096dd8b47fa90c0a.jpg" 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="Is Egypt Safe to Visit?" title="Is Egypt Safe to Visit?" 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">Travel Tips</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 #40808040;">Travel Tips</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">Is Egypt Safe to Visit 2026: Discover an Oasis of Peace</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">Egypt has always held a unique allure for travelers, but, the question that arises -especially with the recent situation capturing international attention- is Egypt safe to visit? In this article we will spot the ligh...</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/the-african-big-five-what-they-are-and-where-to-see-them" class="tw-absolute tw-inset-0 tw-z-40" aria-label="The African Big Five: What They Are &amp; Where to See Them in East Africa"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/552d8cc6c5ea959e037edd42099bae3d.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="Rhino, Springboks, zebra, Elephant and lion in Serengeti National Park, Tanzania" title="african-big-five" 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">Adventure</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 #ff9d6f40;">Adventure</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">The African Big Five: What They Are &amp; Where to See Them in East Africa</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">Your complete guide to the African Big Five, including where to find them and how to plan the perfect safari trip.
</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/best-hidden-gems-in-europe-you-need-to-visit" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Best Hidden Gems in Europe You Need to Visit in 2023"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/6582338ba8cd1bd36d8e098016e8b936.jpg" 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="10 Best Hidden Gems in Europe You Need to Visit in 2023" title="10 Best Hidden Gems in Europe You Need to Visit in 2023" 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">Destinations</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 #e6721940;">Destinations</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 Best Hidden Gems in Europe You Need to Visit in 2023</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">Europe is famous for its beautiful sights, both naturally made and man-made. Get off the beaten track and discover the most beautiful destinations in Europe.
</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>


    <!-- </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="/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://www.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.com.br/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">
    jQuery(document).ready(function() {
        
                    jQuery('input[value="91"][name="Country"]').prop('checked', true);
        
        
        
        
        
        
                    jQuery('input[value="464"][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, "/brazil/south-america-tour-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("/brazil/south-america-tour-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': 'brazil', //if found
  });
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>                <link rel="canonical" href="https://new.memphistours.com/brazil/south-america-tour-packages" />
                        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />

    <title>South America Tour and Vacation Packages</title>
            <meta name="keywords" content="south america tour packages
south america vacation packages
south america travel packages
south america holiday packages" />
                <meta name="description" content="Explore the wonders of South America with our exclusive tour packages. Ready to embark on your dream adventure? Book your South America tour package today." />
        <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/e3d3afd32426dcaae396598dee12a702.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/brazil/south-america-tour-packages" />
        <meta property="og:title" content="South America Tour and Vacation Packages" />
        <meta property="og:description" content="Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.


Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!
" />
        <meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e3d3afd32426dcaae396598dee12a702.jpg" />
        <link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e3d3afd32426dcaae396598dee12a702.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": "745"
      },
      "sameAs" : [
        "https://www.facebook.com/memphistours",
        "https://twitter.com/memphistours",
        "https://plus.google.com/100497184692622964150/posts",
        "https://www.youtube.com/user/toursinegypt?feature=watch",
        "https://www.pinterest.com/memphistours/",
        "https://www.instagram.com/memphistours/",
        "https://www.tripadvisor.com.br/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">
                                                            </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                                            </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/e3d3afd32426dcaae396598dee12a702.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="South America Tour and Vacation Packages"
            title="South America Tour and Vacation 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>
            Brazil        </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">
                South America Tour and Vacation Packages            </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>Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.</p>

<p><br />
Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!</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="brazil">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', '463')">Best Brazil Vacations 2026</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', '464')">South America Tour Packages</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>

            
            
            <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', '463')">Best Brazil Vacations 2026</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '464')">South America Tour Packages</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>
                                </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>

<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="/brazil/south-america-tour-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 = "463" id="463" onchange="filter(' ')"> Best Brazil Vacations 2026                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "464" id="464" onchange="filter(' ')"> South America Tour Packages                        </label>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Styles -->
    
    <!-- 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 -->
    
        </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="tw-col-span-full home-packages-no-result tw-py-16 tw-text-center">
                            <img src="/theme/Com2021/img/not-found.svg" alt="No Result" class="tw-mx-auto tw-mb-6 tw-max-w-[120px]" width="120" height="auto">
                            <p class="tw-text-3xl tw-font-serif tw-text-gray-200 tw-mb-3">No Result</p>
                            <p class="tw-text-gray-500">Kindly change your search keywords and try again</p>
                        </div>
                        <div class="tw-col-span-full" nextpage="0" totalpages="0" progCount="0" page="1" 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="/brazil/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="Brazil">
            <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="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/10-jaw-dropping-open-air-museums-worldwide" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Jaw-Dropping Open Air Museums Worldwide"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/539c300e4041670571ee6f89e5a37b1d.jpg" 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="Open Air Museum" title="Open Air Museum" 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-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">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">10 Jaw-Dropping Open Air Museums Worldwide</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">Museums are one-of-a-kind places wherever they exist. Not only are they essential for examining history and preserving history and human life; they are also enjoyable and have tons of unique activities. Guess what? Th...</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/is-egypt-safe-to-visit" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Is Egypt Safe to Visit 2026: Discover an Oasis of Peace"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3cd31864d0fca4dc096dd8b47fa90c0a.jpg" 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="Is Egypt Safe to Visit?" title="Is Egypt Safe to Visit?" 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">Travel Tips</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 #40808040;">Travel Tips</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">Is Egypt Safe to Visit 2026: Discover an Oasis of Peace</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">Egypt has always held a unique allure for travelers, but, the question that arises -especially with the recent situation capturing international attention- is Egypt safe to visit? In this article we will spot the ligh...</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/the-african-big-five-what-they-are-and-where-to-see-them" class="tw-absolute tw-inset-0 tw-z-40" aria-label="The African Big Five: What They Are &amp; Where to See Them in East Africa"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/552d8cc6c5ea959e037edd42099bae3d.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="Rhino, Springboks, zebra, Elephant and lion in Serengeti National Park, Tanzania" title="african-big-five" 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">Adventure</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 #ff9d6f40;">Adventure</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">The African Big Five: What They Are &amp; Where to See Them in East Africa</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">Your complete guide to the African Big Five, including where to find them and how to plan the perfect safari trip.
</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/best-hidden-gems-in-europe-you-need-to-visit" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Best Hidden Gems in Europe You Need to Visit in 2023"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/6582338ba8cd1bd36d8e098016e8b936.jpg" 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="10 Best Hidden Gems in Europe You Need to Visit in 2023" title="10 Best Hidden Gems in Europe You Need to Visit in 2023" 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">Destinations</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 #e6721940;">Destinations</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 Best Hidden Gems in Europe You Need to Visit in 2023</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">Europe is famous for its beautiful sights, both naturally made and man-made. Get off the beaten track and discover the most beautiful destinations in Europe.
</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>


    <!-- </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="/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://www.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.com.br/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">
    jQuery(document).ready(function() {
        
                    jQuery('input[value="91"][name="Country"]').prop('checked', true);
        
        
        
        
        
        
                    jQuery('input[value="464"][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, "/brazil/south-america-tour-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("/brazil/south-america-tour-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': 'brazil', //if found
  });
</script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>                <link rel="canonical" href="https://new.memphistours.com/brazil/south-america-tour-packages" />
                        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />

    <title>South America Tour and Vacation Packages</title>
            <meta name="keywords" content="south america tour packages
south america vacation packages
south america travel packages
south america holiday packages" />
                <meta name="description" content="Explore the wonders of South America with our exclusive tour packages. Ready to embark on your dream adventure? Book your South America tour package today." />
        <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/e3d3afd32426dcaae396598dee12a702.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/brazil/south-america-tour-packages" />
        <meta property="og:title" content="South America Tour and Vacation Packages" />
        <meta property="og:description" content="Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.


Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!
" />
        <meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e3d3afd32426dcaae396598dee12a702.jpg" />
        <link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e3d3afd32426dcaae396598dee12a702.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": "745"
      },
      "sameAs" : [
        "https://www.facebook.com/memphistours",
        "https://twitter.com/memphistours",
        "https://plus.google.com/100497184692622964150/posts",
        "https://www.youtube.com/user/toursinegypt?feature=watch",
        "https://www.pinterest.com/memphistours/",
        "https://www.instagram.com/memphistours/",
        "https://www.tripadvisor.com.br/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">
                                                            </ul>
                                                    <ul class="tw-space-y-6 tw-list-none tw-m-0 tw-p-0">
                                                            </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/e3d3afd32426dcaae396598dee12a702.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="South America Tour and Vacation Packages"
            title="South America Tour and Vacation 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>
            Brazil        </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">
                South America Tour and Vacation Packages            </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>Indulge in the kaleidoscope of colors, flavors, and rhythms that define South America with our meticulously crafted tour packages. Picture yourself wandering through ancient ruins, dancing to lively music, and tasting mouthwatering flavors in every corner of this diverse continent. Feel the rhythm of the tango in Buenos Aires. Feel the mist of the majestic Iguazu Falls on the border of Brazil and Argentina. Trek through the dense jungles of the Amazon in Brazil. Unwind on the pristine beaches of Rio de Janeiro, Brazil, where the sun kisses your skin and the waves serenade your soul.</p>

<p><br />
Our South America tour packages are like treasure chests waiting to be explored. Whether you&#39;re a thrill-seeker craving adventure, a foodie in search of new flavors, a history buff fascinated by ancient civilizations, or simply a curious traveler ready to be amazed, South America has it all. Let us whisk you away on a journey of a lifetime where every moment is a chance to create unforgettable memories. Start planning your South American escapade with us today!</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="brazil">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', '463')">Best Brazil Vacations 2026</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', '464')">South America Tour Packages</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>

            
            
            <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', '463')">Best Brazil Vacations 2026</button>
                                        <button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '464')">South America Tour Packages</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>
                                </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>

<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="/brazil/south-america-tour-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 = "463" id="463" onchange="filter(' ')"> Best Brazil Vacations 2026                        </label>
                    </div>
                                    <div class="radio">
                        <label>
                            <input name="rootCategory" type="radio" value = "464" id="464" onchange="filter(' ')"> South America Tour Packages                        </label>
                    </div>
                            </div>
        </div>
    </div>

    <!-- Styles -->
    
    <!-- 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 -->
    
        </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="tw-col-span-full home-packages-no-result tw-py-16 tw-text-center">
                            <img src="/theme/Com2021/img/not-found.svg" alt="No Result" class="tw-mx-auto tw-mb-6 tw-max-w-[120px]" width="120" height="auto">
                            <p class="tw-text-3xl tw-font-serif tw-text-gray-200 tw-mb-3">No Result</p>
                            <p class="tw-text-gray-500">Kindly change your search keywords and try again</p>
                        </div>
                        <div class="tw-col-span-full" nextpage="0" totalpages="0" progCount="0" page="1" 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="/brazil/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="Brazil">
            <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="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/10-jaw-dropping-open-air-museums-worldwide" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Jaw-Dropping Open Air Museums Worldwide"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/539c300e4041670571ee6f89e5a37b1d.jpg" 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="Open Air Museum" title="Open Air Museum" 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-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">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">10 Jaw-Dropping Open Air Museums Worldwide</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">Museums are one-of-a-kind places wherever they exist. Not only are they essential for examining history and preserving history and human life; they are also enjoyable and have tons of unique activities. Guess what? Th...</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/is-egypt-safe-to-visit" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Is Egypt Safe to Visit 2026: Discover an Oasis of Peace"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/3cd31864d0fca4dc096dd8b47fa90c0a.jpg" 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="Is Egypt Safe to Visit?" title="Is Egypt Safe to Visit?" 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">Travel Tips</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 #40808040;">Travel Tips</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">Is Egypt Safe to Visit 2026: Discover an Oasis of Peace</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">Egypt has always held a unique allure for travelers, but, the question that arises -especially with the recent situation capturing international attention- is Egypt safe to visit? In this article we will spot the ligh...</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/the-african-big-five-what-they-are-and-where-to-see-them" class="tw-absolute tw-inset-0 tw-z-40" aria-label="The African Big Five: What They Are &amp; Where to See Them in East Africa"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/552d8cc6c5ea959e037edd42099bae3d.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="Rhino, Springboks, zebra, Elephant and lion in Serengeti National Park, Tanzania" title="african-big-five" 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">Adventure</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 #ff9d6f40;">Adventure</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">The African Big Five: What They Are &amp; Where to See Them in East Africa</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">Your complete guide to the African Big Five, including where to find them and how to plan the perfect safari trip.
</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/best-hidden-gems-in-europe-you-need-to-visit" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Best Hidden Gems in Europe You Need to Visit in 2023"></a>
                <img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/6582338ba8cd1bd36d8e098016e8b936.jpg" 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="10 Best Hidden Gems in Europe You Need to Visit in 2023" title="10 Best Hidden Gems in Europe You Need to Visit in 2023" 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">Destinations</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 #e6721940;">Destinations</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 Best Hidden Gems in Europe You Need to Visit in 2023</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">Europe is famous for its beautiful sights, both naturally made and man-made. Get off the beaten track and discover the most beautiful destinations in Europe.
</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>


    <!-- </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="/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://www.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.com.br/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">
    jQuery(document).ready(function() {
        
                    jQuery('input[value="91"][name="Country"]').prop('checked', true);
        
        
        
        
        
        
                    jQuery('input[value="464"][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, "/brazil/south-america-tour-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("/brazil/south-america-tour-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==.MDFjNWQ0ZGRmODVhMzgwZGMxZTk3MTdmZjI4YmJmNGZiNGNkOGFlYmUzYWIwMTQ4MTI4ZTJiYzYyOGFkNDViN9ElIakSTqu1Yzc+jgQ5Yt/m3MYwUBnoi9XewPPeQCmq',
		'path' => '/',
		'domain' => '',
		'secure' => false,
		'httpOnly' => false,
		'expire' => '1783302327'
	]
]
$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==.MDFjNWQ0ZGRmODVhMzgwZGMxZTk3MTdmZjI4YmJmNGZiNGNkOGFlYmUzYWIwMTQ4MTI4ZTJiYzYyOGFkNDViN9ElIakSTqu1Yzc+jgQ5Yt/m3MYwUBnoi9XewPPeQCmq',
		'path' => '/',
		'domain' => '',
		'secure' => false,
		'httpOnly' => false,
		'expire' => '1783302327'
	]
]
$cookie = [
	'name' => 'Blog',
	'value' => 'Q2FrZQ==.MDFjNWQ0ZGRmODVhMzgwZGMxZTk3MTdmZjI4YmJmNGZiNGNkOGFlYmUzYWIwMTQ4MTI4ZTJiYzYyOGFkNDViN9ElIakSTqu1Yzc+jgQ5Yt/m3MYwUBnoi9XewPPeQCmq',
	'path' => '/',
	'domain' => '',
	'secure' => false,
	'httpOnly' => false,
	'expire' => '1783302327'
]

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:

No Result

Kindly change your search keywords and try again

Map view will display tour locations. Switch to List to browse packages.