Notice (8)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) 459,
'title' => 'Vietnam Tours',
'description' => '<p>Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in <a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank">Hanoi</a>, where the bustling Old Quarter, <a href="/southeast-asia-tours/hoan-kiem-lake-hanoi" target="_blank">Hoan Kiem Lake</a>, and the <a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam" target="_blank">Ho Chi Minh Mausoleum</a> showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning <a href="/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank">Pu Luong Nature Reserve</a>, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic <a href="/southeast-asia-tours/ha-long-bay" target="_blank">Halong Bay</a>, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.</p>
<p>Discover the charm of <a href="/southeast-asia-tours/hoi-an-city" target="_blank">Hoi An</a>, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.</p>
',
'program_type_id' => (int) 2,
'slug' => 'vietnam-guided-tours',
'site_id' => (int) 90,
'meta_title' => 'Vietnam Tours | Vietnam Guided Tours with Memphis Tours',
'meta_keywords' => 'Vietnam Tours, Vietnam Guided Tours, Memphis Tours',
'meta_description' => 'Explore Vietnam's cities & landscapes with our Vietnam tours. From action-packed adventures to luxurious escapes, find your perfect Vietnam-guided tours!',
'image_url' => 'e31555cacede65d09fdd937055c768da.webp',
'image_title' => 'Tourist wandering through the ancient Imperial City of Hue, Vietnam.',
'image_alt' => 'Tourist wandering through the ancient Imperial City of Hue, Vietnam.',
'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)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) 459,
'title' => 'Vietnam Tours',
'description' => '<p>Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in <a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank">Hanoi</a>, where the bustling Old Quarter, <a href="/southeast-asia-tours/hoan-kiem-lake-hanoi" target="_blank">Hoan Kiem Lake</a>, and the <a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam" target="_blank">Ho Chi Minh Mausoleum</a> showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning <a href="/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank">Pu Luong Nature Reserve</a>, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic <a href="/southeast-asia-tours/ha-long-bay" target="_blank">Halong Bay</a>, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.</p>
<p>Discover the charm of <a href="/southeast-asia-tours/hoi-an-city" target="_blank">Hoi An</a>, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.</p>
',
'program_type_id' => (int) 2,
'slug' => 'vietnam-guided-tours',
'site_id' => (int) 90,
'meta_title' => 'Vietnam Tours | Vietnam Guided Tours with Memphis Tours',
'meta_keywords' => 'Vietnam Tours, Vietnam Guided Tours, Memphis Tours',
'meta_description' => 'Explore Vietnam's cities & landscapes with our Vietnam tours. From action-packed adventures to luxurious escapes, find your perfect Vietnam-guided tours!',
'image_url' => 'e31555cacede65d09fdd937055c768da.webp',
'image_title' => 'Tourist wandering through the ancient Imperial City of Hue, Vietnam.',
'image_alt' => 'Tourist wandering through the ancient Imperial City of Hue, Vietnam.',
'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)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': 'southeast-asia-tours', //if found
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/> <link rel="canonical" href="https://new.memphistours.com/southeast-asia-tours/vietnam-guided-tours" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />
<title>Vietnam Tours | Vietnam Guided Tours with Memphis Tours</title>
<meta name="keywords" content="Vietnam Tours, Vietnam Guided Tours, Memphis Tours" />
<meta name="description" content="Explore Vietnam's cities & landscapes with our Vietnam tours. From action-packed adventures to luxurious escapes, find your perfect Vietnam-guided tours!" />
<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/e31555cacede65d09fdd937055c768da.webp" 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/southeast-asia-tours/vietnam-guided-tours" />
<meta property="og:title" content="Vietnam Tours" />
<meta property="og:description" content="Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in Hanoi, where the bustling Old Quarter, Hoan Kiem Lake, and the Ho Chi Minh Mausoleum showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning Pu Luong Nature Reserve, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic Halong Bay, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.
Discover the charm of Hoi An, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.
" />
<meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e31555cacede65d09fdd937055c768da.webp" />
<link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e31555cacede65d09fdd937055c768da.webp" />
<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 (€) </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 (£) </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/e31555cacede65d09fdd937055c768da.webp"
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="Tourist wandering through the ancient Imperial City of Hue, Vietnam."
title="Tourist wandering through the ancient Imperial City of Hue, Vietnam.">
<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>
Southeast Asia </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">
Vietnam Tours </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>Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in <a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank">Hanoi</a>, where the bustling Old Quarter, <a href="/southeast-asia-tours/hoan-kiem-lake-hanoi" target="_blank">Hoan Kiem Lake</a>, and the <a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam" target="_blank">Ho Chi Minh Mausoleum</a> showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning <a href="/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank">Pu Luong Nature Reserve</a>, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic <a href="/southeast-asia-tours/ha-long-bay" target="_blank">Halong Bay</a>, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.</p>
<p>Discover the charm of <a href="/southeast-asia-tours/hoi-an-city" target="_blank">Hoi An</a>, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.</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="southeast asia">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="1"]'))">
<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="14"]'))">
<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="13"]'))">
<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="61"]'))">
<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="30"]'))">
<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="39"]'))">
<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="15"]'))">
<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="49"]'))">
<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="51"]'))">
<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="93"]'))">
<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="92"]'))">
<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="57"]'))">
<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="63"]'))">
<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="71"]'))">
<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="90"]'))">
<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="91"]'))">
<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="98"]'))">
<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', '462')">Southeast Asia Travel Guide</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', '459')">Vietnam Tours</button>
<button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '460')">Thailand Tours</button>
<button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '461')">Multi Country Asia 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="1"]'))">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="14"]'))">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="13"]'))">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="61"]'))">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="30"]'))">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="39"]'))">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="15"]'))">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="49"]'))">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="51"]'))">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="93"]'))">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="92"]'))">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="57"]'))">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="63"]'))">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="71"]'))">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="90"]'))">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="91"]'))">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="98"]'))">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', '462')">Southeast Asia Travel Guide</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '459')">Vietnam Tours</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '460')">Thailand Tours</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '461')">Multi Country Asia 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="/southeast-asia-tours/vietnam-guided-tours"><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 = "462" id="462" onchange="filter(' ')"> Southeast Asia Travel Guide </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "459" id="459" onchange="filter(' ')"> Vietnam Tours </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "460" id="460" onchange="filter(' ')"> Thailand Tours </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "461" id="461" onchange="filter(' ')"> Multi Country Asia 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="home-tour-card home-tour-card--featured md:tw-col-span-2 tw-relative tw-rounded-3xl tw-overflow-hidden tw-shadow-sm hover:tw-shadow-2xl tw-flex tw-flex-col tw-justify-end tw-min-h-[450px] md:tw-min-h-[500px] tw-transition-all tw-duration-700 hover:-tw-translate-y-2 tw-border tw-border-black/5">
<a href="/southeast-asia-tours/vietnam-journey-into-nature-tour" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="Vietnam Journey into Nature Tour"
data-tour-name="Vietnam Journey into Nature Tour" data-tour-type="Private Tour" data-destination="southeast-asia-tours"></a>
<img src="https://images.memphistours.com/thumbs1/1750571524_our-clients-in-vietnam.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[1500ms] group-hover:tw-scale-105" loading="lazy" alt="Vietnam Journey into Nature Tour">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-90 tw-pointer-events-none"></div>
<div class="tw-relative tw-z-10 tw-w-[90%] md:tw-w-[65%] lg:tw-w-[50%] xl:tw-w-[45%] tw-mb-6 tw-mx-auto md:tw-mb-10 md:tw-ml-10 tw-p-6 md:tw-p-8 tw-rounded-2xl tw-bg-white/95 tw-backdrop-blur-xl tw-shadow-2xl tw-border tw-border-white/50 tw-flex tw-flex-col">
<div class="tw-flex tw-items-center tw-justify-between tw-gap-4 tw-mb-4">
<span class="tw-px-3 tw-py-1 tw-bg-gold/10 tw-text-gold tw-border tw-border-gold/20 tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-shadow-inner">
<ion-icon name="star" class="tw-mr-1.5 tw-text-sm"></ion-icon> Featured Package </span>
</div>
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-navy/60 tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-1.5 tw-mb-2 tw-bg-navy/5 tw-px-2 tw-py-1 tw-rounded-lg tw-border tw-border-navy/10">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon> 1 Country </span>
<h3 class="tw-text-2xl lg:tw-text-3xl tw-font-serif tw-text-navy tw-leading-tight">Vietnam Journey into Nature Tour</h3>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 md:tw-line-clamp-3 tw-leading-loose tw-mb-6">8-Day unforgettable adventure through Vietnam's breathtaking landscapes. Begin your exploration in Hanoi, a captivating city where ancient temples coexist with bustling markets. Journey into the verdant hills of Mai Chau, home to colorful ethnic minority communities. Witness their rich traditions, and experience their warm hospitality. Delve deeper into Vietnam's pristine wilderness at Pu Luong Nature Reserve. No Vietnam adventure is complete without witnessing the awe-inspiring beauty of Ha Long Bay. Cruise amidst towering limestone pillars rising majestically from emerald waters. This 8-day itinerary offers a perfect blend of cultural immersion, breathtaking scenery, and outdoor adventure. Unwind on pristine beaches, trek through untouched landscapes, and discover the hidden gems of Vietnam's nature on this unforgettable journey.
</p>
<div class="tw-mt-auto tw-flex tw-flex-col xl:tw-flex-row xl:tw-items-end tw-justify-between tw-gap-6 tw-pt-5 tw-border-t tw-border-gray-100">
<div class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-2">
<div>
<span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Duration</span>
<span class="tw-text-lg tw-font-bold tw-text-navy tw-flex tw-items-center tw-gap-1.5"><ion-icon name="time-outline" class="tw-text-gold"></ion-icon> 8</span>
</div>
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Starting From</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price940" class="convertable" itemprop="price">940</span>
</span>
<input type="hidden" id="hmin_price940" value="940" />
</div>
</div>
<a href="/southeast-asia-tours/vietnam-journey-into-nature-tour" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
View Trip <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
</a>
</div>
</div>
</div>
<div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="1" page="2" id="programs_more"></div>
</div>
<div id="loader_div"></div>
<div id="map-view" class="tw-hidden tw-relative tw-min-h-[500px] tw-bg-gray-100 tw-rounded-[2rem] tw-overflow-hidden tw-shadow-inner tw-border tw-border-gray-300 tw-mt-4">
<div id="react-map-root" class="tw-w-full tw-h-full tw-min-h-[500px] tw-flex tw-items-center tw-justify-center tw-p-8 tw-text-center tw-text-gray-500">
<p>Map view will display tour locations. Switch to List to browse packages.</p>
</div>
</div>
</main>
<div class="tw-w-full lg:tw-w-[360px] tw-flex-shrink-0">
<div class="banner_offer tw-mb-6 tw-rounded-2xl tw-overflow-hidden tw-shadow-md tw-hidden lg:tw-block">
<a href="https://www.memphistours.com/southeast-asia-tours/a-grand-tour-of-southeast-asia" target="_blank" rel="noopener noreferrer">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/d77fa86ccc5dfc71cacfe39230943843.jpg" alt="College photos of Vietnam, Cambodia, Laos and Thailand " title="southeast-asia-multi-country" width="100%" height="auto" class="tw-w-full tw-h-auto">
</a>
</div>
<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="/southeast-asia-tours/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 & 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 & 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 & 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 & 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 & 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="Southeast Asia">
<input type="hidden" id="gtm_currency" value="USD">
</form>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
</section>
<style>
.home-packages-section .home_sub_filrers { margin: 0; gap: 0; }
.home-packages-section .home_sub_filrers > div:first-child { display: none; }
.home-packages-section .home_sub_filrers select {
background: #fff; border: none; font-size: 1rem; font-weight: 700; color: #0a2b4b;
padding: 0.25rem 0.5rem; border-radius: 0.5rem; cursor: pointer;
}
.home-packages-pagination a { text-decoration: none; }
.home-packages-pagination .home-pag-btn,
.home-packages-pagination .home-pag-num { box-sizing: border-box; }
#programs.tw-hidden { display: none !important; }
</style>
<section class="tw-bg-white tw-py-16 tw-border-t tw-border-gray-100" id="faq-section" itemscope itemtype="https://schema.org/FAQPage">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-text-center tw-mb-12">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-block tw-mb-2">Support</span>
<h2 class="tw-text-4xl md:tw-text-5xl lg:tw-text-7xl tw-font-serif tw-text-navy">Frequently Asked Questions</h2>
<p class="tw-text-gray-500 tw-max-w-2xl tw-mx-auto tw-mt-4 tw-text-base md:tw-text-lg">Got questions? We’ve got answers. Find everything you need to know to plan your perfect trip.</p>
</div>
<div id="faq-container" class="tw-space-y-4 tw-max-w-5xl tw-mx-auto">
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="0" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(0)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What currency is used in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-0" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-0" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Each country has its own currency, such as Thai Baht, Vietnamese Dong, and Lao Kip. In Cambodia, US dollars are also widely accepted alongside the local currency.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(1)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Do I need a visa to visit Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-1" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-1" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Visa requirements depend on your nationality and the countries you plan to visit. Many Southeast Asian destinations offer e-visas or visa-on-arrival options, making travel relatively easy for most tourists.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="2" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(2)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What is the best time to visit Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>The best time to visit Southeast Asia is usually during the dry season from November to April, when temperatures are more comfortable and rainfall is lower. This period is ideal for beaches, sightseeing, island hopping, and outdoor activities across the region.</p>
<p> </p>
<ul>
<li>Thailand: Best from November to March for beaches, islands, and cultural cities</li>
<li>Vietnam: Best from November to April, though weather varies between north and south</li>
<li>Cambodia: Best from November to March with cooler, drier conditions for temple visits</li>
<li>Laos: Best from November to February for pleasant weather and nature experiences</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="3" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(3)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How many days do I need for a Southeast Asia trip?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-3" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-3" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>A trip of 10–14 days is ideal for exploring one or two countries comfortably. If you want to visit multiple destinations and enjoy a slower travel pace, two to three weeks is even better.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="4" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(4)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the top destinations I can visit in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-4" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-4" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You will find a rich mix of culture, nature, and city life across the region, especially in countries like Thailand, Vietnam, Cambodia, and Laos.</p>
<p> </p>
<h3><strong>Thailand</strong></h3>
<ul>
<li>Vibrant cities, golden temples, and tropical islands</li>
<li>Famous for street food, nightlife, and cultural landmarks</li>
<li>Ideal for both first-time travelers and beach holidays</li>
</ul>
<p> </p>
<h3><strong>Vietnam</strong></h3>
<ul>
<li>Stunning landscapes from mountains to limestone bays</li>
<li>Historic cities with strong cultural and colonial heritage</li>
<li>Known for world-famous street food and river life</li>
</ul>
<p> </p>
<h3><strong>Cambodia</strong></h3>
<ul>
<li>Home to iconic ancient temples like Angkor Wat</li>
<li>Deep cultural and historical experiences</li>
<li>Relaxed towns and emerging coastal escapes</li>
</ul>
<p> </p>
<h3><strong>Laos</strong></h3>
<ul>
<li>Peaceful rivers, waterfalls, and mountain scenery</li>
<li>Strong Buddhist traditions and slow-paced travel</li>
<li>Perfect for nature-focused and cultural journeys</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="5" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(5)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the top things to include in Southeast Asia tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-5" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-5" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can explore ancient temples like Angkor Wat in Cambodia, relax on the islands of Phuket and Krabi in Thailand, cruise through Ha Long Bay in Vietnam, and discover the peaceful landscapes of Luang Prabang in Laos. The region also offers vibrant night markets, street food experiences, jungle adventures, and UNESCO World Heritage sites.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(6)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Is Southeast Asia safe for tourists?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-6" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-6" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, Southeast Asia is generally considered very safe and welcoming for travelers, including solo travelers and families. Popular destinations like Thailand, Vietnam, Cambodia, and Laos have well-developed tourism infrastructure, though it’s still important to take normal precautions in crowded areas and while using local transportation.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="7" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(7)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What languages are spoken in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-7" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-7" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Different countries have their own local languages, including Thai, Vietnamese, Khmer, and Lao. English is commonly spoken in tourist areas, hotels, restaurants, and major attractions.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="8" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(8)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What should I pack for a trip to Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-8" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-8" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>Lightweight and breathable clothing for hot and humid weather</li>
<li>Comfortable walking shoes or sandals for sightseeing</li>
<li>Sunscreen, sunglasses, and a hat for strong tropical sun</li>
<li>Insect repellent, especially for nature and island destinations</li>
<li>Modest clothing for visiting temples and religious sites</li>
<li>A reusable water bottle and small day bag for daily excursions</li>
<li>Swimwear for beaches, islands, and hotel pools</li>
<li>Travel adapters and portable chargers for electronics</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="9" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(9)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How do I travel between countries in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-9" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-9" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Short flights are usually the fastest and most convenient way to travel between countries in Southeast Asia, especially for longer distances. Buses, trains, and ferries are also popular options for travelers looking for a more affordable, scenic, and local travel experience. In many routes, especially between Thailand, Cambodia, Laos, and Vietnam, overland travel is easy and commonly used by multi-country travelers.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="10" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(10)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What food should I try in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-10" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-10" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You should try famous local dishes like Pad Thai and mango sticky rice in Thailand, pho and banh mi in Vietnam, amok curry in Cambodia, and sticky rice dishes in Laos. Southeast Asia is also known for its vibrant street food culture, tropical fruits, seafood, noodles, curries, and flavorful grilled dishes.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="11" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(11)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the most famous cities to visit?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-11" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-11" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You will find vibrant cities like Bangkok in Thailand, Hanoi and Ho Chi Minh City in Vietnam, Phnom Penh in Cambodia, and Vientiane in Laos. Each city offers a unique mix of culture, history, food, and nightlife.</p>
<p> </p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="12" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(12)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the best beaches in the region?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-12" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-12" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can enjoy world-famous beaches in Phuket, Krabi, and Koh Samui in Thailand, Ha Long Bay coastlines in Vietnam, and island escapes in Cambodia like Koh Rong. These destinations offer clear waters, soft sand, and tropical scenery.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="13" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(13)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the most popular festivals?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-13" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-13" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can experience some of Southeast Asia’s most iconic cultural celebrations throughout the year. Thailand’s Songkran Water Festival transforms entire cities into massive water celebrations, marking the traditional New Year with joy and renewal. Vietnam’s Tet (Lunar New Year) is the most important holiday of the year, where families reunite, temples fill with offerings, and streets glow with decorations and fireworks. In Cambodia, Khmer New Year brings three days of traditional games, temple visits, and water blessings, while Laos celebrates Pi Mai with Buddha statues washing rituals, parades, and nationwide water festivities.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="14" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(14)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are cultural do’s and don’ts?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-14" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-14" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><h3><strong>Do’s:</strong></h3>
<p> </p>
<ul>
<li>Dress modestly when visiting temples and religious sites</li>
<li>Remove your shoes before entering homes, temples, and some sacred places</li>
<li>Show respect to monks and local religious practices</li>
<li>Use polite gestures and a calm tone in public interactions</li>
<li>Use your right hand (or both hands) when giving or receiving items</li>
<li>Ask for permission before taking photos of people or religious ceremonies</li>
</ul>
<p> </p>
<h3><strong>Don’ts:</strong></h3>
<p> </p>
<ul>
<li>Don’t touch anyone’s head, as it is considered disrespectful in many cultures</li>
<li>Don’t point your feet at people or religious objects</li>
<li>Don’t wear revealing clothing inside temples or sacred sites</li>
<li>Don’t show public anger or raise your voice in conflicts</li>
<li>Don’t interrupt monks or sacred rituals</li>
<li>Don’t take photos where signs or locals indicate it is not allowed</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="15" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(15)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Do I need vaccinations before traveling?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-15" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-15" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Some vaccinations may be recommended depending on your route through Thailand, Vietnam, Cambodia, or Laos. It’s best to check updated health guidelines before traveling.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="16" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(16)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Is Southeast Asia good for US Citizens?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-16" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-16" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, Southeast Asia is a very popular and convenient destination for US citizens. Most countries in the region offer simple entry requirements such as visa-free stays, e-visas, or visa-on-arrival options depending on the destination. Thailand and Vietnam are especially well-suited for US travelers thanks to their strong tourism infrastructure, wide range of hotels, and easy transportation. Cambodia and Laos also provide welcoming experiences with rich culture and smooth travel processes, making the region ideal for both first-time and experienced US travelers.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="17" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(17)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How do I book Southeast Asia tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-17" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-17" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>Start by contacting Memphis Tours, where you quickly receive available options to design your customized trip</li>
<li>Then receive a detailed itinerary with all plans, services, and essential travel information</li>
<li>Next, confirm your booking by paying a deposit, as your reservation is only secured once the payment is received</li>
<li>Finally, pay the remaining balance upon arrival and start your journey smoothly</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="18" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(18)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Why book Southeast Asia tours with Memphis Tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-18" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-18" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>There are a lot of reasons to book your Southeast Asia tours with Memphis Tours. With decades of experience in travel since 1955, the company specializes in creating personalized itineraries that match your interests, budget, and travel style.</p>
<p>With strong regional expertise across Thailand, Vietnam, Cambodia, and Laos, Memphis Tours ensures smooth planning, reliable local partnerships, and well-organized travel experiences from start to finish. Our team focuses on delivering high-quality service, carefully selected experiences, and seamless arrangements across accommodation, transportation, and guided tours.</p>
<p>From the moment you start planning until you return home, Memphis Tours provides dedicated support and attention to detail, making your Southeast Asia journey both easy and memorable.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="19" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(19)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Are taxes included in our Southeast tour packages?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-19" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-19" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, taxes are included in the listed prices. This means the price you see already covers all applicable service charges and standard taxes, so there are no hidden costs added later. Any additional expenses would only apply if you choose optional upgrades, personal purchases, or extra services during your trip.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="20" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(20)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How much deposit do I need to pay?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-20" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-20" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>A 50% deposit is required 30 days before the arrival date to confirm your booking</li>
<li>The remaining 70% balance is paid 10 days before guests’ arrival</li>
<li>Payments can be made securely via Visa, MasterCard, or American Express</li>
<li>Wire transfers are also accepted as a payment method</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="21" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(21)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Where are the best photography spots?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-21" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-21" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>The best photography spots depend on the destination you choose, but Southeast Asia offers countless iconic locations for stunning travel photos.</p>
<p> </p>
<ul>
<li>In Thailand, places like Bangkok’s Grand Palace, Chiang Mai temples, and Phi Phi Islands are perfect for culture and beach shots</li>
<li>In Vietnam, Ha Long Bay, Hoi An Ancient Town, and the rice terraces of Sapa offer dramatic landscapes and golden light scenes</li>
<li>In Cambodia, Angkor Wat at sunrise is one of the most iconic photography spots in the world</li>
<li>In Laos, Luang Prabang’s temples, waterfalls, and Mekong River sunsets create peaceful and cinematic compositions</li>
</ul>
<p> </p>
<p>From temples and street life to islands and mountains, every destination offers unique and highly photogenic scenery.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="22" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(22)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What adventure activities can I do?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-22" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-22" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can go trekking in northern Vietnam, island hopping in Thailand, jungle exploration in Laos, and temple adventures in Cambodia. The region is perfect for both soft and extreme adventure travel.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="23" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(23)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Why should I consider a Southeast Asia tour?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-23" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-23" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>A guided tour makes travel across Southeast Asia easier by handling logistics and transfers. It also helps you experience local culture more deeply with expert guidance.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="24" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(24)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What vehicles can I use in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-24" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-24" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>You can use domestic flights for long distances between countries and major cities</li>
<li>You can travel by trains, especially scenic routes in Vietnam and Thailand</li>
<li>You can use private cars or tourist vans for comfort and guided transfers</li>
<li>You can ride tuk-tuks and taxis for short-distance travel in cities</li>
<li>You can use motorbike taxis or rental scooters for flexible local exploration</li>
<li>You can take ferries and boats for island hopping in places like Thailand and Vietnam</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="faq-load-more-wrap" class="tw-text-center tw-mt-8">
<button type="button" onclick="loadMoreFAQs()" class="tw-px-8 tw-py-3 tw-bg-white tw-border tw-border-gray-300 tw-rounded-lg tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all tw-duration-300">
Load More FAQs </button>
</div>
</div>
</section>
<section class="tw-relative tw-py-24 lg:tw-py-32 tw-overflow-hidden tw-group/testimonials" id="home-reviews-section">
<div class="tw-absolute tw-inset-0 tw-z-0 tw-bg-gradient-to-br tw-from-navy tw-via-[#0e3b66]">
<div class="tw-absolute tw-inset-0 tw-opacity-5" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
</div>
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-relative tw-z-10">
<div class="tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center">
<div class="lg:tw-col-span-4 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-text-sm tw-mb-4 tw-block">Voices of Experience</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-white tw-mb-8 tw-leading-tight">
Stories from<br />
<span class="tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-gold tw-to-amber-300">Our Community</span>
</h2>
<p class="tw-text-gray-300 tw-text-lg tw-mb-12 tw-leading-relaxed tw-opacity-90 tw-max-w-md tw-mx-auto lg:tw-mx-0">
Join :count travelers who have uncovered the magic of :destination with our expert guidance. </p>
<div class="tw-flex tw-flex-row lg:tw-flex-col tw-gap-6 tw-justify-center lg:tw-justify-start">
<a href="https://g.co/kgs/wUs9Q45" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
<div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
<img src="/theme/Com2025/img/google.svg" alt="Google" class="tw-w-5 tw-h-5" loading="lazy">
</div>
<div class="tw-text-left tw-hidden md:tw-block">
<div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">Google</div>
<div class="tw-flex tw-text-amber-400 tw-text-[10px] tw-gap-0.5">
<ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon> </div>
</div>
</a>
<a href="https://www.tripadvisor.com/Attraction_Review-g294201-d20398123-Reviews-Memphis_Tours-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
<div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
<img src="/theme/Com2025/img/tripadvisor.svg" alt="TripAdvisor" class="tw-w-6 tw-h-6 tw-object-contain" loading="lazy">
</div>
<div class="tw-text-left tw-hidden md:tw-block">
<div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">TripAdvisor</div>
<div class="tw-flex tw-text-[#00AA6C] tw-text-[8px] tw-gap-0.5">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span> </div>
</div>
</a>
</div>
</div>
<div class="lg:tw-col-span-8 tw-relative">
<div class="tw-flex tw-items-end tw-justify-end tw-mb-8 tw-gap-4 tw-px-4 lg:tw-px-0">
<button type="button" id="prev-review"
class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
aria-label="Previous review">
<ion-icon name="arrow-back-outline" class="tw-text-xl group-hover:-tw-translate-x-1 tw-transition-transform"></ion-icon>
</button>
<button type="button" id="next-review"
class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
aria-label="Next review">
<ion-icon name="arrow-forward-outline" class="tw-text-xl group-hover:tw-translate-x-1 tw-transition-transform"></ion-icon>
</button>
</div>
<div id="reviews-scroll" class="tw-flex tw-overflow-x-auto tw-pb-8 tw-snap-x tw-snap-mandatory no-scrollbar" style="scroll-behavior: smooth;">
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
L </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Lucas Smith</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Two Destinations & 1 Trip”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We truly enjoyed our combined trip to Vietnam and Thailand.
&nbsp;
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2026</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
O </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Olivia Brown</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Thank You!”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Many thanks to Memphis Tours for arranging our wonderful trip to Vietnam.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2026</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
S </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Sophia</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Unforgettable Memories ”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We did Vietnam, Cambodia, and Laos, and every destination had something unique. The guides really added value with local insights. Just a bit of heat in some places, but that&rsquo;s expected!
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Aug 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Mark Evans</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Great for First-Time Asia Travelers”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This was my first time in Southeast Asia, and Memphis Tours made it easy. Transfers, hotels, and tours were all arranged perfectly. I never felt lost or overwhelmed.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Jessica Morgan</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star" class="tw-opacity-30"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Memphis Tours Did Great, But Hot Weather! ”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Our Vietnam and Cambodia trip was well organized. Guides were excellent, but the tropical heat in Siem Reap made midday activities tiring. Plan for lots of water!
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
L </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Liam</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Laos Was the Highlight”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I didn&rsquo;t expect Laos to be my favorite, but Luang Prabang was peaceful and beautiful. The entire trip across multiple countries felt well thought out and enjoyable.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
S </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight"> Sarah Collins</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Best Trip We’ve Ever Taken”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Our Vietnam and Thailand tour was incredible! From Ha Long Bay to Bangkok&rsquo;s temples, every stop was unforgettable. Hotels were great, and the itinerary was well balanced, not too rushed.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Oct 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Michael Turner</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“A Seamless Southeast Asia Experience”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We booked the Vietnam, Cambodia, and Laos package, and everything was perfectly organized. The transitions between countries were smooth, and the guides were knowledgeable. Memphis Tours really made this a stress-free trip.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">James</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Great Service from Memphis Tours”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">From booking to the final day, everything was handled with care. The team was responsive, and our guides were excellent. Definitely recommend Memphis Tours for Southeast Asia tours.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Jason Reed</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Vietnam Stole My Heart”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I did a Vietnam-only tour, and it exceeded expectations. The food, culture, and scenery were amazing. I especially loved Hoi An. Would&rsquo;ve liked one extra free day, but overall fantastic.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Nov 2023</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-overflow-hidden tw-leading-none tw-z-10 tw-pointer-events-none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"
class="tw-relative tw-block tw-w-[calc(100%+1.3px)] tw-h-[60px] lg:tw-h-[100px] tw-text-white tw-fill-current">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"></path>
</svg>
</div>
</section>
<style>
.gallery-container {
/* max-width: 1300px;
margin: 50px auto;
padding: 0 15px; */
}
.gallery-section {
padding: 64px 0;
}
.section-heading {
text-align: center;
margin-bottom: 15px;
color: #0a3256;
font-weight: 700;
}
.section-description {
text-align: center;
color: #6c757d;
max-width: 700px;
margin: 0 auto 50px;
}
.gallerySwiper {
width: 100%;
padding-bottom: 60px;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease;
height: auto;
margin-bottom: 25px;
}
.gallery-item:hover {
transform: translateY(-5px);
}
.gallery-item img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.8);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #f9a825;
opacity: 0.9;
}
.gallerySwiper .swiper-pagination-bullet-active {
background-color: #f9a825;
}
.gallerySwiper .swiper-button-next {
bottom: 10px;
top: auto;
right: 35%;
background: #f9a825;
color: #fff !important;
}
.gallerySwiper .swiper-button-prev {
bottom: 10px;
top: auto;
left: 35%;
}
.gallerySwiper .swiper-button-next,
.gallerySwiper .swiper-button-prev {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #f9a825;
color: #f9a825;
}
.gallerySwiper .swiper-button-next:after,
.gallerySwiper .swiper-button-prev:after {
font-size: 16px;
font-weight: bold;
}
.gallerySwiper .swiper-progress {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 200px;
height: 4px;
background-color: #e0e0e0;
border-radius: 2px;
overflow: hidden;
z-index: 10;
}
.gallerySwiper .swiper-progress-bar {
width: 0%;
height: 100%;
background-color: #f9a825;
border-radius: 2px;
transition: width 0.3s ease;
}
.gallery-grid {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.gallery-grid-item {
padding: 15px;
width: 25%;
}
@media (max-width: 1200px) {
.gallery-grid-item {
width: 33.333%;
}
}
@media (max-width: 992px) {
.gallery-grid-item {
width: 33.333%;
}
}
@media (max-width: 768px) {
.gallery-grid-item {
width: 50%;
}
}
@media (max-width: 576px) {
.gallery-grid-item {
width: 100%;
}
}
</style>
<div class="gallery-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h3>From Our Gallery</h3>
<p>See the world through the eyes of our travelers and Get inspired by real experiences!</p>
</div>
</div>
</div>
<div class="swiper-container gallerySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container-fluid px-0">
<div class="row g-4">
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/c51618c105f1083f891938b277e85d1c.webp" alt="Angkor Wat Temple in At Sunset " title="Angkor Wat Temple in At Sunset ">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/03757f63ff47aae9398b2973218aeba5.webp" alt="Ha Long Bay" title="Ha Long Bay">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/2ffb55f58d0347b8dac422bbd1fc518e.webp" alt="Making crafts during a workshop with local people in Thailand" title="Making crafts during a workshop with local people in Thailand">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/7acb3741bdd0c1ea8efefa63f57c2e58.webp" alt="Motor Bikes in Vietnam" title="Motor Bikes in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/714ef1baf6f1d16f85abb6e4628459d5.webp" alt="Our Clients enjoying their trip in Vietnam" title="Our Clients enjoying their trip in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/281390adb7e852bcd909b2a6ac4913a2.webp" alt="Our clients in Vietnam" title="Our clients in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/ce09a0f60d1cae670b72b08d7ec9f095.webp" alt="Tran Quoc Pagoda in Hanoi" title="Tran Quoc Pagoda in Hanoi">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/f2d4aee93667b58f41cdde6c1fc85f85.webp" alt="Wat Arun Temple in Thailand" title="Wat Arun Temple in Thailand">
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="container-fluid px-0">
<div class="row g-4">
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/cf73d5a590a4bb2aade9098793b9f78c.webp" alt="Woman exploring buddhist temple in Laos" title="Woman exploring buddhist temple in Laos">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/c7e813137f0572a77b768b12bf8cbf5d.webp" alt="Woman riding bicycle in Angkor Wat in Cambodia" title="Woman riding bicycle in Angkor Wat in Cambodia">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/923c8dfad3a7131ac275f96bec378f87.webp" alt="Woman walking on boardwalk through rice fields in laos" title="Woman walking on boardwalk through rice fields in laos">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Navigation buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Progress bar instead of pagination -->
<div class="swiper-progress">
<div class="swiper-progress-bar"></div>
</div>
</div>
</div>
</div>
<section class="tw-bg-white tw-py-12 md:tw-py-24 tw-border-t tw-border-gray-100" id="discover-more">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-mb-16 tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-end tw-gap-6">
<div>
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-mb-2 tw-block">Curated Collections</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Discover More About :destination</h2>
</div>
<p class="tw-text-gray-500 tw-max-w-md tw-text-right md:tw-text-left">Explore unique stories, insider tips, and must-see spots to make the most of your visit.</p>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-6 lg:tw-auto-rows-min">
<div class="lg:tw-col-span-2 tw-relative tw-rounded-[2.5rem] tw-overflow-hidden tw-group tw-min-h-[450px] lg:tw-min-h-[500px] tw-shadow-2xl tw-flex tw-flex-col tw-justify-end">
<img src="/theme/Com2025/img/main_slider_image.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[20s] group-hover:tw-scale-105" alt="Inspiring Articles" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
<div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
<span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
</div>
<div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
<div>
<h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Inspiring Articles</h3>
<p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
</div>
<a href="https://www.memphistours.com/blog/12-romantic-vacations-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-inline-flex tw-items-center tw-gap-2 tw-px-6 tw-py-3 tw-bg-white tw-text-navy tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:tw-text-white tw-transition-all tw-shadow-lg active:tw-scale-95 tw-shrink-0">
View Collection </a>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
<a href="https://www.memphistours.com/blog/12-romantic-vacations-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">12 Romantic Vacations in Asia</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/blog/best-countries-to-visit-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">8 Best Countries to Visit in Asia</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/blog/cheap-tropical-vacation-spots" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden tw-hidden md:tw-block">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">7 Best Cheap Tropical Vacation Spots Around the World</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
<div>
<div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
<ion-icon name="compass"></ion-icon>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Top Rated Tours</h3>
<p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
</div>
<div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/thailand-classic-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-purple-100 hover:tw-bg-purple-50 hover:tw-text-purple-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="diamond-outline" class="tw-text-3xl tw-mb-2 tw-text-purple-600/70 group-hover/style:tw-text-purple-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Thailand Classic Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/a-marvelous-tour-of-thailand-and-bangkok" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-cyan-100 hover:tw-bg-cyan-50 hover:tw-text-cyan-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="boat-outline" class="tw-text-3xl tw-mb-2 tw-text-cyan-600/70 group-hover/style:tw-text-cyan-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Thailand and Bangkok Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/vietnam-guided-tours/vietnam-vacations/vietnam-journey-into-nature-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-orange-100 hover:tw-bg-orange-50 hover:tw-text-orange-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="compass-outline" class="tw-text-3xl tw-mb-2 tw-text-orange-600/70 group-hover/style:tw-text-orange-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Vietnam Journey into Nature Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/multi-country-asia-tour-packages/asia-multi-country-tour/14-days-vietnam-laos-and-cambodia-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-red-100 hover:tw-bg-red-50 hover:tw-text-red-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="people-outline" class="tw-text-3xl tw-mb-2 tw-text-red-600/70 group-hover/style:tw-text-red-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">14 Days Vietnam, Laos, and Cambodia Tour</span>
</a>
</div>
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/thailand-classic-tour" target="_blank" rel="noopener noreferrer"
class="tw-text-center tw-w-full tw-block tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs hover:tw-text-navy tw-transition-colors">View All Styles</a>
</div>
<div class="tw-bg-navy tw-rounded-[2.5rem] tw-relative tw-overflow-hidden tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/dest tw-shadow-xl hover:tw-shadow-2xl tw-transition-all tw-min-h-[400px]">
<div class="tw-absolute tw-inset-0 tw-opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
<div class="tw-absolute tw-top-0 tw-right-0 tw-w-64 tw-h-64 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-translate-x-1/2 -tw-translate-y-1/2 tw-transition-transform tw-duration-700 group-hover/dest:tw-scale-150"></div>
<div class="tw-relative tw-z-10 tw-flex-1">
<div class="tw-flex tw-justify-between tw-items-start tw-mb-6">
<div class="tw-w-14 tw-h-14 tw-bg-white/5 tw-border tw-border-white/10 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-gold tw-text-2xl group-hover/dest:tw-bg-gold group-hover/dest:tw-border-gold group-hover/dest:tw-text-navy tw-transition-all tw-duration-500 group-hover/dest:tw-scale-105">
<ion-icon name="map"></ion-icon>
</div>
<span class="tw-px-3 tw-py-1 tw-bg-white/10 tw-text-white tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-backdrop-blur-md">12+ Places</span>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Places to Visit</h3>
<p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
<ul class="tw-space-y-4">
<li>
<a href="https://www.memphistours.com/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Hanoi</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Pu Luong Nature Reserve</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/southeast-asia-tours/best-of-ninh-binh-vietnam" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Ninh Binh</span>
</div>
</a>
</li>
</ul>
</div>
<div class="tw-relative tw-z-10 tw-mt-8">
<a href="https://www.memphistours.com/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank" rel="noopener noreferrer"
class="tw-inline-flex tw-items-center tw-justify-center tw-w-full tw-gap-2 tw-p-3 tw-bg-white/5 hover:tw-bg-gold tw-text-white hover:tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs tw-rounded-xl tw-transition-all">
Explore All <ion-icon name="arrow-forward"></ion-icon>
</a>
</div>
</div>
<div class="lg:tw-col-span-2 tw-bg-gradient-to-br tw-from-cream tw-to-tan-light tw-rounded-[2.5rem] tw-p-8 lg:tw-p-10 tw-flex tw-flex-col md:tw-flex-row tw-gap-8 tw-items-center tw-relative tw-overflow-hidden tw-group/journal tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-border tw-border-gold/10 hover:tw-border-gold/30 tw-transition-colors tw-min-h-[400px]">
<div class="tw-absolute -tw-bottom-32 -tw-right-32 tw-w-96 tw-h-96 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-transition-transform tw-duration-1000 group-hover/journal:tw-scale-150"></div>
<div class="tw-flex-1 tw-relative tw-z-10 tw-w-full md:tw-pr-4">
<div class="tw-w-14 tw-h-14 tw-bg-white tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 tw-shadow-sm group-hover/journal:-tw-translate-y-1 tw-transition-transform tw-duration-500 tw-border tw-border-gray-100">
<ion-icon name="book"></ion-icon>
</div>
<div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1 tw-bg-green-100/80 tw-text-green-700 tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-mb-4 tw-border tw-border-green-200 tw-backdrop-blur-sm">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-green-500 tw-animate-pulse"></span> Expert Guides </div>
<h3 class="tw-text-4xl lg:tw-text-5xl tw-font-serif tw-text-navy tw-mb-4 tw-leading-tight">Travel Journal</h3>
<p class="tw-text-gray-600 tw-text-sm tw-mb-8 tw-max-w-sm tw-leading-relaxed">Expert advice, insider stories, and comprehensive guides for your perfect trip to :destination.</p>
<a href="/blog" class="tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-3.5 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:-tw-translate-y-1 tw-transition-all tw-shadow-lg hover:tw-shadow-xl active:tw-scale-95">
Read Journal </a>
</div>
<div class="tw-flex-[1.2] tw-flex tw-flex-col tw-gap-4 tw-relative tw-z-10 tw-w-full">
<a href="/blog/10-must-try-vietnamese-dishes"
class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
<div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
<ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</div>
<div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/179a549560ed62fff630d2b00178f6d4.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Popular Traditional Vietnamese food dishes " loading="lazy">
</div>
<div class="tw-pr-6 tw-min-w-0">
<p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Food</p>
<h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">10 Must-Try Vietnamese Dishes for Food Lovers</h4>
</div>
</a>
<a href="/blog/egypt-and-jordan-adventure"
class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
<div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
<ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</div>
<div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Please Note: The images used in this article are AI generated to protect our client's privacy." loading="lazy">
</div>
<div class="tw-pr-6 tw-min-w-0">
<p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Traveler Stories</p>
<h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h4>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="blog-section tw-bg-gray-50 tw-py-16" id="home-travel-journal">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-end tw-mb-8 tw-gap-4">
<div>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Our Travel Journal</h2>
<p class="tw-text-gray-600 tw-mt-2 tw-text-base tw-max-w-2xl">Explore our curated travel blogs to Stay updated with the latest travel tips, destination guides, and insider stories!</p>
</div>
<a href="/blog"
class="cta-button tw-hidden sm:tw-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
data-cta-name="see all blogs"
data-section-title="our travel journal">
See all Blogs </a>
</div>
<div class="tw-flex tw-flex-col md:tw-flex-row tw-h-auto md:tw-h-[600px] tw-gap-4 tw-w-full tw-group/journal">
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/10-must-try-vietnamese-dishes" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Must-Try Vietnamese Dishes for Food Lovers"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/179a549560ed62fff630d2b00178f6d4.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="Popular Traditional Vietnamese food dishes " title="traditional-vietnamese-food-dishes" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Food</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-gold tw-text-navy tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg">Food</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Must-Try Vietnamese Dishes for Food Lovers</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">Find 10 must-try Vietnamese dishes that showcase the country&rsquo;s rich flavors, street food culture, and traditional recipes.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/egypt-and-jordan-adventure" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes "></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Please Note: The images used in this article are AI generated to protect our client's privacy." title="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes " loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Traveler Stories</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #00000040;">Traveler Stories</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the magic of an Egypt and Jordan adventure. Explore ancient wonders, iconic landmarks, and rich history on this unforgettable tour.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/tallest-skyscrapers-in-the-world" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Tallest Skyscrapers in the World"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/6ba821bb2b17ec490c1ab1846b19f45e.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 Tallest Skyscrapers in the World" title="10 Tallest Skyscrapers in the World" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Attractions</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #0080ff40;">Attractions</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Tallest Skyscrapers in the World</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Rising high from the ground, skyscrapers are the most awe-inspiring structures that reflect urban sophistication.&nbsp;So, whether you&#39;re an adventurer seeking a bird&#39;s-eye view or simply curious about these t...</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/pet-friendly-vacations" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Great Pet-friendly Vacations"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/5de74aea81a0f3e43129bc63c465d109.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 Great Pet-friendly Vacations" title="10 Great Pet-friendly Vacations" 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 Great Pet-friendly Vacations</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">You got your pup and now all you need is a pet-friendly vacation! Whether you&#39;re planning a relaxing stay back or an adventurous trip, there are plenty of options for you and your furry little friend.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
</div>
<div class="tw-mt-8 tw-text-center sm:tw-hidden">
<a href="/blog"
class="cta-button tw-inline-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
data-cta-name="see all blogs"
data-section-title="our travel journal">
See all Blogs </a>
</div>
</div>
</section>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
var blogCtaButtons = document.querySelectorAll('.blog-section .cta-button');
blogCtaButtons.forEach(function(blogCtaButton) {
blogCtaButton.addEventListener('click', function() {
var sectionTitle = this.getAttribute('data-section-title') || 'our travel journal';
var dataLayerEvent = {
'event': 'cta_click',
'cta_name': 'see all blogs',
'section_title': sectionTitle,
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
});
});
})();
</script>
<section class="wikis-section tw-bg-[#f8f9fa] tw-py-16" id="know-more-with-memphis">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-mb-12">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-wider tw-text-sm tw-block tw-mb-2">Guide</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy tw-mb-4">Know more with Memphis</h2>
<p class="tw-text-gray-600 tw-text-lg tw-max-w-2xl">From travel tips to destination highlights - Explore our travel guide!</p>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6">
<a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1260432210_ho-chi-minh-mausoleum.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Ho Chi Minh Mausoleum Visitor Guide"
title="Ho Chi Minh Mausoleum Visitor Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Ho Chi Minh Mausoleum Visitor Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Explore Ho Chi Minh Mausoleum in Hanoi, including opening hours, etiquette rules, history, and travel tips for first-time visitors.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1384708756_Hanoi-vietnam.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Hanoi Vietnam: The Capital of Culture and History"
title="Hanoi Vietnam: The Capital of Culture and History">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Hanoi Vietnam: The Capital of Culture and History</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Visit Hanoi, Vietnam&rsquo;s heart of culture and history, from Hoan Kiem Lake and Old Quarter to street food and ancient temples.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/best-of-ninh-binh-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1048036458_ninh-binh.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Best of Ninh Binh: Attractions, Tips & Travel Guide"
title="Best of Ninh Binh: Attractions, Tips & Travel Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Best of Ninh Binh: Attractions, Tips & Travel Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Ninh Binh travel guide: explore Trang An, Tam Coc, Mua Cave, and Hoa Lu with practical tips, best time to visit, and itinerary ideas.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/hue-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/708856384_hue-vietnam.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Hue Vietnam Guide"
title="Hue Vietnam Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Hue Vietnam Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Discover Hue with our complete travel guide, including must-see sights, historic landmarks, and cultural experiences in the former imperial capital.
&nbsp;
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
</div>
</div>
</section>
<!-- </div> -->
<footer class="tw-bg-white tw-relative tw-overflow-hidden tw-border-t tw-border-gray-100 tw-flex tw-flex-col tw-justify-end tw-min-h-[500px]">
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-z-0 tw-pointer-events-none">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-white tw-via-white/80 tw-to-transparent tw-z-10 tw-h-[60%] sm:tw-h-[40%]"></div>
<img src="/theme/Com2025/img/memphi-footer-bk.png" alt="Memphis Tours Background Landscape"
class="tw-w-full tw-h-auto tw-max-h-[500px] tw-object-cover tw-object-bottom tw-opacity-100 tw-mix-blend-multiply" />
</div>
<div class="tw-w-full tw-pt-16 tw-pb-6 tw-relative tw-z-10 tw-flex tw-flex-col tw-items-center tw-text-center tw-px-6">
<div class="tw-mb-12">
<a href="/" class="tw-inline-block tw-relative tw-z-10 tw-transition-transform hover:tw-scale-105">
<img src="/theme/Com2021/img/logo.svg?v=new" alt="Memphis Tours" title="Memphis Tours" class="tw-h-[52px] tw-w-auto" />
</a>
</div>
<div class="tw-max-w-[1000px] tw-mx-auto tw-mb-16 tw-flex tw-flex-wrap tw-justify-center tw-gap-x-8 tw-gap-y-5 tw-text-[14px] tw-font-semibold tw-text-navy/80 tw-relative tw-z-10">
<a href="/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Privacy Policy </a>
<a href="/general/contact-us" title="Contact Us " class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Contact Us </a>
<a href="/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Responsible Travel </a>
<a href="/general/terms-conditions" title="Terms & 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 & 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">
© 2026 Copyright to MEMPHIS TOURS </p>
</div>
</div>
<div class="tw-h-16 lg:tw-hidden tw-relative tw-z-10"></div>
</footer>
</body>
<script src="/js/jquery-1.11.3.min.js?1780571495" full="1"></script><script src="/js/jquery-migrate-1.2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.tools.min.js?1780571495" full="1"></script><script src="/com2025/js/js.js?1780571493" full="1"></script><script src="/js/jquery.lazyload.js?1780571495" full="1"></script><script src="/js/mobile/idangerous.swiper-2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.prettyPhoto.js?1780571495" full="1"></script><script src="/js/jquery-ui1.10.1.js?1780571495" full="1"></script><script src="/js/jquery.ui.touch-punch.min.js?1780571495" full="1"></script><script src="/com2025/js/moment.js?1780571493" full="1"></script><script src="/com2025/js/daterangepicker.js?1780571493" full="1"></script><script src="/com2025/js/mdb.min.js?1780571493" full="1"></script><script src="/js/admin/jquery.autocomplete.js?1780571495" full="1"></script><script src="/js/jquery.validate.js?1780571495" full="1"></script><script src="/com2025/js/multiple-select.js?1780571493" full="1"></script><script src="/js/mobile/owl.carousel.js?1780571495" full="1"></script><script src="/com2025/js/bootstrap.bundle.min.js?1780571493"></script><script type="text/javascript">
window.Com2025PhoneValidation = {
brazilError: "Enter area code (2 digits) followed by phone number (8 or 9 digits)",
brazilPlaceholder: "Area code + number, e.g. 11987654321",
brazilTitle: "Area code: 2 digits. Phone number: 8 or 9 digits."};
</script>
<script src="/com2025/js/phone-validation.js?1780571493"></script> <script type="text/javascript" >
jQuery(document).ready(function() {
jQuery.material.init();
});
</script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
jQuery(function() {
jQuery("img.lazy").lazyload({
effect : "fadeIn"
});
jQuery("div.lazy").lazyload({
effect : "fadeIn"
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".programBox_wishList").click(function() {
let element = this;
let link_data = $(this).data('program_id');
$.ajax({
type: "POST",
url: '/ajax/clients/set_wish_list/'+link_data,
success: function(data) {
if(data == 'success'){
console.log($(element));
$(element).attr( 'id', 'wish' );
}else{
$('a[data-program_id="' + link_data + '"] > i.whishstate').css({"color":"red"})
}
}
});
});
$(".programBox_wishList").each(function() {
let element = this;
let link_data = $(this).data('program_id');
});
});
</script>
<script type="text/javascript">
function homeGetPriceInputs() {
var minEl = document.getElementById('filter-price-min');
var maxEl = document.getElementById('filter-price-max');
if (!minEl) {
minEl = document.querySelector('.home-filter-price-min');
}
if (!maxEl) {
maxEl = document.querySelector('.home-filter-price-max');
}
return { minEl: minEl, maxEl: maxEl };
}
function homeSetFilterRadio(name, value) {
var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
if (!input) {
return;
}
input.checked = true;
if (typeof trackFilterEvent === 'function') {
trackFilterEvent(input);
}
if (typeof filter === 'function') {
filter();
}
homeCloseFilterDropdowns();
homeSyncFilterUiState();
}
function homeApplyPriceFilter() {
var inputs = homeGetPriceInputs();
var minEl = inputs.minEl;
var maxEl = inputs.maxEl;
var amount = document.getElementById('amount');
if (!amount) {
return;
}
var min = minEl && minEl.value ? parseInt(minEl.value, 10) : 1;
var max = maxEl && maxEl.value ? parseInt(maxEl.value, 10) : 12000;
if (isNaN(min)) {
min = 1;
}
if (isNaN(max)) {
max = 12000;
}
amount.value = '$' + min + ' - $' + max;
amount.setAttribute('values', min + ',' + max);
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [min, max]);
}
if (typeof filter === 'function') {
filter();
}
homeCloseFilterDropdowns();
homeSyncFilterUiState();
}
function homeResetPriceFilter() {
var amount = document.getElementById('amount');
if (amount) {
amount.setAttribute('values', '1,12000');
amount.value = '$1 - $12000';
}
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [1, 12000]);
}
var inputs = homeGetPriceInputs();
if (inputs.minEl) {
inputs.minEl.value = 1;
}
if (inputs.maxEl) {
inputs.maxEl.value = 12000;
}
if (typeof filter === 'function') {
filter();
}
}
function homeClearAllFilters() {
['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
var anyInput = document.querySelector('input[name="' + name + '"][value="0"]');
if (anyInput) {
anyInput.checked = true;
}
});
homeResetPriceFilter();
if (typeof filter === 'function') {
filter();
}
homeSyncFilterUiState();
}
function homeCloseFilterDropdowns() {
document.querySelectorAll('.home-filter-dropdown').forEach(function(d) {
d.classList.add('tw-opacity-0', 'tw-invisible');
});
}
function homeCloseMobileFilter() {
var modal = document.getElementById('mobile-filter-modal');
if (modal) {
modal.classList.add('tw-translate-y-full');
}
}
function homeSetQuickAccessActive(tagKey) {
var activeKey = tagKey || 'all';
document.querySelectorAll('.home-quick-access-btn').forEach(function(btn) {
var isActive = btn.getAttribute('data-tag') === activeKey;
btn.classList.toggle('tw-bg-navy', isActive);
btn.classList.toggle('tw-text-white', isActive);
btn.classList.toggle('tw-shadow-sm', isActive);
btn.classList.toggle('tw-bg-white', !isActive);
btn.classList.toggle('tw-text-gray-600', !isActive);
});
}
function homeApplyFilterFromQuery(queryString) {
if (!queryString) {
return false;
}
var params = new URLSearchParams(queryString);
var nameMap = { Category: 'rootCategory' };
var applied = false;
params.forEach(function(value, key) {
var name = nameMap[key] || key;
if (['Offer', 'Country', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].indexOf(name) >= 0) {
var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
if (input) {
input.checked = true;
applied = true;
}
} else if (key === 'price') {
var amount = document.getElementById('amount');
var parts = String(value).split(',');
if (amount && parts.length === 2) {
amount.setAttribute('values', value);
amount.value = '$' + parts[0] + ' - $' + parts[1];
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [parseInt(parts[0], 10), parseInt(parts[1], 10)]);
}
applied = true;
}
}
});
if (applied && typeof filter === 'function') {
filter();
}
return applied;
}
function filterTours(linkOrAll, title) {
if (linkOrAll === 'all') {
homeSetQuickAccessActive('all');
if (typeof homeClearAllFilters === 'function') {
homeClearAllFilters();
}
return;
}
if (title) {
homeSetQuickAccessActive(title);
}
if (!linkOrAll) {
return;
}
var link = String(linkOrAll);
if (link.indexOf('?') !== -1) {
var qs = link.split('?').slice(1).join('?');
if (homeApplyFilterFromQuery(qs)) {
return;
}
}
window.location.href = link;
}
function homeSyncFilterUiState() {
var hasFilter = false;
['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
var checked = document.querySelector('input[name="' + name + '"]:checked');
if (checked && checked.value !== '0') {
hasFilter = true;
}
});
var amount = document.getElementById('amount');
if (amount) {
var vals = amount.getAttribute('values');
if (vals && vals !== '1,12000' && vals !== '0,12000') {
hasFilter = true;
}
}
var clearBtn = document.getElementById('btn-clear-all');
if (clearBtn) {
clearBtn.classList.toggle('tw-hidden', !hasFilter);
}
}
document.addEventListener('DOMContentLoaded', function() {
var quickAccessContainer = document.getElementById('quick-access-container');
if (quickAccessContainer) {
quickAccessContainer.addEventListener('click', function(e) {
var btn = e.target.closest('.home-quick-access-btn');
if (!btn) {
return;
}
if (btn.getAttribute('data-quick-access') === 'all' || btn.getAttribute('data-tag') === 'all') {
filterTours('all');
return;
}
filterTours(btn.getAttribute('data-link'), btn.getAttribute('data-tag'));
});
}
document.querySelectorAll('.home-filter-dropdown-btn').forEach(function(btn) {
btn.addEventListener('click', function(e) {
e.stopPropagation();
var dropdown = this.nextElementSibling;
if (!dropdown || !dropdown.classList.contains('home-filter-dropdown')) {
return;
}
var isHidden = dropdown.classList.contains('tw-invisible');
homeCloseFilterDropdowns();
if (isHidden) {
dropdown.classList.remove('tw-opacity-0', 'tw-invisible');
}
});
});
document.addEventListener('click', homeCloseFilterDropdowns);
if (typeof jQuery !== 'undefined') {
jQuery(document).on('slide', '#slider-range', function(event, ui) {
var inputs = homeGetPriceInputs();
if (inputs.minEl) {
inputs.minEl.value = ui.values[0];
}
if (inputs.maxEl) {
inputs.maxEl.value = ui.values[1];
}
});
}
setTimeout(function() {
var inputs = homeGetPriceInputs();
var amount = document.getElementById('amount');
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length) {
var vals = jQuery('#slider-range').slider('values');
if (inputs.minEl && inputs.maxEl) {
inputs.minEl.value = vals[0];
inputs.maxEl.value = vals[1];
}
if (amount) {
amount.setAttribute('values', vals[0] + ',' + vals[1]);
}
}
homeSyncFilterUiState();
if (document.querySelectorAll('.home-quick-access-btn').length) {
var hasFilterParam = ['Offer', 'Country', 'Category', 'Style', 'Group', 'Activity', 'Duration', 'price'].some(function(key) {
return window.location.search.indexOf(key + '=') !== -1;
});
if (!hasFilterParam) {
homeSetQuickAccessActive('all');
}
}
}, 100);
});
</script>
<script type="text/javascript">
function changeCountries(Country, element) {
// Track filter event before redirect
if (element) {
trackFilterEvent(element);
}
window.location.replace('/'+Country);
}
// Track filter events for GTM
function trackFilterEvent(element) {
window.dataLayer = window.dataLayer || [];
// Find the parent filter box
var filterBox = element.closest('.left_filter_all_box');
if (!filterBox) return;
// Get the filter title (filter_by)
var filterTitleElement = filterBox.querySelector('.left_filter_all_box_title');
var filterBy = filterTitleElement ? filterTitleElement.textContent.trim().toLowerCase() : '';
// Get the selected value (filter_value)
var filterValue = '';
if (element.type === 'radio' && element.checked) {
// Get the label text for the selected radio button
var label = filterBox.querySelector('label[for="' + element.id + '"]');
if (!label) {
// Try to find label that contains this input
label = element.closest('label');
}
if (label) {
// Get text content, excluding the radio button itself
var labelText = label.textContent || label.innerText;
filterValue = labelText.trim().toLowerCase();
}
}
// Push filter event to dataLayer
if (filterBy && filterValue) {
var dataLayerEvent = {
'event': 'filter',
'filter_by': filterBy,
'filter_value': filterValue
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
}
// Attach event listeners to all filter inputs
document.addEventListener('DOMContentLoaded', function() {
var filterInputs = document.querySelectorAll('.left_filter_all_box input[type="radio"]');
filterInputs.forEach(function(input) {
input.addEventListener('change', function() {
trackFilterEvent(this);
});
});
});
</script>
<!--<script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script>-->
<script>
var fired = false;
window.addEventListener('scroll', function() {
let scroll = window.scrollY;
if (scroll > 0 && fired === false) {
var recaptchaScript = document.createElement('script');
recaptchaScript.src = 'https://www.google.com/recaptcha/api.js?hl=en';
recaptchaScript.defer = true;
document.body.appendChild(recaptchaScript);
fired = true;
console.log('On scroll fired');
}
}, true);
$( document ).ready(function() {
function onload() {
var element = document.getElementById('Enquire-btn');
element.onclick = validate;
}
onload();
});
function openMomoAI() {
if (typeof window.openMomoAIModal === 'function') {
window.openMomoAIModal();
return;
}
var formEl = document.getElementById('bookFormNew');
if (formEl) {
formEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
}
function validate(event) {
event.preventDefault();
window.dataLayer = window.dataLayer || [];
jQuery("#bookFormNew").validate({
errorPlacement: function(error, element) {
error.insertAfter(element);
element.focus();
// Track form_error event
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var errorMessage = error.text() || 'missing field';
var dataLayerEvent = {
'event': 'form_error',
'destination': destination,
'error_message': errorMessage.toLowerCase(),
'currency': currency
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
});
var isFormValid = $("#bookFormNew").valid();
if (isFormValid) {
// Mark form as submitted to prevent abandon event
if (typeof window.setFormSubmitted === 'function') {
window.setFormSubmitted();
}
grecaptcha.execute();
}
}
function SubmitForm(data) {
if ($("#gRecaptchaResponse").val() == '') {
$("#gRecaptchaResponse").val(data);
}
// Mark form as submitted to prevent abandon event
if (typeof window.setFormSubmitted === 'function') {
window.setFormSubmitted();
}
// Track form_submission event
window.dataLayer = window.dataLayer || [];
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var nationality = ($('#nationality').val() || '').toLowerCase();
var noOfAdults = parseInt($('input[name="adults"]').val() || 0);
var noOfChildren = parseInt($('input[name="children"]').val() || 0);
var noOfInfants = parseInt($('input[name="infants"]').val() || 0);
var email = ($('#UserEmail').val() || '').toLowerCase();
var phoneNumber = ($('#UserPhone').val() || '');
var countryCode = ($('#phone_ext').val() || '');
// Calculate tour_duration_days from arrival and departure dates
var tourDurationDays = 0;
var arrivalDate = $('#datepickerArrival2').val();
var departureDate = $('#datepickerDeparture2').val();
if (arrivalDate && departureDate) {
try {
var arrival = $.datepicker.parseDate('dd/mm/yy', arrivalDate);
var departure = $.datepicker.parseDate('dd/mm/yy', departureDate);
if (arrival && departure) {
var timeDiff = departure.getTime() - arrival.getTime();
tourDurationDays = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));
if (tourDurationDays < 0) tourDurationDays = 0;
}
} catch(e) {
tourDurationDays = 0;
}
}
var dataLayerEvent = {
'event': 'form_submission',
'destination': destination,
'currency': currency,
'nationality': nationality,
'no_of_adults': noOfAdults,
'no_of_children': noOfChildren,
'no_of_infants': noOfInfants,
'email': email,
'phone_number': '+' + countryCode + phoneNumber,
'tour_duration_days': tourDurationDays
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
var btn = document.getElementById("Enquire-btn");
if (btn) { btn.classList.add("is-loading"); btn.disabled = true; }
document.getElementById("bookFormNew").submit();
}
// var disableddates = [];
// function DisableSpecificDates(date) {
// var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
// return [disableddates.indexOf(string) == -1];
// }
jQuery(function() {
jQuery("#datepickerArrival2").datepicker({
defaultDate: '+2d',
dateFormat: 'dd/mm/yy',
showOn: "both",
buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
buttonImageOnly: false,
minDate: 2,
onClose: function(selectedDate) {
if (selectedDate) {
var date = $.datepicker.parseDate("dd/mm/yy", selectedDate);
date.setDate(date.getDate() + 1); // Add 1 day
jQuery("#datepickerDeparture2").datepicker("option", "minDate", date);
}
}
});
jQuery( "#datepickerDeparture2" ).datepicker({
defaultDate: "+1d",
dateFormat: 'dd/mm/yy',
showOn: "both",
buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
buttonImageOnly: false,
minDate: 0,
});
});
function updateAgeFieldsAll(a, b, c) {
var d = $("[ageDesc='" + c + "']");
d.find(".age-input-div").length && d.find(".age-input-div").remove();
for (var e = 0; b > e; e++) {
if( c == "infant"){
var f = $("#ageInputDiv").clone().removeAttr("id").addClass("hidden age-input-div").removeClass("form-group label-floating");
f.find(".div-1").html("<input id='" + c + e + "' type='hidden' size='3' class='form-control' maxlength='2' min='1' value='1.99' max='11.99' name='infants_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
}else{
var f = $("#ageInputDiv").clone().removeAttr("id").addClass("col-md-6 age-input-div");
f.find(".div-0").html("<label for='" + c + e + "'>Age of Child "+ (e+1) +"</label>"), f.find(".div-1").html("<input id='" + c + e + "' type='number' size='3' class='form-control' value='' maxlength='2' required min='2' max='11.99' name='children_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
}
}
}
function updateAgeSelectionAll(a) {
var b = 0,
c = 0,
d = $('[id^="ageBands\\["]');
d.each(function() {
b += parseInt($(this).val())
}), c = a - b, d.each(function() {
var a = $(this),
b = parseInt(a.val()) + c,
d = a.val(),
e = 0;
a.val(d)
})
}
function paxOnChangeAll(a, b, c, d, e) {
"Adult" === c ? updateAgeSelectionAll(e) : (updateAgeFieldsAll(a, b, c.toLowerCase()), updateAgeSelectionAll(e))
}
function validateMail() {
/*
let mailValue = jQuery('#UserEmail').val();
var settings = {
"url": "https://api.sendgrid.com/v3/validations/email",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer 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",
"Content-Type": "text/plain"
},
"data": "{\r\n \"email\": \""+mailValue+"\",\r\n \"source\": \"Requests\"\r\n}",
};
if(mailValue.length > 1) {
$.ajax(settings).done(function (response) {
if (response.result.verdict == "Invalid") {
jQuery('#UserEmail').css({"border": "1px solid red", "color": "red"});
jQuery('#Enquire-btn').attr('disabled', 'disabled')
jQuery('#mail-validation').html('Please enter a Valid Email');
jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
} else {
jQuery('#UserEmail').css({"border": "1px solid #757575", "color": "#757575"});
jQuery('#Enquire-btn').removeAttr('disabled');
jQuery('#mail-validation').html('');
jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
}
});
}
*/
}
</script>
<script type="text/javascript">
updateAgeSelectionAll(9);
</script>
<script>
// Track form_start event when user focuses on any form field (first interaction)
// Also track form_abandon when user leaves the form
(function() {
window.dataLayer = window.dataLayer || [];
var formStartFired = false;
var formSubmitted = false;
var lastFieldName = '';
// Make formSubmitted accessible globally so we can set it from validate function
window.setFormSubmitted = function() {
formSubmitted = true;
};
var form = document.getElementById('bookFormNew');
if (form) {
var formFields = form.querySelectorAll('input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea');
formFields.forEach(function(field) {
field.addEventListener('focus', function() {
if (!formStartFired) {
formStartFired = true;
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var dataLayerEvent = {
'event': 'form_start',
'destination': destination,
'currency': currency
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
// Track last field name
lastFieldName = field.name || field.id || '';
}, { once: true });
// Also track on blur to capture the last field
field.addEventListener('blur', function() {
lastFieldName = field.name || field.id || '';
});
});
// Track form submission to prevent abandon event
form.addEventListener('submit', function() {
formSubmitted = true;
});
// Track form_abandon when user leaves the page
function trackFormAbandon() {
if (formStartFired && !formSubmitted) {
var tourName = (document.getElementById('gtm_tour_name') ? document.getElementById('gtm_tour_name').value : '').toLowerCase();
var tourType = (document.getElementById('gtm_tour_type') ? document.getElementById('gtm_tour_type').value : '').toLowerCase();
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
// Get field name - use the name attribute, fallback to id, or empty string
var fieldName = lastFieldName || '';
var dataLayerEvent = {
'event': 'form_abandon',
'tour_name': tourName,
'tour_type': tourType,
'destination': destination,
'form_field_name': fieldName
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
}
// Listen for page unload
window.addEventListener('beforeunload', function() {
trackFormAbandon();
});
// Listen for visibility change (tab switch, minimize, etc.)
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
trackFormAbandon();
}
});
}
})();
</script>
<script>
jQuery('.btn-number.book_all').click(function(e){
e.preventDefault();
fieldName = jQuery(this).attr('data-field');
type = jQuery(this).attr('data-type');
var input = jQuery("input[id='"+fieldName+"']");
var currentVal = parseInt(input.val());
if (!isNaN(currentVal)) {
if(type == 'minus') {
if(currentVal > input.attr('min')) {
input.val(currentVal - 1).change();
}
if(parseInt(input.val()) == input.attr('min')) {
jQuery(this).attr('disabled', true);
}
} else if(type == 'plus') {
if(currentVal < input.attr('max')) {
input.val(currentVal + 1).change();
}
if(parseInt(input.val()) == input.attr('max')) {
jQuery(this).attr('disabled', true);
}
}
} else {
input.val(1);
}
});
jQuery('.input-number.book_all').focusin(function(){
jQuery(this).data('oldValue', jQuery(this).val());
});
jQuery('.input-number.book_all').change(function() {
minValue = parseInt(jQuery(this).attr('min'));
maxValue = parseInt(jQuery(this).attr('max'));
valueCurrent = parseInt(jQuery(this).val());
name = jQuery(this).attr('id');
if(valueCurrent >= minValue) {
jQuery(".btn-number.book_all[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the minimum value was reached');
jQuery(this).val(jQuery(this).data('oldValue'));
}
if(valueCurrent <= maxValue) {
jQuery(".btn-number.book_all[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the maximum value was reached');
jQuery(this).val(jQuery(this).data('oldValue'));
}
});
jQuery(".input-number.book_all").keydown(function (e) {
// Allow: backspace, delete, tab, escape, enter and .
if (jQuery.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
// Allow: Ctrl+A
(e.keyCode == 65 && e.ctrlKey === true) ||
// Allow: home, end, left, right
(e.keyCode >= 35 && e.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
// Ensure that it is a number and stop the keypress
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
jQuery.material.init();
jQuery.material.checkbox();
function valueChanged(){
if(jQuery('.flight').is(":checked")) {
jQuery("#departure_airport").attr("required", true);
jQuery(".flight_from").show();
}else{
jQuery(".flight_from").hide();
jQuery("#departure_airport").attr("required", false);
}
}
function childAge(){
if(jQuery('.children').val().length != 0) {
jQuery(".children_age").attr("required", true);
}else{
jQuery(".children_age").attr("required", false);
}
}
</script>
<script type="text/javascript">
(function() {
var activeViewClasses = ['tw-bg-white', 'tw-text-navy', 'tw-shadow-md', 'tw-scale-105'];
var inactiveViewClasses = ['tw-text-gray-500', 'hover:tw-text-navy', 'hover:tw-bg-white/50'];
function setViewButtonState(btn, isActive) {
if (!btn) return;
if (isActive) {
btn.classList.add.apply(btn.classList, activeViewClasses);
inactiveViewClasses.forEach(function(c) { btn.classList.remove(c); });
} else {
btn.classList.remove.apply(btn.classList, activeViewClasses);
inactiveViewClasses.forEach(function(c) { btn.classList.add(c); });
}
}
window.toggleView = function(view) {
var listBtn = document.getElementById('btn-view-list');
var mapBtn = document.getElementById('btn-view-map');
var programs = document.getElementById('programs');
var mapView = document.getElementById('map-view');
var pagination = document.getElementById('home-pagination');
var loader = document.getElementById('loader_div');
if (view === 'map' && mapView) {
setViewButtonState(listBtn, false);
setViewButtonState(mapBtn, true);
if (programs) programs.classList.add('tw-hidden');
if (pagination) pagination.classList.add('tw-hidden');
if (loader) loader.classList.add('tw-hidden');
mapView.classList.remove('tw-hidden');
} else {
setViewButtonState(mapBtn, false);
setViewButtonState(listBtn, true);
if (mapView) mapView.classList.add('tw-hidden');
if (programs) programs.classList.remove('tw-hidden');
if (pagination) pagination.classList.remove('tw-hidden');
if (loader) loader.classList.remove('tw-hidden');
}
};
window.homePackagesAfterLoad = function() {
if (typeof updateSiteRatesTop === 'function') {
updateSiteRatesTop('1', false);
}
if (typeof jQuery !== 'undefined') {
jQuery('img.lazy').lazyload({ effect: 'fadeIn' });
jQuery('div.lazy').lazyload({ effect: 'fadeIn' });
}
if (typeof updatecount === 'function') {
updatecount();
}
window.toggleView('list');
homeBindViewTripLinks();
};
window.homeBindViewTripLinks = function homeBindViewTripLinks() {
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
document.querySelectorAll('.view-trip-link').forEach(function(link) {
if (link.dataset.gtmBound === '1') return;
link.dataset.gtmBound = '1';
link.addEventListener('click', function() {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'view_trip_details',
tour_name: (this.getAttribute('data-tour-name') || '').toLowerCase(),
tour_type: (this.getAttribute('data-tour-type') || 'private').toLowerCase(),
section_title: sectionTitle,
destination: (this.getAttribute('data-destination') || 'multi-country').toLowerCase()
});
});
});
}
document.addEventListener('DOMContentLoaded', function() {
homeBindViewTripLinks();
var anchor = document.getElementById('tours-anchor');
if (anchor && window.location.hash === '#programs') {
anchor.scrollIntoView({ behavior: 'smooth' });
}
});
})();
</script>
<script type="text/javascript">
(function() {
var faqOpenIndex = null;
window.toggleFAQ = function(index) {
var content = document.getElementById('faq-content-' + index);
var icon = document.getElementById('faq-icon-' + index);
if (!content) {
return;
}
var isOpen = content.classList.contains('faq-open');
document.querySelectorAll('#faq-container [id^="faq-content-"]').forEach(function(el) {
el.style.maxHeight = '0';
el.classList.remove('faq-open');
});
document.querySelectorAll('#faq-container [id^="faq-icon-"]').forEach(function(el) {
el.classList.remove('tw-rotate-180');
});
if (!isOpen) {
content.classList.add('faq-open');
content.style.maxHeight = content.scrollHeight + 'px';
if (icon) {
icon.classList.add('tw-rotate-180');
}
faqOpenIndex = index;
} else {
faqOpenIndex = null;
}
};
window.loadMoreFAQs = function() {
document.querySelectorAll('#faq-container .home-faq-item-hidden').forEach(function(el) {
el.classList.remove('home-faq-item-hidden', 'tw-hidden');
});
var wrap = document.getElementById('faq-load-more-wrap');
if (wrap) {
wrap.classList.add('tw-hidden');
}
if (faqOpenIndex !== null) {
var openContent = document.getElementById('faq-content-' + faqOpenIndex);
if (openContent && openContent.classList.contains('faq-open')) {
openContent.style.maxHeight = openContent.scrollHeight + 'px';
}
}
};
window.addEventListener('resize', function() {
if (faqOpenIndex === null) {
return;
}
var openContent = document.getElementById('faq-content-' + faqOpenIndex);
if (openContent && openContent.classList.contains('faq-open')) {
openContent.style.maxHeight = openContent.scrollHeight + 'px';
}
});
})();
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var scrollEl = document.getElementById('reviews-scroll');
var prevBtn = document.getElementById('prev-review');
var nextBtn = document.getElementById('next-review');
if (!scrollEl || !prevBtn || !nextBtn) {
return;
}
function scrollReviews(direction) {
scrollEl.scrollBy({ left: direction * scrollEl.clientWidth, behavior: 'smooth' });
}
prevBtn.addEventListener('click', function() { scrollReviews(-1); });
nextBtn.addEventListener('click', function() { scrollReviews(1); });
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('input[value="90"][name="Country"]').prop('checked', true);
jQuery('input[value="459"][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, "/southeast-asia-tours/vietnam-guided-tours/?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("/southeast-asia-tours/vietnam-guided-tours/?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'] ="€";
currenciesAbbrevArray['2'] ="EUR (€)";
currenciesAbbrevTextArray['2'] ="EUR";
currenciesExArray['3'] = "0.74410";
currenciesSignArray['3'] ="£";
currenciesAbbrevArray['3'] ="GBP (£)";
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)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': 'southeast-asia-tours', //if found
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/> <link rel="canonical" href="https://new.memphistours.com/southeast-asia-tours/vietnam-guided-tours" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />
<title>Vietnam Tours | Vietnam Guided Tours with Memphis Tours</title>
<meta name="keywords" content="Vietnam Tours, Vietnam Guided Tours, Memphis Tours" />
<meta name="description" content="Explore Vietnam's cities & landscapes with our Vietnam tours. From action-packed adventures to luxurious escapes, find your perfect Vietnam-guided tours!" />
<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/e31555cacede65d09fdd937055c768da.webp" 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/southeast-asia-tours/vietnam-guided-tours" />
<meta property="og:title" content="Vietnam Tours" />
<meta property="og:description" content="Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in Hanoi, where the bustling Old Quarter, Hoan Kiem Lake, and the Ho Chi Minh Mausoleum showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning Pu Luong Nature Reserve, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic Halong Bay, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.
Discover the charm of Hoi An, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.
" />
<meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e31555cacede65d09fdd937055c768da.webp" />
<link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e31555cacede65d09fdd937055c768da.webp" />
<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 (€) </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 (£) </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/e31555cacede65d09fdd937055c768da.webp"
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="Tourist wandering through the ancient Imperial City of Hue, Vietnam."
title="Tourist wandering through the ancient Imperial City of Hue, Vietnam.">
<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>
Southeast Asia </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">
Vietnam Tours </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>Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in <a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank">Hanoi</a>, where the bustling Old Quarter, <a href="/southeast-asia-tours/hoan-kiem-lake-hanoi" target="_blank">Hoan Kiem Lake</a>, and the <a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam" target="_blank">Ho Chi Minh Mausoleum</a> showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning <a href="/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank">Pu Luong Nature Reserve</a>, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic <a href="/southeast-asia-tours/ha-long-bay" target="_blank">Halong Bay</a>, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.</p>
<p>Discover the charm of <a href="/southeast-asia-tours/hoi-an-city" target="_blank">Hoi An</a>, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.</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="southeast asia">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="1"]'))">
<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="14"]'))">
<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="13"]'))">
<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="61"]'))">
<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="30"]'))">
<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="39"]'))">
<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="15"]'))">
<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="49"]'))">
<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="51"]'))">
<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="93"]'))">
<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="92"]'))">
<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="57"]'))">
<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="63"]'))">
<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="71"]'))">
<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="90"]'))">
<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="91"]'))">
<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="98"]'))">
<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', '462')">Southeast Asia Travel Guide</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', '459')">Vietnam Tours</button>
<button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '460')">Thailand Tours</button>
<button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '461')">Multi Country Asia 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="1"]'))">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="14"]'))">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="13"]'))">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="61"]'))">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="30"]'))">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="39"]'))">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="15"]'))">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="49"]'))">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="51"]'))">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="93"]'))">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="92"]'))">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="57"]'))">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="63"]'))">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="71"]'))">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="90"]'))">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="91"]'))">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="98"]'))">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', '462')">Southeast Asia Travel Guide</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '459')">Vietnam Tours</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '460')">Thailand Tours</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '461')">Multi Country Asia 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="/southeast-asia-tours/vietnam-guided-tours"><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 = "462" id="462" onchange="filter(' ')"> Southeast Asia Travel Guide </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "459" id="459" onchange="filter(' ')"> Vietnam Tours </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "460" id="460" onchange="filter(' ')"> Thailand Tours </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "461" id="461" onchange="filter(' ')"> Multi Country Asia 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="home-tour-card home-tour-card--featured md:tw-col-span-2 tw-relative tw-rounded-3xl tw-overflow-hidden tw-shadow-sm hover:tw-shadow-2xl tw-flex tw-flex-col tw-justify-end tw-min-h-[450px] md:tw-min-h-[500px] tw-transition-all tw-duration-700 hover:-tw-translate-y-2 tw-border tw-border-black/5">
<a href="/southeast-asia-tours/vietnam-journey-into-nature-tour" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="Vietnam Journey into Nature Tour"
data-tour-name="Vietnam Journey into Nature Tour" data-tour-type="Private Tour" data-destination="southeast-asia-tours"></a>
<img src="https://images.memphistours.com/thumbs1/1750571524_our-clients-in-vietnam.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[1500ms] group-hover:tw-scale-105" loading="lazy" alt="Vietnam Journey into Nature Tour">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-90 tw-pointer-events-none"></div>
<div class="tw-relative tw-z-10 tw-w-[90%] md:tw-w-[65%] lg:tw-w-[50%] xl:tw-w-[45%] tw-mb-6 tw-mx-auto md:tw-mb-10 md:tw-ml-10 tw-p-6 md:tw-p-8 tw-rounded-2xl tw-bg-white/95 tw-backdrop-blur-xl tw-shadow-2xl tw-border tw-border-white/50 tw-flex tw-flex-col">
<div class="tw-flex tw-items-center tw-justify-between tw-gap-4 tw-mb-4">
<span class="tw-px-3 tw-py-1 tw-bg-gold/10 tw-text-gold tw-border tw-border-gold/20 tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-shadow-inner">
<ion-icon name="star" class="tw-mr-1.5 tw-text-sm"></ion-icon> Featured Package </span>
</div>
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-navy/60 tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-1.5 tw-mb-2 tw-bg-navy/5 tw-px-2 tw-py-1 tw-rounded-lg tw-border tw-border-navy/10">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon> 1 Country </span>
<h3 class="tw-text-2xl lg:tw-text-3xl tw-font-serif tw-text-navy tw-leading-tight">Vietnam Journey into Nature Tour</h3>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 md:tw-line-clamp-3 tw-leading-loose tw-mb-6">8-Day unforgettable adventure through Vietnam's breathtaking landscapes. Begin your exploration in Hanoi, a captivating city where ancient temples coexist with bustling markets. Journey into the verdant hills of Mai Chau, home to colorful ethnic minority communities. Witness their rich traditions, and experience their warm hospitality. Delve deeper into Vietnam's pristine wilderness at Pu Luong Nature Reserve. No Vietnam adventure is complete without witnessing the awe-inspiring beauty of Ha Long Bay. Cruise amidst towering limestone pillars rising majestically from emerald waters. This 8-day itinerary offers a perfect blend of cultural immersion, breathtaking scenery, and outdoor adventure. Unwind on pristine beaches, trek through untouched landscapes, and discover the hidden gems of Vietnam's nature on this unforgettable journey.
</p>
<div class="tw-mt-auto tw-flex tw-flex-col xl:tw-flex-row xl:tw-items-end tw-justify-between tw-gap-6 tw-pt-5 tw-border-t tw-border-gray-100">
<div class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-2">
<div>
<span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Duration</span>
<span class="tw-text-lg tw-font-bold tw-text-navy tw-flex tw-items-center tw-gap-1.5"><ion-icon name="time-outline" class="tw-text-gold"></ion-icon> 8</span>
</div>
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Starting From</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price940" class="convertable" itemprop="price">940</span>
</span>
<input type="hidden" id="hmin_price940" value="940" />
</div>
</div>
<a href="/southeast-asia-tours/vietnam-journey-into-nature-tour" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
View Trip <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
</a>
</div>
</div>
</div>
<div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="1" page="2" id="programs_more"></div>
</div>
<div id="loader_div"></div>
<div id="map-view" class="tw-hidden tw-relative tw-min-h-[500px] tw-bg-gray-100 tw-rounded-[2rem] tw-overflow-hidden tw-shadow-inner tw-border tw-border-gray-300 tw-mt-4">
<div id="react-map-root" class="tw-w-full tw-h-full tw-min-h-[500px] tw-flex tw-items-center tw-justify-center tw-p-8 tw-text-center tw-text-gray-500">
<p>Map view will display tour locations. Switch to List to browse packages.</p>
</div>
</div>
</main>
<div class="tw-w-full lg:tw-w-[360px] tw-flex-shrink-0">
<div class="banner_offer tw-mb-6 tw-rounded-2xl tw-overflow-hidden tw-shadow-md tw-hidden lg:tw-block">
<a href="https://www.memphistours.com/southeast-asia-tours/a-grand-tour-of-southeast-asia" target="_blank" rel="noopener noreferrer">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/d77fa86ccc5dfc71cacfe39230943843.jpg" alt="College photos of Vietnam, Cambodia, Laos and Thailand " title="southeast-asia-multi-country" width="100%" height="auto" class="tw-w-full tw-h-auto">
</a>
</div>
<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="/southeast-asia-tours/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 & 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 & 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 & 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 & 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 & 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="Southeast Asia">
<input type="hidden" id="gtm_currency" value="USD">
</form>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
</section>
<style>
.home-packages-section .home_sub_filrers { margin: 0; gap: 0; }
.home-packages-section .home_sub_filrers > div:first-child { display: none; }
.home-packages-section .home_sub_filrers select {
background: #fff; border: none; font-size: 1rem; font-weight: 700; color: #0a2b4b;
padding: 0.25rem 0.5rem; border-radius: 0.5rem; cursor: pointer;
}
.home-packages-pagination a { text-decoration: none; }
.home-packages-pagination .home-pag-btn,
.home-packages-pagination .home-pag-num { box-sizing: border-box; }
#programs.tw-hidden { display: none !important; }
</style>
<section class="tw-bg-white tw-py-16 tw-border-t tw-border-gray-100" id="faq-section" itemscope itemtype="https://schema.org/FAQPage">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-text-center tw-mb-12">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-block tw-mb-2">Support</span>
<h2 class="tw-text-4xl md:tw-text-5xl lg:tw-text-7xl tw-font-serif tw-text-navy">Frequently Asked Questions</h2>
<p class="tw-text-gray-500 tw-max-w-2xl tw-mx-auto tw-mt-4 tw-text-base md:tw-text-lg">Got questions? We’ve got answers. Find everything you need to know to plan your perfect trip.</p>
</div>
<div id="faq-container" class="tw-space-y-4 tw-max-w-5xl tw-mx-auto">
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="0" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(0)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What currency is used in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-0" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-0" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Each country has its own currency, such as Thai Baht, Vietnamese Dong, and Lao Kip. In Cambodia, US dollars are also widely accepted alongside the local currency.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(1)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Do I need a visa to visit Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-1" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-1" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Visa requirements depend on your nationality and the countries you plan to visit. Many Southeast Asian destinations offer e-visas or visa-on-arrival options, making travel relatively easy for most tourists.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="2" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(2)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What is the best time to visit Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>The best time to visit Southeast Asia is usually during the dry season from November to April, when temperatures are more comfortable and rainfall is lower. This period is ideal for beaches, sightseeing, island hopping, and outdoor activities across the region.</p>
<p> </p>
<ul>
<li>Thailand: Best from November to March for beaches, islands, and cultural cities</li>
<li>Vietnam: Best from November to April, though weather varies between north and south</li>
<li>Cambodia: Best from November to March with cooler, drier conditions for temple visits</li>
<li>Laos: Best from November to February for pleasant weather and nature experiences</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="3" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(3)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How many days do I need for a Southeast Asia trip?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-3" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-3" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>A trip of 10–14 days is ideal for exploring one or two countries comfortably. If you want to visit multiple destinations and enjoy a slower travel pace, two to three weeks is even better.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="4" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(4)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the top destinations I can visit in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-4" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-4" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You will find a rich mix of culture, nature, and city life across the region, especially in countries like Thailand, Vietnam, Cambodia, and Laos.</p>
<p> </p>
<h3><strong>Thailand</strong></h3>
<ul>
<li>Vibrant cities, golden temples, and tropical islands</li>
<li>Famous for street food, nightlife, and cultural landmarks</li>
<li>Ideal for both first-time travelers and beach holidays</li>
</ul>
<p> </p>
<h3><strong>Vietnam</strong></h3>
<ul>
<li>Stunning landscapes from mountains to limestone bays</li>
<li>Historic cities with strong cultural and colonial heritage</li>
<li>Known for world-famous street food and river life</li>
</ul>
<p> </p>
<h3><strong>Cambodia</strong></h3>
<ul>
<li>Home to iconic ancient temples like Angkor Wat</li>
<li>Deep cultural and historical experiences</li>
<li>Relaxed towns and emerging coastal escapes</li>
</ul>
<p> </p>
<h3><strong>Laos</strong></h3>
<ul>
<li>Peaceful rivers, waterfalls, and mountain scenery</li>
<li>Strong Buddhist traditions and slow-paced travel</li>
<li>Perfect for nature-focused and cultural journeys</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="5" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(5)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the top things to include in Southeast Asia tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-5" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-5" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can explore ancient temples like Angkor Wat in Cambodia, relax on the islands of Phuket and Krabi in Thailand, cruise through Ha Long Bay in Vietnam, and discover the peaceful landscapes of Luang Prabang in Laos. The region also offers vibrant night markets, street food experiences, jungle adventures, and UNESCO World Heritage sites.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(6)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Is Southeast Asia safe for tourists?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-6" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-6" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, Southeast Asia is generally considered very safe and welcoming for travelers, including solo travelers and families. Popular destinations like Thailand, Vietnam, Cambodia, and Laos have well-developed tourism infrastructure, though it’s still important to take normal precautions in crowded areas and while using local transportation.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="7" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(7)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What languages are spoken in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-7" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-7" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Different countries have their own local languages, including Thai, Vietnamese, Khmer, and Lao. English is commonly spoken in tourist areas, hotels, restaurants, and major attractions.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="8" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(8)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What should I pack for a trip to Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-8" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-8" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>Lightweight and breathable clothing for hot and humid weather</li>
<li>Comfortable walking shoes or sandals for sightseeing</li>
<li>Sunscreen, sunglasses, and a hat for strong tropical sun</li>
<li>Insect repellent, especially for nature and island destinations</li>
<li>Modest clothing for visiting temples and religious sites</li>
<li>A reusable water bottle and small day bag for daily excursions</li>
<li>Swimwear for beaches, islands, and hotel pools</li>
<li>Travel adapters and portable chargers for electronics</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="9" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(9)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How do I travel between countries in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-9" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-9" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Short flights are usually the fastest and most convenient way to travel between countries in Southeast Asia, especially for longer distances. Buses, trains, and ferries are also popular options for travelers looking for a more affordable, scenic, and local travel experience. In many routes, especially between Thailand, Cambodia, Laos, and Vietnam, overland travel is easy and commonly used by multi-country travelers.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="10" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(10)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What food should I try in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-10" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-10" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You should try famous local dishes like Pad Thai and mango sticky rice in Thailand, pho and banh mi in Vietnam, amok curry in Cambodia, and sticky rice dishes in Laos. Southeast Asia is also known for its vibrant street food culture, tropical fruits, seafood, noodles, curries, and flavorful grilled dishes.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="11" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(11)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the most famous cities to visit?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-11" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-11" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You will find vibrant cities like Bangkok in Thailand, Hanoi and Ho Chi Minh City in Vietnam, Phnom Penh in Cambodia, and Vientiane in Laos. Each city offers a unique mix of culture, history, food, and nightlife.</p>
<p> </p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="12" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(12)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the best beaches in the region?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-12" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-12" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can enjoy world-famous beaches in Phuket, Krabi, and Koh Samui in Thailand, Ha Long Bay coastlines in Vietnam, and island escapes in Cambodia like Koh Rong. These destinations offer clear waters, soft sand, and tropical scenery.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="13" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(13)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the most popular festivals?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-13" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-13" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can experience some of Southeast Asia’s most iconic cultural celebrations throughout the year. Thailand’s Songkran Water Festival transforms entire cities into massive water celebrations, marking the traditional New Year with joy and renewal. Vietnam’s Tet (Lunar New Year) is the most important holiday of the year, where families reunite, temples fill with offerings, and streets glow with decorations and fireworks. In Cambodia, Khmer New Year brings three days of traditional games, temple visits, and water blessings, while Laos celebrates Pi Mai with Buddha statues washing rituals, parades, and nationwide water festivities.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="14" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(14)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are cultural do’s and don’ts?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-14" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-14" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><h3><strong>Do’s:</strong></h3>
<p> </p>
<ul>
<li>Dress modestly when visiting temples and religious sites</li>
<li>Remove your shoes before entering homes, temples, and some sacred places</li>
<li>Show respect to monks and local religious practices</li>
<li>Use polite gestures and a calm tone in public interactions</li>
<li>Use your right hand (or both hands) when giving or receiving items</li>
<li>Ask for permission before taking photos of people or religious ceremonies</li>
</ul>
<p> </p>
<h3><strong>Don’ts:</strong></h3>
<p> </p>
<ul>
<li>Don’t touch anyone’s head, as it is considered disrespectful in many cultures</li>
<li>Don’t point your feet at people or religious objects</li>
<li>Don’t wear revealing clothing inside temples or sacred sites</li>
<li>Don’t show public anger or raise your voice in conflicts</li>
<li>Don’t interrupt monks or sacred rituals</li>
<li>Don’t take photos where signs or locals indicate it is not allowed</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="15" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(15)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Do I need vaccinations before traveling?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-15" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-15" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Some vaccinations may be recommended depending on your route through Thailand, Vietnam, Cambodia, or Laos. It’s best to check updated health guidelines before traveling.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="16" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(16)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Is Southeast Asia good for US Citizens?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-16" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-16" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, Southeast Asia is a very popular and convenient destination for US citizens. Most countries in the region offer simple entry requirements such as visa-free stays, e-visas, or visa-on-arrival options depending on the destination. Thailand and Vietnam are especially well-suited for US travelers thanks to their strong tourism infrastructure, wide range of hotels, and easy transportation. Cambodia and Laos also provide welcoming experiences with rich culture and smooth travel processes, making the region ideal for both first-time and experienced US travelers.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="17" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(17)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How do I book Southeast Asia tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-17" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-17" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>Start by contacting Memphis Tours, where you quickly receive available options to design your customized trip</li>
<li>Then receive a detailed itinerary with all plans, services, and essential travel information</li>
<li>Next, confirm your booking by paying a deposit, as your reservation is only secured once the payment is received</li>
<li>Finally, pay the remaining balance upon arrival and start your journey smoothly</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="18" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(18)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Why book Southeast Asia tours with Memphis Tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-18" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-18" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>There are a lot of reasons to book your Southeast Asia tours with Memphis Tours. With decades of experience in travel since 1955, the company specializes in creating personalized itineraries that match your interests, budget, and travel style.</p>
<p>With strong regional expertise across Thailand, Vietnam, Cambodia, and Laos, Memphis Tours ensures smooth planning, reliable local partnerships, and well-organized travel experiences from start to finish. Our team focuses on delivering high-quality service, carefully selected experiences, and seamless arrangements across accommodation, transportation, and guided tours.</p>
<p>From the moment you start planning until you return home, Memphis Tours provides dedicated support and attention to detail, making your Southeast Asia journey both easy and memorable.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="19" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(19)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Are taxes included in our Southeast tour packages?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-19" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-19" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, taxes are included in the listed prices. This means the price you see already covers all applicable service charges and standard taxes, so there are no hidden costs added later. Any additional expenses would only apply if you choose optional upgrades, personal purchases, or extra services during your trip.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="20" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(20)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How much deposit do I need to pay?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-20" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-20" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>A 50% deposit is required 30 days before the arrival date to confirm your booking</li>
<li>The remaining 70% balance is paid 10 days before guests’ arrival</li>
<li>Payments can be made securely via Visa, MasterCard, or American Express</li>
<li>Wire transfers are also accepted as a payment method</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="21" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(21)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Where are the best photography spots?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-21" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-21" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>The best photography spots depend on the destination you choose, but Southeast Asia offers countless iconic locations for stunning travel photos.</p>
<p> </p>
<ul>
<li>In Thailand, places like Bangkok’s Grand Palace, Chiang Mai temples, and Phi Phi Islands are perfect for culture and beach shots</li>
<li>In Vietnam, Ha Long Bay, Hoi An Ancient Town, and the rice terraces of Sapa offer dramatic landscapes and golden light scenes</li>
<li>In Cambodia, Angkor Wat at sunrise is one of the most iconic photography spots in the world</li>
<li>In Laos, Luang Prabang’s temples, waterfalls, and Mekong River sunsets create peaceful and cinematic compositions</li>
</ul>
<p> </p>
<p>From temples and street life to islands and mountains, every destination offers unique and highly photogenic scenery.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="22" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(22)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What adventure activities can I do?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-22" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-22" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can go trekking in northern Vietnam, island hopping in Thailand, jungle exploration in Laos, and temple adventures in Cambodia. The region is perfect for both soft and extreme adventure travel.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="23" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(23)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Why should I consider a Southeast Asia tour?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-23" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-23" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>A guided tour makes travel across Southeast Asia easier by handling logistics and transfers. It also helps you experience local culture more deeply with expert guidance.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="24" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(24)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What vehicles can I use in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-24" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-24" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>You can use domestic flights for long distances between countries and major cities</li>
<li>You can travel by trains, especially scenic routes in Vietnam and Thailand</li>
<li>You can use private cars or tourist vans for comfort and guided transfers</li>
<li>You can ride tuk-tuks and taxis for short-distance travel in cities</li>
<li>You can use motorbike taxis or rental scooters for flexible local exploration</li>
<li>You can take ferries and boats for island hopping in places like Thailand and Vietnam</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="faq-load-more-wrap" class="tw-text-center tw-mt-8">
<button type="button" onclick="loadMoreFAQs()" class="tw-px-8 tw-py-3 tw-bg-white tw-border tw-border-gray-300 tw-rounded-lg tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all tw-duration-300">
Load More FAQs </button>
</div>
</div>
</section>
<section class="tw-relative tw-py-24 lg:tw-py-32 tw-overflow-hidden tw-group/testimonials" id="home-reviews-section">
<div class="tw-absolute tw-inset-0 tw-z-0 tw-bg-gradient-to-br tw-from-navy tw-via-[#0e3b66]">
<div class="tw-absolute tw-inset-0 tw-opacity-5" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
</div>
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-relative tw-z-10">
<div class="tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center">
<div class="lg:tw-col-span-4 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-text-sm tw-mb-4 tw-block">Voices of Experience</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-white tw-mb-8 tw-leading-tight">
Stories from<br />
<span class="tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-gold tw-to-amber-300">Our Community</span>
</h2>
<p class="tw-text-gray-300 tw-text-lg tw-mb-12 tw-leading-relaxed tw-opacity-90 tw-max-w-md tw-mx-auto lg:tw-mx-0">
Join :count travelers who have uncovered the magic of :destination with our expert guidance. </p>
<div class="tw-flex tw-flex-row lg:tw-flex-col tw-gap-6 tw-justify-center lg:tw-justify-start">
<a href="https://g.co/kgs/wUs9Q45" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
<div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
<img src="/theme/Com2025/img/google.svg" alt="Google" class="tw-w-5 tw-h-5" loading="lazy">
</div>
<div class="tw-text-left tw-hidden md:tw-block">
<div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">Google</div>
<div class="tw-flex tw-text-amber-400 tw-text-[10px] tw-gap-0.5">
<ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon> </div>
</div>
</a>
<a href="https://www.tripadvisor.com/Attraction_Review-g294201-d20398123-Reviews-Memphis_Tours-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
<div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
<img src="/theme/Com2025/img/tripadvisor.svg" alt="TripAdvisor" class="tw-w-6 tw-h-6 tw-object-contain" loading="lazy">
</div>
<div class="tw-text-left tw-hidden md:tw-block">
<div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">TripAdvisor</div>
<div class="tw-flex tw-text-[#00AA6C] tw-text-[8px] tw-gap-0.5">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span> </div>
</div>
</a>
</div>
</div>
<div class="lg:tw-col-span-8 tw-relative">
<div class="tw-flex tw-items-end tw-justify-end tw-mb-8 tw-gap-4 tw-px-4 lg:tw-px-0">
<button type="button" id="prev-review"
class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
aria-label="Previous review">
<ion-icon name="arrow-back-outline" class="tw-text-xl group-hover:-tw-translate-x-1 tw-transition-transform"></ion-icon>
</button>
<button type="button" id="next-review"
class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
aria-label="Next review">
<ion-icon name="arrow-forward-outline" class="tw-text-xl group-hover:tw-translate-x-1 tw-transition-transform"></ion-icon>
</button>
</div>
<div id="reviews-scroll" class="tw-flex tw-overflow-x-auto tw-pb-8 tw-snap-x tw-snap-mandatory no-scrollbar" style="scroll-behavior: smooth;">
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
L </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Lucas Smith</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Two Destinations & 1 Trip”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We truly enjoyed our combined trip to Vietnam and Thailand.
&nbsp;
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2026</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
O </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Olivia Brown</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Thank You!”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Many thanks to Memphis Tours for arranging our wonderful trip to Vietnam.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2026</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
S </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Sophia</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Unforgettable Memories ”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We did Vietnam, Cambodia, and Laos, and every destination had something unique. The guides really added value with local insights. Just a bit of heat in some places, but that&rsquo;s expected!
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Aug 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Mark Evans</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Great for First-Time Asia Travelers”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This was my first time in Southeast Asia, and Memphis Tours made it easy. Transfers, hotels, and tours were all arranged perfectly. I never felt lost or overwhelmed.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Jessica Morgan</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star" class="tw-opacity-30"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Memphis Tours Did Great, But Hot Weather! ”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Our Vietnam and Cambodia trip was well organized. Guides were excellent, but the tropical heat in Siem Reap made midday activities tiring. Plan for lots of water!
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
L </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Liam</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Laos Was the Highlight”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I didn&rsquo;t expect Laos to be my favorite, but Luang Prabang was peaceful and beautiful. The entire trip across multiple countries felt well thought out and enjoyable.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
S </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight"> Sarah Collins</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Best Trip We’ve Ever Taken”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Our Vietnam and Thailand tour was incredible! From Ha Long Bay to Bangkok&rsquo;s temples, every stop was unforgettable. Hotels were great, and the itinerary was well balanced, not too rushed.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Oct 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Michael Turner</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“A Seamless Southeast Asia Experience”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We booked the Vietnam, Cambodia, and Laos package, and everything was perfectly organized. The transitions between countries were smooth, and the guides were knowledgeable. Memphis Tours really made this a stress-free trip.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">James</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Great Service from Memphis Tours”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">From booking to the final day, everything was handled with care. The team was responsive, and our guides were excellent. Definitely recommend Memphis Tours for Southeast Asia tours.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Jason Reed</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Vietnam Stole My Heart”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I did a Vietnam-only tour, and it exceeded expectations. The food, culture, and scenery were amazing. I especially loved Hoi An. Would&rsquo;ve liked one extra free day, but overall fantastic.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Nov 2023</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-overflow-hidden tw-leading-none tw-z-10 tw-pointer-events-none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"
class="tw-relative tw-block tw-w-[calc(100%+1.3px)] tw-h-[60px] lg:tw-h-[100px] tw-text-white tw-fill-current">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"></path>
</svg>
</div>
</section>
<style>
.gallery-container {
/* max-width: 1300px;
margin: 50px auto;
padding: 0 15px; */
}
.gallery-section {
padding: 64px 0;
}
.section-heading {
text-align: center;
margin-bottom: 15px;
color: #0a3256;
font-weight: 700;
}
.section-description {
text-align: center;
color: #6c757d;
max-width: 700px;
margin: 0 auto 50px;
}
.gallerySwiper {
width: 100%;
padding-bottom: 60px;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease;
height: auto;
margin-bottom: 25px;
}
.gallery-item:hover {
transform: translateY(-5px);
}
.gallery-item img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.8);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #f9a825;
opacity: 0.9;
}
.gallerySwiper .swiper-pagination-bullet-active {
background-color: #f9a825;
}
.gallerySwiper .swiper-button-next {
bottom: 10px;
top: auto;
right: 35%;
background: #f9a825;
color: #fff !important;
}
.gallerySwiper .swiper-button-prev {
bottom: 10px;
top: auto;
left: 35%;
}
.gallerySwiper .swiper-button-next,
.gallerySwiper .swiper-button-prev {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #f9a825;
color: #f9a825;
}
.gallerySwiper .swiper-button-next:after,
.gallerySwiper .swiper-button-prev:after {
font-size: 16px;
font-weight: bold;
}
.gallerySwiper .swiper-progress {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 200px;
height: 4px;
background-color: #e0e0e0;
border-radius: 2px;
overflow: hidden;
z-index: 10;
}
.gallerySwiper .swiper-progress-bar {
width: 0%;
height: 100%;
background-color: #f9a825;
border-radius: 2px;
transition: width 0.3s ease;
}
.gallery-grid {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.gallery-grid-item {
padding: 15px;
width: 25%;
}
@media (max-width: 1200px) {
.gallery-grid-item {
width: 33.333%;
}
}
@media (max-width: 992px) {
.gallery-grid-item {
width: 33.333%;
}
}
@media (max-width: 768px) {
.gallery-grid-item {
width: 50%;
}
}
@media (max-width: 576px) {
.gallery-grid-item {
width: 100%;
}
}
</style>
<div class="gallery-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h3>From Our Gallery</h3>
<p>See the world through the eyes of our travelers and Get inspired by real experiences!</p>
</div>
</div>
</div>
<div class="swiper-container gallerySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container-fluid px-0">
<div class="row g-4">
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/c51618c105f1083f891938b277e85d1c.webp" alt="Angkor Wat Temple in At Sunset " title="Angkor Wat Temple in At Sunset ">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/03757f63ff47aae9398b2973218aeba5.webp" alt="Ha Long Bay" title="Ha Long Bay">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/2ffb55f58d0347b8dac422bbd1fc518e.webp" alt="Making crafts during a workshop with local people in Thailand" title="Making crafts during a workshop with local people in Thailand">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/7acb3741bdd0c1ea8efefa63f57c2e58.webp" alt="Motor Bikes in Vietnam" title="Motor Bikes in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/714ef1baf6f1d16f85abb6e4628459d5.webp" alt="Our Clients enjoying their trip in Vietnam" title="Our Clients enjoying their trip in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/281390adb7e852bcd909b2a6ac4913a2.webp" alt="Our clients in Vietnam" title="Our clients in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/ce09a0f60d1cae670b72b08d7ec9f095.webp" alt="Tran Quoc Pagoda in Hanoi" title="Tran Quoc Pagoda in Hanoi">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/f2d4aee93667b58f41cdde6c1fc85f85.webp" alt="Wat Arun Temple in Thailand" title="Wat Arun Temple in Thailand">
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="container-fluid px-0">
<div class="row g-4">
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/cf73d5a590a4bb2aade9098793b9f78c.webp" alt="Woman exploring buddhist temple in Laos" title="Woman exploring buddhist temple in Laos">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/c7e813137f0572a77b768b12bf8cbf5d.webp" alt="Woman riding bicycle in Angkor Wat in Cambodia" title="Woman riding bicycle in Angkor Wat in Cambodia">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/923c8dfad3a7131ac275f96bec378f87.webp" alt="Woman walking on boardwalk through rice fields in laos" title="Woman walking on boardwalk through rice fields in laos">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Navigation buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Progress bar instead of pagination -->
<div class="swiper-progress">
<div class="swiper-progress-bar"></div>
</div>
</div>
</div>
</div>
<section class="tw-bg-white tw-py-12 md:tw-py-24 tw-border-t tw-border-gray-100" id="discover-more">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-mb-16 tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-end tw-gap-6">
<div>
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-mb-2 tw-block">Curated Collections</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Discover More About :destination</h2>
</div>
<p class="tw-text-gray-500 tw-max-w-md tw-text-right md:tw-text-left">Explore unique stories, insider tips, and must-see spots to make the most of your visit.</p>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-6 lg:tw-auto-rows-min">
<div class="lg:tw-col-span-2 tw-relative tw-rounded-[2.5rem] tw-overflow-hidden tw-group tw-min-h-[450px] lg:tw-min-h-[500px] tw-shadow-2xl tw-flex tw-flex-col tw-justify-end">
<img src="/theme/Com2025/img/main_slider_image.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[20s] group-hover:tw-scale-105" alt="Inspiring Articles" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
<div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
<span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
</div>
<div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
<div>
<h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Inspiring Articles</h3>
<p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
</div>
<a href="https://www.memphistours.com/blog/12-romantic-vacations-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-inline-flex tw-items-center tw-gap-2 tw-px-6 tw-py-3 tw-bg-white tw-text-navy tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:tw-text-white tw-transition-all tw-shadow-lg active:tw-scale-95 tw-shrink-0">
View Collection </a>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
<a href="https://www.memphistours.com/blog/12-romantic-vacations-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">12 Romantic Vacations in Asia</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/blog/best-countries-to-visit-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">8 Best Countries to Visit in Asia</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/blog/cheap-tropical-vacation-spots" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden tw-hidden md:tw-block">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">7 Best Cheap Tropical Vacation Spots Around the World</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
<div>
<div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
<ion-icon name="compass"></ion-icon>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Top Rated Tours</h3>
<p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
</div>
<div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/thailand-classic-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-purple-100 hover:tw-bg-purple-50 hover:tw-text-purple-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="diamond-outline" class="tw-text-3xl tw-mb-2 tw-text-purple-600/70 group-hover/style:tw-text-purple-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Thailand Classic Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/a-marvelous-tour-of-thailand-and-bangkok" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-cyan-100 hover:tw-bg-cyan-50 hover:tw-text-cyan-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="boat-outline" class="tw-text-3xl tw-mb-2 tw-text-cyan-600/70 group-hover/style:tw-text-cyan-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Thailand and Bangkok Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/vietnam-guided-tours/vietnam-vacations/vietnam-journey-into-nature-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-orange-100 hover:tw-bg-orange-50 hover:tw-text-orange-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="compass-outline" class="tw-text-3xl tw-mb-2 tw-text-orange-600/70 group-hover/style:tw-text-orange-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Vietnam Journey into Nature Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/multi-country-asia-tour-packages/asia-multi-country-tour/14-days-vietnam-laos-and-cambodia-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-red-100 hover:tw-bg-red-50 hover:tw-text-red-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="people-outline" class="tw-text-3xl tw-mb-2 tw-text-red-600/70 group-hover/style:tw-text-red-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">14 Days Vietnam, Laos, and Cambodia Tour</span>
</a>
</div>
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/thailand-classic-tour" target="_blank" rel="noopener noreferrer"
class="tw-text-center tw-w-full tw-block tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs hover:tw-text-navy tw-transition-colors">View All Styles</a>
</div>
<div class="tw-bg-navy tw-rounded-[2.5rem] tw-relative tw-overflow-hidden tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/dest tw-shadow-xl hover:tw-shadow-2xl tw-transition-all tw-min-h-[400px]">
<div class="tw-absolute tw-inset-0 tw-opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
<div class="tw-absolute tw-top-0 tw-right-0 tw-w-64 tw-h-64 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-translate-x-1/2 -tw-translate-y-1/2 tw-transition-transform tw-duration-700 group-hover/dest:tw-scale-150"></div>
<div class="tw-relative tw-z-10 tw-flex-1">
<div class="tw-flex tw-justify-between tw-items-start tw-mb-6">
<div class="tw-w-14 tw-h-14 tw-bg-white/5 tw-border tw-border-white/10 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-gold tw-text-2xl group-hover/dest:tw-bg-gold group-hover/dest:tw-border-gold group-hover/dest:tw-text-navy tw-transition-all tw-duration-500 group-hover/dest:tw-scale-105">
<ion-icon name="map"></ion-icon>
</div>
<span class="tw-px-3 tw-py-1 tw-bg-white/10 tw-text-white tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-backdrop-blur-md">12+ Places</span>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Places to Visit</h3>
<p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
<ul class="tw-space-y-4">
<li>
<a href="https://www.memphistours.com/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Hanoi</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Pu Luong Nature Reserve</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/southeast-asia-tours/best-of-ninh-binh-vietnam" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Ninh Binh</span>
</div>
</a>
</li>
</ul>
</div>
<div class="tw-relative tw-z-10 tw-mt-8">
<a href="https://www.memphistours.com/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank" rel="noopener noreferrer"
class="tw-inline-flex tw-items-center tw-justify-center tw-w-full tw-gap-2 tw-p-3 tw-bg-white/5 hover:tw-bg-gold tw-text-white hover:tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs tw-rounded-xl tw-transition-all">
Explore All <ion-icon name="arrow-forward"></ion-icon>
</a>
</div>
</div>
<div class="lg:tw-col-span-2 tw-bg-gradient-to-br tw-from-cream tw-to-tan-light tw-rounded-[2.5rem] tw-p-8 lg:tw-p-10 tw-flex tw-flex-col md:tw-flex-row tw-gap-8 tw-items-center tw-relative tw-overflow-hidden tw-group/journal tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-border tw-border-gold/10 hover:tw-border-gold/30 tw-transition-colors tw-min-h-[400px]">
<div class="tw-absolute -tw-bottom-32 -tw-right-32 tw-w-96 tw-h-96 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-transition-transform tw-duration-1000 group-hover/journal:tw-scale-150"></div>
<div class="tw-flex-1 tw-relative tw-z-10 tw-w-full md:tw-pr-4">
<div class="tw-w-14 tw-h-14 tw-bg-white tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 tw-shadow-sm group-hover/journal:-tw-translate-y-1 tw-transition-transform tw-duration-500 tw-border tw-border-gray-100">
<ion-icon name="book"></ion-icon>
</div>
<div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1 tw-bg-green-100/80 tw-text-green-700 tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-mb-4 tw-border tw-border-green-200 tw-backdrop-blur-sm">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-green-500 tw-animate-pulse"></span> Expert Guides </div>
<h3 class="tw-text-4xl lg:tw-text-5xl tw-font-serif tw-text-navy tw-mb-4 tw-leading-tight">Travel Journal</h3>
<p class="tw-text-gray-600 tw-text-sm tw-mb-8 tw-max-w-sm tw-leading-relaxed">Expert advice, insider stories, and comprehensive guides for your perfect trip to :destination.</p>
<a href="/blog" class="tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-3.5 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:-tw-translate-y-1 tw-transition-all tw-shadow-lg hover:tw-shadow-xl active:tw-scale-95">
Read Journal </a>
</div>
<div class="tw-flex-[1.2] tw-flex tw-flex-col tw-gap-4 tw-relative tw-z-10 tw-w-full">
<a href="/blog/10-must-try-vietnamese-dishes"
class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
<div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
<ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</div>
<div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/179a549560ed62fff630d2b00178f6d4.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Popular Traditional Vietnamese food dishes " loading="lazy">
</div>
<div class="tw-pr-6 tw-min-w-0">
<p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Food</p>
<h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">10 Must-Try Vietnamese Dishes for Food Lovers</h4>
</div>
</a>
<a href="/blog/egypt-and-jordan-adventure"
class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
<div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
<ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</div>
<div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Please Note: The images used in this article are AI generated to protect our client's privacy." loading="lazy">
</div>
<div class="tw-pr-6 tw-min-w-0">
<p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Traveler Stories</p>
<h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h4>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="blog-section tw-bg-gray-50 tw-py-16" id="home-travel-journal">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-end tw-mb-8 tw-gap-4">
<div>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Our Travel Journal</h2>
<p class="tw-text-gray-600 tw-mt-2 tw-text-base tw-max-w-2xl">Explore our curated travel blogs to Stay updated with the latest travel tips, destination guides, and insider stories!</p>
</div>
<a href="/blog"
class="cta-button tw-hidden sm:tw-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
data-cta-name="see all blogs"
data-section-title="our travel journal">
See all Blogs </a>
</div>
<div class="tw-flex tw-flex-col md:tw-flex-row tw-h-auto md:tw-h-[600px] tw-gap-4 tw-w-full tw-group/journal">
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/10-must-try-vietnamese-dishes" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Must-Try Vietnamese Dishes for Food Lovers"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/179a549560ed62fff630d2b00178f6d4.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="Popular Traditional Vietnamese food dishes " title="traditional-vietnamese-food-dishes" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Food</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-gold tw-text-navy tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg">Food</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Must-Try Vietnamese Dishes for Food Lovers</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">Find 10 must-try Vietnamese dishes that showcase the country&rsquo;s rich flavors, street food culture, and traditional recipes.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/egypt-and-jordan-adventure" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes "></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Please Note: The images used in this article are AI generated to protect our client's privacy." title="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes " loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Traveler Stories</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #00000040;">Traveler Stories</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the magic of an Egypt and Jordan adventure. Explore ancient wonders, iconic landmarks, and rich history on this unforgettable tour.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/tallest-skyscrapers-in-the-world" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Tallest Skyscrapers in the World"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/6ba821bb2b17ec490c1ab1846b19f45e.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 Tallest Skyscrapers in the World" title="10 Tallest Skyscrapers in the World" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Attractions</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #0080ff40;">Attractions</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Tallest Skyscrapers in the World</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Rising high from the ground, skyscrapers are the most awe-inspiring structures that reflect urban sophistication.&nbsp;So, whether you&#39;re an adventurer seeking a bird&#39;s-eye view or simply curious about these t...</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/pet-friendly-vacations" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Great Pet-friendly Vacations"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/5de74aea81a0f3e43129bc63c465d109.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 Great Pet-friendly Vacations" title="10 Great Pet-friendly Vacations" 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 Great Pet-friendly Vacations</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">You got your pup and now all you need is a pet-friendly vacation! Whether you&#39;re planning a relaxing stay back or an adventurous trip, there are plenty of options for you and your furry little friend.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
</div>
<div class="tw-mt-8 tw-text-center sm:tw-hidden">
<a href="/blog"
class="cta-button tw-inline-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
data-cta-name="see all blogs"
data-section-title="our travel journal">
See all Blogs </a>
</div>
</div>
</section>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
var blogCtaButtons = document.querySelectorAll('.blog-section .cta-button');
blogCtaButtons.forEach(function(blogCtaButton) {
blogCtaButton.addEventListener('click', function() {
var sectionTitle = this.getAttribute('data-section-title') || 'our travel journal';
var dataLayerEvent = {
'event': 'cta_click',
'cta_name': 'see all blogs',
'section_title': sectionTitle,
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
});
});
})();
</script>
<section class="wikis-section tw-bg-[#f8f9fa] tw-py-16" id="know-more-with-memphis">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-mb-12">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-wider tw-text-sm tw-block tw-mb-2">Guide</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy tw-mb-4">Know more with Memphis</h2>
<p class="tw-text-gray-600 tw-text-lg tw-max-w-2xl">From travel tips to destination highlights - Explore our travel guide!</p>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6">
<a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1260432210_ho-chi-minh-mausoleum.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Ho Chi Minh Mausoleum Visitor Guide"
title="Ho Chi Minh Mausoleum Visitor Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Ho Chi Minh Mausoleum Visitor Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Explore Ho Chi Minh Mausoleum in Hanoi, including opening hours, etiquette rules, history, and travel tips for first-time visitors.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1384708756_Hanoi-vietnam.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Hanoi Vietnam: The Capital of Culture and History"
title="Hanoi Vietnam: The Capital of Culture and History">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Hanoi Vietnam: The Capital of Culture and History</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Visit Hanoi, Vietnam&rsquo;s heart of culture and history, from Hoan Kiem Lake and Old Quarter to street food and ancient temples.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/best-of-ninh-binh-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1048036458_ninh-binh.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Best of Ninh Binh: Attractions, Tips & Travel Guide"
title="Best of Ninh Binh: Attractions, Tips & Travel Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Best of Ninh Binh: Attractions, Tips & Travel Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Ninh Binh travel guide: explore Trang An, Tam Coc, Mua Cave, and Hoa Lu with practical tips, best time to visit, and itinerary ideas.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/hue-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/708856384_hue-vietnam.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Hue Vietnam Guide"
title="Hue Vietnam Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Hue Vietnam Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Discover Hue with our complete travel guide, including must-see sights, historic landmarks, and cultural experiences in the former imperial capital.
&nbsp;
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
</div>
</div>
</section>
<!-- </div> -->
<footer class="tw-bg-white tw-relative tw-overflow-hidden tw-border-t tw-border-gray-100 tw-flex tw-flex-col tw-justify-end tw-min-h-[500px]">
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-z-0 tw-pointer-events-none">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-white tw-via-white/80 tw-to-transparent tw-z-10 tw-h-[60%] sm:tw-h-[40%]"></div>
<img src="/theme/Com2025/img/memphi-footer-bk.png" alt="Memphis Tours Background Landscape"
class="tw-w-full tw-h-auto tw-max-h-[500px] tw-object-cover tw-object-bottom tw-opacity-100 tw-mix-blend-multiply" />
</div>
<div class="tw-w-full tw-pt-16 tw-pb-6 tw-relative tw-z-10 tw-flex tw-flex-col tw-items-center tw-text-center tw-px-6">
<div class="tw-mb-12">
<a href="/" class="tw-inline-block tw-relative tw-z-10 tw-transition-transform hover:tw-scale-105">
<img src="/theme/Com2021/img/logo.svg?v=new" alt="Memphis Tours" title="Memphis Tours" class="tw-h-[52px] tw-w-auto" />
</a>
</div>
<div class="tw-max-w-[1000px] tw-mx-auto tw-mb-16 tw-flex tw-flex-wrap tw-justify-center tw-gap-x-8 tw-gap-y-5 tw-text-[14px] tw-font-semibold tw-text-navy/80 tw-relative tw-z-10">
<a href="/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Privacy Policy </a>
<a href="/general/contact-us" title="Contact Us " class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Contact Us </a>
<a href="/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Responsible Travel </a>
<a href="/general/terms-conditions" title="Terms & 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 & 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">
© 2026 Copyright to MEMPHIS TOURS </p>
</div>
</div>
<div class="tw-h-16 lg:tw-hidden tw-relative tw-z-10"></div>
</footer>
</body>
<script src="/js/jquery-1.11.3.min.js?1780571495" full="1"></script><script src="/js/jquery-migrate-1.2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.tools.min.js?1780571495" full="1"></script><script src="/com2025/js/js.js?1780571493" full="1"></script><script src="/js/jquery.lazyload.js?1780571495" full="1"></script><script src="/js/mobile/idangerous.swiper-2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.prettyPhoto.js?1780571495" full="1"></script><script src="/js/jquery-ui1.10.1.js?1780571495" full="1"></script><script src="/js/jquery.ui.touch-punch.min.js?1780571495" full="1"></script><script src="/com2025/js/moment.js?1780571493" full="1"></script><script src="/com2025/js/daterangepicker.js?1780571493" full="1"></script><script src="/com2025/js/mdb.min.js?1780571493" full="1"></script><script src="/js/admin/jquery.autocomplete.js?1780571495" full="1"></script><script src="/js/jquery.validate.js?1780571495" full="1"></script><script src="/com2025/js/multiple-select.js?1780571493" full="1"></script><script src="/js/mobile/owl.carousel.js?1780571495" full="1"></script><script src="/com2025/js/bootstrap.bundle.min.js?1780571493"></script><script type="text/javascript">
window.Com2025PhoneValidation = {
brazilError: "Enter area code (2 digits) followed by phone number (8 or 9 digits)",
brazilPlaceholder: "Area code + number, e.g. 11987654321",
brazilTitle: "Area code: 2 digits. Phone number: 8 or 9 digits."};
</script>
<script src="/com2025/js/phone-validation.js?1780571493"></script> <script type="text/javascript" >
jQuery(document).ready(function() {
jQuery.material.init();
});
</script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
jQuery(function() {
jQuery("img.lazy").lazyload({
effect : "fadeIn"
});
jQuery("div.lazy").lazyload({
effect : "fadeIn"
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".programBox_wishList").click(function() {
let element = this;
let link_data = $(this).data('program_id');
$.ajax({
type: "POST",
url: '/ajax/clients/set_wish_list/'+link_data,
success: function(data) {
if(data == 'success'){
console.log($(element));
$(element).attr( 'id', 'wish' );
}else{
$('a[data-program_id="' + link_data + '"] > i.whishstate').css({"color":"red"})
}
}
});
});
$(".programBox_wishList").each(function() {
let element = this;
let link_data = $(this).data('program_id');
});
});
</script>
<script type="text/javascript">
function homeGetPriceInputs() {
var minEl = document.getElementById('filter-price-min');
var maxEl = document.getElementById('filter-price-max');
if (!minEl) {
minEl = document.querySelector('.home-filter-price-min');
}
if (!maxEl) {
maxEl = document.querySelector('.home-filter-price-max');
}
return { minEl: minEl, maxEl: maxEl };
}
function homeSetFilterRadio(name, value) {
var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
if (!input) {
return;
}
input.checked = true;
if (typeof trackFilterEvent === 'function') {
trackFilterEvent(input);
}
if (typeof filter === 'function') {
filter();
}
homeCloseFilterDropdowns();
homeSyncFilterUiState();
}
function homeApplyPriceFilter() {
var inputs = homeGetPriceInputs();
var minEl = inputs.minEl;
var maxEl = inputs.maxEl;
var amount = document.getElementById('amount');
if (!amount) {
return;
}
var min = minEl && minEl.value ? parseInt(minEl.value, 10) : 1;
var max = maxEl && maxEl.value ? parseInt(maxEl.value, 10) : 12000;
if (isNaN(min)) {
min = 1;
}
if (isNaN(max)) {
max = 12000;
}
amount.value = '$' + min + ' - $' + max;
amount.setAttribute('values', min + ',' + max);
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [min, max]);
}
if (typeof filter === 'function') {
filter();
}
homeCloseFilterDropdowns();
homeSyncFilterUiState();
}
function homeResetPriceFilter() {
var amount = document.getElementById('amount');
if (amount) {
amount.setAttribute('values', '1,12000');
amount.value = '$1 - $12000';
}
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [1, 12000]);
}
var inputs = homeGetPriceInputs();
if (inputs.minEl) {
inputs.minEl.value = 1;
}
if (inputs.maxEl) {
inputs.maxEl.value = 12000;
}
if (typeof filter === 'function') {
filter();
}
}
function homeClearAllFilters() {
['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
var anyInput = document.querySelector('input[name="' + name + '"][value="0"]');
if (anyInput) {
anyInput.checked = true;
}
});
homeResetPriceFilter();
if (typeof filter === 'function') {
filter();
}
homeSyncFilterUiState();
}
function homeCloseFilterDropdowns() {
document.querySelectorAll('.home-filter-dropdown').forEach(function(d) {
d.classList.add('tw-opacity-0', 'tw-invisible');
});
}
function homeCloseMobileFilter() {
var modal = document.getElementById('mobile-filter-modal');
if (modal) {
modal.classList.add('tw-translate-y-full');
}
}
function homeSetQuickAccessActive(tagKey) {
var activeKey = tagKey || 'all';
document.querySelectorAll('.home-quick-access-btn').forEach(function(btn) {
var isActive = btn.getAttribute('data-tag') === activeKey;
btn.classList.toggle('tw-bg-navy', isActive);
btn.classList.toggle('tw-text-white', isActive);
btn.classList.toggle('tw-shadow-sm', isActive);
btn.classList.toggle('tw-bg-white', !isActive);
btn.classList.toggle('tw-text-gray-600', !isActive);
});
}
function homeApplyFilterFromQuery(queryString) {
if (!queryString) {
return false;
}
var params = new URLSearchParams(queryString);
var nameMap = { Category: 'rootCategory' };
var applied = false;
params.forEach(function(value, key) {
var name = nameMap[key] || key;
if (['Offer', 'Country', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].indexOf(name) >= 0) {
var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
if (input) {
input.checked = true;
applied = true;
}
} else if (key === 'price') {
var amount = document.getElementById('amount');
var parts = String(value).split(',');
if (amount && parts.length === 2) {
amount.setAttribute('values', value);
amount.value = '$' + parts[0] + ' - $' + parts[1];
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [parseInt(parts[0], 10), parseInt(parts[1], 10)]);
}
applied = true;
}
}
});
if (applied && typeof filter === 'function') {
filter();
}
return applied;
}
function filterTours(linkOrAll, title) {
if (linkOrAll === 'all') {
homeSetQuickAccessActive('all');
if (typeof homeClearAllFilters === 'function') {
homeClearAllFilters();
}
return;
}
if (title) {
homeSetQuickAccessActive(title);
}
if (!linkOrAll) {
return;
}
var link = String(linkOrAll);
if (link.indexOf('?') !== -1) {
var qs = link.split('?').slice(1).join('?');
if (homeApplyFilterFromQuery(qs)) {
return;
}
}
window.location.href = link;
}
function homeSyncFilterUiState() {
var hasFilter = false;
['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
var checked = document.querySelector('input[name="' + name + '"]:checked');
if (checked && checked.value !== '0') {
hasFilter = true;
}
});
var amount = document.getElementById('amount');
if (amount) {
var vals = amount.getAttribute('values');
if (vals && vals !== '1,12000' && vals !== '0,12000') {
hasFilter = true;
}
}
var clearBtn = document.getElementById('btn-clear-all');
if (clearBtn) {
clearBtn.classList.toggle('tw-hidden', !hasFilter);
}
}
document.addEventListener('DOMContentLoaded', function() {
var quickAccessContainer = document.getElementById('quick-access-container');
if (quickAccessContainer) {
quickAccessContainer.addEventListener('click', function(e) {
var btn = e.target.closest('.home-quick-access-btn');
if (!btn) {
return;
}
if (btn.getAttribute('data-quick-access') === 'all' || btn.getAttribute('data-tag') === 'all') {
filterTours('all');
return;
}
filterTours(btn.getAttribute('data-link'), btn.getAttribute('data-tag'));
});
}
document.querySelectorAll('.home-filter-dropdown-btn').forEach(function(btn) {
btn.addEventListener('click', function(e) {
e.stopPropagation();
var dropdown = this.nextElementSibling;
if (!dropdown || !dropdown.classList.contains('home-filter-dropdown')) {
return;
}
var isHidden = dropdown.classList.contains('tw-invisible');
homeCloseFilterDropdowns();
if (isHidden) {
dropdown.classList.remove('tw-opacity-0', 'tw-invisible');
}
});
});
document.addEventListener('click', homeCloseFilterDropdowns);
if (typeof jQuery !== 'undefined') {
jQuery(document).on('slide', '#slider-range', function(event, ui) {
var inputs = homeGetPriceInputs();
if (inputs.minEl) {
inputs.minEl.value = ui.values[0];
}
if (inputs.maxEl) {
inputs.maxEl.value = ui.values[1];
}
});
}
setTimeout(function() {
var inputs = homeGetPriceInputs();
var amount = document.getElementById('amount');
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length) {
var vals = jQuery('#slider-range').slider('values');
if (inputs.minEl && inputs.maxEl) {
inputs.minEl.value = vals[0];
inputs.maxEl.value = vals[1];
}
if (amount) {
amount.setAttribute('values', vals[0] + ',' + vals[1]);
}
}
homeSyncFilterUiState();
if (document.querySelectorAll('.home-quick-access-btn').length) {
var hasFilterParam = ['Offer', 'Country', 'Category', 'Style', 'Group', 'Activity', 'Duration', 'price'].some(function(key) {
return window.location.search.indexOf(key + '=') !== -1;
});
if (!hasFilterParam) {
homeSetQuickAccessActive('all');
}
}
}, 100);
});
</script>
<script type="text/javascript">
function changeCountries(Country, element) {
// Track filter event before redirect
if (element) {
trackFilterEvent(element);
}
window.location.replace('/'+Country);
}
// Track filter events for GTM
function trackFilterEvent(element) {
window.dataLayer = window.dataLayer || [];
// Find the parent filter box
var filterBox = element.closest('.left_filter_all_box');
if (!filterBox) return;
// Get the filter title (filter_by)
var filterTitleElement = filterBox.querySelector('.left_filter_all_box_title');
var filterBy = filterTitleElement ? filterTitleElement.textContent.trim().toLowerCase() : '';
// Get the selected value (filter_value)
var filterValue = '';
if (element.type === 'radio' && element.checked) {
// Get the label text for the selected radio button
var label = filterBox.querySelector('label[for="' + element.id + '"]');
if (!label) {
// Try to find label that contains this input
label = element.closest('label');
}
if (label) {
// Get text content, excluding the radio button itself
var labelText = label.textContent || label.innerText;
filterValue = labelText.trim().toLowerCase();
}
}
// Push filter event to dataLayer
if (filterBy && filterValue) {
var dataLayerEvent = {
'event': 'filter',
'filter_by': filterBy,
'filter_value': filterValue
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
}
// Attach event listeners to all filter inputs
document.addEventListener('DOMContentLoaded', function() {
var filterInputs = document.querySelectorAll('.left_filter_all_box input[type="radio"]');
filterInputs.forEach(function(input) {
input.addEventListener('change', function() {
trackFilterEvent(this);
});
});
});
</script>
<!--<script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script>-->
<script>
var fired = false;
window.addEventListener('scroll', function() {
let scroll = window.scrollY;
if (scroll > 0 && fired === false) {
var recaptchaScript = document.createElement('script');
recaptchaScript.src = 'https://www.google.com/recaptcha/api.js?hl=en';
recaptchaScript.defer = true;
document.body.appendChild(recaptchaScript);
fired = true;
console.log('On scroll fired');
}
}, true);
$( document ).ready(function() {
function onload() {
var element = document.getElementById('Enquire-btn');
element.onclick = validate;
}
onload();
});
function openMomoAI() {
if (typeof window.openMomoAIModal === 'function') {
window.openMomoAIModal();
return;
}
var formEl = document.getElementById('bookFormNew');
if (formEl) {
formEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
}
function validate(event) {
event.preventDefault();
window.dataLayer = window.dataLayer || [];
jQuery("#bookFormNew").validate({
errorPlacement: function(error, element) {
error.insertAfter(element);
element.focus();
// Track form_error event
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var errorMessage = error.text() || 'missing field';
var dataLayerEvent = {
'event': 'form_error',
'destination': destination,
'error_message': errorMessage.toLowerCase(),
'currency': currency
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
});
var isFormValid = $("#bookFormNew").valid();
if (isFormValid) {
// Mark form as submitted to prevent abandon event
if (typeof window.setFormSubmitted === 'function') {
window.setFormSubmitted();
}
grecaptcha.execute();
}
}
function SubmitForm(data) {
if ($("#gRecaptchaResponse").val() == '') {
$("#gRecaptchaResponse").val(data);
}
// Mark form as submitted to prevent abandon event
if (typeof window.setFormSubmitted === 'function') {
window.setFormSubmitted();
}
// Track form_submission event
window.dataLayer = window.dataLayer || [];
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var nationality = ($('#nationality').val() || '').toLowerCase();
var noOfAdults = parseInt($('input[name="adults"]').val() || 0);
var noOfChildren = parseInt($('input[name="children"]').val() || 0);
var noOfInfants = parseInt($('input[name="infants"]').val() || 0);
var email = ($('#UserEmail').val() || '').toLowerCase();
var phoneNumber = ($('#UserPhone').val() || '');
var countryCode = ($('#phone_ext').val() || '');
// Calculate tour_duration_days from arrival and departure dates
var tourDurationDays = 0;
var arrivalDate = $('#datepickerArrival2').val();
var departureDate = $('#datepickerDeparture2').val();
if (arrivalDate && departureDate) {
try {
var arrival = $.datepicker.parseDate('dd/mm/yy', arrivalDate);
var departure = $.datepicker.parseDate('dd/mm/yy', departureDate);
if (arrival && departure) {
var timeDiff = departure.getTime() - arrival.getTime();
tourDurationDays = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));
if (tourDurationDays < 0) tourDurationDays = 0;
}
} catch(e) {
tourDurationDays = 0;
}
}
var dataLayerEvent = {
'event': 'form_submission',
'destination': destination,
'currency': currency,
'nationality': nationality,
'no_of_adults': noOfAdults,
'no_of_children': noOfChildren,
'no_of_infants': noOfInfants,
'email': email,
'phone_number': '+' + countryCode + phoneNumber,
'tour_duration_days': tourDurationDays
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
var btn = document.getElementById("Enquire-btn");
if (btn) { btn.classList.add("is-loading"); btn.disabled = true; }
document.getElementById("bookFormNew").submit();
}
// var disableddates = [];
// function DisableSpecificDates(date) {
// var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
// return [disableddates.indexOf(string) == -1];
// }
jQuery(function() {
jQuery("#datepickerArrival2").datepicker({
defaultDate: '+2d',
dateFormat: 'dd/mm/yy',
showOn: "both",
buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
buttonImageOnly: false,
minDate: 2,
onClose: function(selectedDate) {
if (selectedDate) {
var date = $.datepicker.parseDate("dd/mm/yy", selectedDate);
date.setDate(date.getDate() + 1); // Add 1 day
jQuery("#datepickerDeparture2").datepicker("option", "minDate", date);
}
}
});
jQuery( "#datepickerDeparture2" ).datepicker({
defaultDate: "+1d",
dateFormat: 'dd/mm/yy',
showOn: "both",
buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
buttonImageOnly: false,
minDate: 0,
});
});
function updateAgeFieldsAll(a, b, c) {
var d = $("[ageDesc='" + c + "']");
d.find(".age-input-div").length && d.find(".age-input-div").remove();
for (var e = 0; b > e; e++) {
if( c == "infant"){
var f = $("#ageInputDiv").clone().removeAttr("id").addClass("hidden age-input-div").removeClass("form-group label-floating");
f.find(".div-1").html("<input id='" + c + e + "' type='hidden' size='3' class='form-control' maxlength='2' min='1' value='1.99' max='11.99' name='infants_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
}else{
var f = $("#ageInputDiv").clone().removeAttr("id").addClass("col-md-6 age-input-div");
f.find(".div-0").html("<label for='" + c + e + "'>Age of Child "+ (e+1) +"</label>"), f.find(".div-1").html("<input id='" + c + e + "' type='number' size='3' class='form-control' value='' maxlength='2' required min='2' max='11.99' name='children_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
}
}
}
function updateAgeSelectionAll(a) {
var b = 0,
c = 0,
d = $('[id^="ageBands\\["]');
d.each(function() {
b += parseInt($(this).val())
}), c = a - b, d.each(function() {
var a = $(this),
b = parseInt(a.val()) + c,
d = a.val(),
e = 0;
a.val(d)
})
}
function paxOnChangeAll(a, b, c, d, e) {
"Adult" === c ? updateAgeSelectionAll(e) : (updateAgeFieldsAll(a, b, c.toLowerCase()), updateAgeSelectionAll(e))
}
function validateMail() {
/*
let mailValue = jQuery('#UserEmail').val();
var settings = {
"url": "https://api.sendgrid.com/v3/validations/email",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer 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",
"Content-Type": "text/plain"
},
"data": "{\r\n \"email\": \""+mailValue+"\",\r\n \"source\": \"Requests\"\r\n}",
};
if(mailValue.length > 1) {
$.ajax(settings).done(function (response) {
if (response.result.verdict == "Invalid") {
jQuery('#UserEmail').css({"border": "1px solid red", "color": "red"});
jQuery('#Enquire-btn').attr('disabled', 'disabled')
jQuery('#mail-validation').html('Please enter a Valid Email');
jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
} else {
jQuery('#UserEmail').css({"border": "1px solid #757575", "color": "#757575"});
jQuery('#Enquire-btn').removeAttr('disabled');
jQuery('#mail-validation').html('');
jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
}
});
}
*/
}
</script>
<script type="text/javascript">
updateAgeSelectionAll(9);
</script>
<script>
// Track form_start event when user focuses on any form field (first interaction)
// Also track form_abandon when user leaves the form
(function() {
window.dataLayer = window.dataLayer || [];
var formStartFired = false;
var formSubmitted = false;
var lastFieldName = '';
// Make formSubmitted accessible globally so we can set it from validate function
window.setFormSubmitted = function() {
formSubmitted = true;
};
var form = document.getElementById('bookFormNew');
if (form) {
var formFields = form.querySelectorAll('input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea');
formFields.forEach(function(field) {
field.addEventListener('focus', function() {
if (!formStartFired) {
formStartFired = true;
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var dataLayerEvent = {
'event': 'form_start',
'destination': destination,
'currency': currency
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
// Track last field name
lastFieldName = field.name || field.id || '';
}, { once: true });
// Also track on blur to capture the last field
field.addEventListener('blur', function() {
lastFieldName = field.name || field.id || '';
});
});
// Track form submission to prevent abandon event
form.addEventListener('submit', function() {
formSubmitted = true;
});
// Track form_abandon when user leaves the page
function trackFormAbandon() {
if (formStartFired && !formSubmitted) {
var tourName = (document.getElementById('gtm_tour_name') ? document.getElementById('gtm_tour_name').value : '').toLowerCase();
var tourType = (document.getElementById('gtm_tour_type') ? document.getElementById('gtm_tour_type').value : '').toLowerCase();
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
// Get field name - use the name attribute, fallback to id, or empty string
var fieldName = lastFieldName || '';
var dataLayerEvent = {
'event': 'form_abandon',
'tour_name': tourName,
'tour_type': tourType,
'destination': destination,
'form_field_name': fieldName
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
}
// Listen for page unload
window.addEventListener('beforeunload', function() {
trackFormAbandon();
});
// Listen for visibility change (tab switch, minimize, etc.)
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
trackFormAbandon();
}
});
}
})();
</script>
<script>
jQuery('.btn-number.book_all').click(function(e){
e.preventDefault();
fieldName = jQuery(this).attr('data-field');
type = jQuery(this).attr('data-type');
var input = jQuery("input[id='"+fieldName+"']");
var currentVal = parseInt(input.val());
if (!isNaN(currentVal)) {
if(type == 'minus') {
if(currentVal > input.attr('min')) {
input.val(currentVal - 1).change();
}
if(parseInt(input.val()) == input.attr('min')) {
jQuery(this).attr('disabled', true);
}
} else if(type == 'plus') {
if(currentVal < input.attr('max')) {
input.val(currentVal + 1).change();
}
if(parseInt(input.val()) == input.attr('max')) {
jQuery(this).attr('disabled', true);
}
}
} else {
input.val(1);
}
});
jQuery('.input-number.book_all').focusin(function(){
jQuery(this).data('oldValue', jQuery(this).val());
});
jQuery('.input-number.book_all').change(function() {
minValue = parseInt(jQuery(this).attr('min'));
maxValue = parseInt(jQuery(this).attr('max'));
valueCurrent = parseInt(jQuery(this).val());
name = jQuery(this).attr('id');
if(valueCurrent >= minValue) {
jQuery(".btn-number.book_all[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the minimum value was reached');
jQuery(this).val(jQuery(this).data('oldValue'));
}
if(valueCurrent <= maxValue) {
jQuery(".btn-number.book_all[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the maximum value was reached');
jQuery(this).val(jQuery(this).data('oldValue'));
}
});
jQuery(".input-number.book_all").keydown(function (e) {
// Allow: backspace, delete, tab, escape, enter and .
if (jQuery.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
// Allow: Ctrl+A
(e.keyCode == 65 && e.ctrlKey === true) ||
// Allow: home, end, left, right
(e.keyCode >= 35 && e.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
// Ensure that it is a number and stop the keypress
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
jQuery.material.init();
jQuery.material.checkbox();
function valueChanged(){
if(jQuery('.flight').is(":checked")) {
jQuery("#departure_airport").attr("required", true);
jQuery(".flight_from").show();
}else{
jQuery(".flight_from").hide();
jQuery("#departure_airport").attr("required", false);
}
}
function childAge(){
if(jQuery('.children').val().length != 0) {
jQuery(".children_age").attr("required", true);
}else{
jQuery(".children_age").attr("required", false);
}
}
</script>
<script type="text/javascript">
(function() {
var activeViewClasses = ['tw-bg-white', 'tw-text-navy', 'tw-shadow-md', 'tw-scale-105'];
var inactiveViewClasses = ['tw-text-gray-500', 'hover:tw-text-navy', 'hover:tw-bg-white/50'];
function setViewButtonState(btn, isActive) {
if (!btn) return;
if (isActive) {
btn.classList.add.apply(btn.classList, activeViewClasses);
inactiveViewClasses.forEach(function(c) { btn.classList.remove(c); });
} else {
btn.classList.remove.apply(btn.classList, activeViewClasses);
inactiveViewClasses.forEach(function(c) { btn.classList.add(c); });
}
}
window.toggleView = function(view) {
var listBtn = document.getElementById('btn-view-list');
var mapBtn = document.getElementById('btn-view-map');
var programs = document.getElementById('programs');
var mapView = document.getElementById('map-view');
var pagination = document.getElementById('home-pagination');
var loader = document.getElementById('loader_div');
if (view === 'map' && mapView) {
setViewButtonState(listBtn, false);
setViewButtonState(mapBtn, true);
if (programs) programs.classList.add('tw-hidden');
if (pagination) pagination.classList.add('tw-hidden');
if (loader) loader.classList.add('tw-hidden');
mapView.classList.remove('tw-hidden');
} else {
setViewButtonState(mapBtn, false);
setViewButtonState(listBtn, true);
if (mapView) mapView.classList.add('tw-hidden');
if (programs) programs.classList.remove('tw-hidden');
if (pagination) pagination.classList.remove('tw-hidden');
if (loader) loader.classList.remove('tw-hidden');
}
};
window.homePackagesAfterLoad = function() {
if (typeof updateSiteRatesTop === 'function') {
updateSiteRatesTop('1', false);
}
if (typeof jQuery !== 'undefined') {
jQuery('img.lazy').lazyload({ effect: 'fadeIn' });
jQuery('div.lazy').lazyload({ effect: 'fadeIn' });
}
if (typeof updatecount === 'function') {
updatecount();
}
window.toggleView('list');
homeBindViewTripLinks();
};
window.homeBindViewTripLinks = function homeBindViewTripLinks() {
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
document.querySelectorAll('.view-trip-link').forEach(function(link) {
if (link.dataset.gtmBound === '1') return;
link.dataset.gtmBound = '1';
link.addEventListener('click', function() {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'view_trip_details',
tour_name: (this.getAttribute('data-tour-name') || '').toLowerCase(),
tour_type: (this.getAttribute('data-tour-type') || 'private').toLowerCase(),
section_title: sectionTitle,
destination: (this.getAttribute('data-destination') || 'multi-country').toLowerCase()
});
});
});
}
document.addEventListener('DOMContentLoaded', function() {
homeBindViewTripLinks();
var anchor = document.getElementById('tours-anchor');
if (anchor && window.location.hash === '#programs') {
anchor.scrollIntoView({ behavior: 'smooth' });
}
});
})();
</script>
<script type="text/javascript">
(function() {
var faqOpenIndex = null;
window.toggleFAQ = function(index) {
var content = document.getElementById('faq-content-' + index);
var icon = document.getElementById('faq-icon-' + index);
if (!content) {
return;
}
var isOpen = content.classList.contains('faq-open');
document.querySelectorAll('#faq-container [id^="faq-content-"]').forEach(function(el) {
el.style.maxHeight = '0';
el.classList.remove('faq-open');
});
document.querySelectorAll('#faq-container [id^="faq-icon-"]').forEach(function(el) {
el.classList.remove('tw-rotate-180');
});
if (!isOpen) {
content.classList.add('faq-open');
content.style.maxHeight = content.scrollHeight + 'px';
if (icon) {
icon.classList.add('tw-rotate-180');
}
faqOpenIndex = index;
} else {
faqOpenIndex = null;
}
};
window.loadMoreFAQs = function() {
document.querySelectorAll('#faq-container .home-faq-item-hidden').forEach(function(el) {
el.classList.remove('home-faq-item-hidden', 'tw-hidden');
});
var wrap = document.getElementById('faq-load-more-wrap');
if (wrap) {
wrap.classList.add('tw-hidden');
}
if (faqOpenIndex !== null) {
var openContent = document.getElementById('faq-content-' + faqOpenIndex);
if (openContent && openContent.classList.contains('faq-open')) {
openContent.style.maxHeight = openContent.scrollHeight + 'px';
}
}
};
window.addEventListener('resize', function() {
if (faqOpenIndex === null) {
return;
}
var openContent = document.getElementById('faq-content-' + faqOpenIndex);
if (openContent && openContent.classList.contains('faq-open')) {
openContent.style.maxHeight = openContent.scrollHeight + 'px';
}
});
})();
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var scrollEl = document.getElementById('reviews-scroll');
var prevBtn = document.getElementById('prev-review');
var nextBtn = document.getElementById('next-review');
if (!scrollEl || !prevBtn || !nextBtn) {
return;
}
function scrollReviews(direction) {
scrollEl.scrollBy({ left: direction * scrollEl.clientWidth, behavior: 'smooth' });
}
prevBtn.addEventListener('click', function() { scrollReviews(-1); });
nextBtn.addEventListener('click', function() { scrollReviews(1); });
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('input[value="90"][name="Country"]').prop('checked', true);
jQuery('input[value="459"][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, "/southeast-asia-tours/vietnam-guided-tours/?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("/southeast-asia-tours/vietnam-guided-tours/?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'] ="€";
currenciesAbbrevArray['2'] ="EUR (€)";
currenciesAbbrevTextArray['2'] ="EUR";
currenciesExArray['3'] = "0.74410";
currenciesSignArray['3'] ="£";
currenciesAbbrevArray['3'] ="GBP (£)";
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 Warning (2)CORE/src/Http/ResponseEmitter.php , line 181 ]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': 'southeast-asia-tours', //if found
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/> <link rel="canonical" href="https://new.memphistours.com/southeast-asia-tours/vietnam-guided-tours" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />
<title>Vietnam Tours | Vietnam Guided Tours with Memphis Tours</title>
<meta name="keywords" content="Vietnam Tours, Vietnam Guided Tours, Memphis Tours" />
<meta name="description" content="Explore Vietnam's cities & landscapes with our Vietnam tours. From action-packed adventures to luxurious escapes, find your perfect Vietnam-guided tours!" />
<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/e31555cacede65d09fdd937055c768da.webp" 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/southeast-asia-tours/vietnam-guided-tours" />
<meta property="og:title" content="Vietnam Tours" />
<meta property="og:description" content="Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in Hanoi, where the bustling Old Quarter, Hoan Kiem Lake, and the Ho Chi Minh Mausoleum showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning Pu Luong Nature Reserve, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic Halong Bay, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.
Discover the charm of Hoi An, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.
" />
<meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e31555cacede65d09fdd937055c768da.webp" />
<link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e31555cacede65d09fdd937055c768da.webp" />
<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 (€) </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 (£) </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/e31555cacede65d09fdd937055c768da.webp"
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="Tourist wandering through the ancient Imperial City of Hue, Vietnam."
title="Tourist wandering through the ancient Imperial City of Hue, Vietnam.">
<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>
Southeast Asia </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">
Vietnam Tours </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>Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in <a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank">Hanoi</a>, where the bustling Old Quarter, <a href="/southeast-asia-tours/hoan-kiem-lake-hanoi" target="_blank">Hoan Kiem Lake</a>, and the <a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam" target="_blank">Ho Chi Minh Mausoleum</a> showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning <a href="/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank">Pu Luong Nature Reserve</a>, home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic <a href="/southeast-asia-tours/ha-long-bay" target="_blank">Halong Bay</a>, a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.</p>
<p>Discover the charm of <a href="/southeast-asia-tours/hoi-an-city" target="_blank">Hoi An</a>, famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.</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="southeast asia">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="1"]'))">
<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="14"]'))">
<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="13"]'))">
<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="61"]'))">
<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="30"]'))">
<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="39"]'))">
<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="15"]'))">
<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="49"]'))">
<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="51"]'))">
<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="93"]'))">
<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="92"]'))">
<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="57"]'))">
<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="63"]'))">
<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="71"]'))">
<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="90"]'))">
<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="91"]'))">
<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="98"]'))">
<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', '462')">Southeast Asia Travel Guide</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', '459')">Vietnam Tours</button>
<button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '460')">Thailand Tours</button>
<button type="button" class="tw-flex tw-w-full tw-p-2 tw-rounded-lg hover:tw-bg-gray-50 tw-text-sm tw-text-left" onclick="homeSetFilterRadio('rootCategory', '461')">Multi Country Asia 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="1"]'))">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="14"]'))">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="13"]'))">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="61"]'))">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="30"]'))">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="39"]'))">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="15"]'))">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="49"]'))">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="51"]'))">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="93"]'))">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="92"]'))">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="57"]'))">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="63"]'))">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="71"]'))">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="90"]'))">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="91"]'))">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="98"]'))">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', '462')">Southeast Asia Travel Guide</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '459')">Vietnam Tours</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '460')">Thailand Tours</button>
<button type="button" class="tw-w-full tw-text-left tw-p-2 tw-text-sm" onclick="homeSetFilterRadio('rootCategory', '461')">Multi Country Asia 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="/southeast-asia-tours/vietnam-guided-tours"><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 = "462" id="462" onchange="filter(' ')"> Southeast Asia Travel Guide </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "459" id="459" onchange="filter(' ')"> Vietnam Tours </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "460" id="460" onchange="filter(' ')"> Thailand Tours </label>
</div>
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "461" id="461" onchange="filter(' ')"> Multi Country Asia 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="home-tour-card home-tour-card--featured md:tw-col-span-2 tw-relative tw-rounded-3xl tw-overflow-hidden tw-shadow-sm hover:tw-shadow-2xl tw-flex tw-flex-col tw-justify-end tw-min-h-[450px] md:tw-min-h-[500px] tw-transition-all tw-duration-700 hover:-tw-translate-y-2 tw-border tw-border-black/5">
<a href="/southeast-asia-tours/vietnam-journey-into-nature-tour" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="Vietnam Journey into Nature Tour"
data-tour-name="Vietnam Journey into Nature Tour" data-tour-type="Private Tour" data-destination="southeast-asia-tours"></a>
<img src="https://images.memphistours.com/thumbs1/1750571524_our-clients-in-vietnam.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[1500ms] group-hover:tw-scale-105" loading="lazy" alt="Vietnam Journey into Nature Tour">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-90 tw-pointer-events-none"></div>
<div class="tw-relative tw-z-10 tw-w-[90%] md:tw-w-[65%] lg:tw-w-[50%] xl:tw-w-[45%] tw-mb-6 tw-mx-auto md:tw-mb-10 md:tw-ml-10 tw-p-6 md:tw-p-8 tw-rounded-2xl tw-bg-white/95 tw-backdrop-blur-xl tw-shadow-2xl tw-border tw-border-white/50 tw-flex tw-flex-col">
<div class="tw-flex tw-items-center tw-justify-between tw-gap-4 tw-mb-4">
<span class="tw-px-3 tw-py-1 tw-bg-gold/10 tw-text-gold tw-border tw-border-gold/20 tw-rounded-full tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-shadow-inner">
<ion-icon name="star" class="tw-mr-1.5 tw-text-sm"></ion-icon> Featured Package </span>
</div>
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-navy/60 tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-1.5 tw-mb-2 tw-bg-navy/5 tw-px-2 tw-py-1 tw-rounded-lg tw-border tw-border-navy/10">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon> 1 Country </span>
<h3 class="tw-text-2xl lg:tw-text-3xl tw-font-serif tw-text-navy tw-leading-tight">Vietnam Journey into Nature Tour</h3>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 md:tw-line-clamp-3 tw-leading-loose tw-mb-6">8-Day unforgettable adventure through Vietnam's breathtaking landscapes. Begin your exploration in Hanoi, a captivating city where ancient temples coexist with bustling markets. Journey into the verdant hills of Mai Chau, home to colorful ethnic minority communities. Witness their rich traditions, and experience their warm hospitality. Delve deeper into Vietnam's pristine wilderness at Pu Luong Nature Reserve. No Vietnam adventure is complete without witnessing the awe-inspiring beauty of Ha Long Bay. Cruise amidst towering limestone pillars rising majestically from emerald waters. This 8-day itinerary offers a perfect blend of cultural immersion, breathtaking scenery, and outdoor adventure. Unwind on pristine beaches, trek through untouched landscapes, and discover the hidden gems of Vietnam's nature on this unforgettable journey.
</p>
<div class="tw-mt-auto tw-flex tw-flex-col xl:tw-flex-row xl:tw-items-end tw-justify-between tw-gap-6 tw-pt-5 tw-border-t tw-border-gray-100">
<div class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-2">
<div>
<span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Duration</span>
<span class="tw-text-lg tw-font-bold tw-text-navy tw-flex tw-items-center tw-gap-1.5"><ion-icon name="time-outline" class="tw-text-gold"></ion-icon> 8</span>
</div>
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[9px] tw-text-gray-400 tw-block tw-mb-1 tw-uppercase tw-tracking-widest tw-font-bold">Starting From</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price940" class="convertable" itemprop="price">940</span>
</span>
<input type="hidden" id="hmin_price940" value="940" />
</div>
</div>
<a href="/southeast-asia-tours/vietnam-journey-into-nature-tour" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
View Trip <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
</a>
</div>
</div>
</div>
<div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="1" page="2" id="programs_more"></div>
</div>
<div id="loader_div"></div>
<div id="map-view" class="tw-hidden tw-relative tw-min-h-[500px] tw-bg-gray-100 tw-rounded-[2rem] tw-overflow-hidden tw-shadow-inner tw-border tw-border-gray-300 tw-mt-4">
<div id="react-map-root" class="tw-w-full tw-h-full tw-min-h-[500px] tw-flex tw-items-center tw-justify-center tw-p-8 tw-text-center tw-text-gray-500">
<p>Map view will display tour locations. Switch to List to browse packages.</p>
</div>
</div>
</main>
<div class="tw-w-full lg:tw-w-[360px] tw-flex-shrink-0">
<div class="banner_offer tw-mb-6 tw-rounded-2xl tw-overflow-hidden tw-shadow-md tw-hidden lg:tw-block">
<a href="https://www.memphistours.com/southeast-asia-tours/a-grand-tour-of-southeast-asia" target="_blank" rel="noopener noreferrer">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/d77fa86ccc5dfc71cacfe39230943843.jpg" alt="College photos of Vietnam, Cambodia, Laos and Thailand " title="southeast-asia-multi-country" width="100%" height="auto" class="tw-w-full tw-h-auto">
</a>
</div>
<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="/southeast-asia-tours/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 & 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 & 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 & 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 & 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 & 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="Southeast Asia">
<input type="hidden" id="gtm_currency" value="USD">
</form>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
</section>
<style>
.home-packages-section .home_sub_filrers { margin: 0; gap: 0; }
.home-packages-section .home_sub_filrers > div:first-child { display: none; }
.home-packages-section .home_sub_filrers select {
background: #fff; border: none; font-size: 1rem; font-weight: 700; color: #0a2b4b;
padding: 0.25rem 0.5rem; border-radius: 0.5rem; cursor: pointer;
}
.home-packages-pagination a { text-decoration: none; }
.home-packages-pagination .home-pag-btn,
.home-packages-pagination .home-pag-num { box-sizing: border-box; }
#programs.tw-hidden { display: none !important; }
</style>
<section class="tw-bg-white tw-py-16 tw-border-t tw-border-gray-100" id="faq-section" itemscope itemtype="https://schema.org/FAQPage">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-text-center tw-mb-12">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-block tw-mb-2">Support</span>
<h2 class="tw-text-4xl md:tw-text-5xl lg:tw-text-7xl tw-font-serif tw-text-navy">Frequently Asked Questions</h2>
<p class="tw-text-gray-500 tw-max-w-2xl tw-mx-auto tw-mt-4 tw-text-base md:tw-text-lg">Got questions? We’ve got answers. Find everything you need to know to plan your perfect trip.</p>
</div>
<div id="faq-container" class="tw-space-y-4 tw-max-w-5xl tw-mx-auto">
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="0" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(0)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What currency is used in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-0" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-0" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Each country has its own currency, such as Thai Baht, Vietnamese Dong, and Lao Kip. In Cambodia, US dollars are also widely accepted alongside the local currency.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="1" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(1)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Do I need a visa to visit Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-1" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-1" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Visa requirements depend on your nationality and the countries you plan to visit. Many Southeast Asian destinations offer e-visas or visa-on-arrival options, making travel relatively easy for most tourists.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="2" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(2)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What is the best time to visit Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>The best time to visit Southeast Asia is usually during the dry season from November to April, when temperatures are more comfortable and rainfall is lower. This period is ideal for beaches, sightseeing, island hopping, and outdoor activities across the region.</p>
<p> </p>
<ul>
<li>Thailand: Best from November to March for beaches, islands, and cultural cities</li>
<li>Vietnam: Best from November to April, though weather varies between north and south</li>
<li>Cambodia: Best from November to March with cooler, drier conditions for temple visits</li>
<li>Laos: Best from November to February for pleasant weather and nature experiences</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="3" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(3)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How many days do I need for a Southeast Asia trip?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-3" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-3" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>A trip of 10–14 days is ideal for exploring one or two countries comfortably. If you want to visit multiple destinations and enjoy a slower travel pace, two to three weeks is even better.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1" data-faq-index="4" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(4)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the top destinations I can visit in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-4" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-4" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You will find a rich mix of culture, nature, and city life across the region, especially in countries like Thailand, Vietnam, Cambodia, and Laos.</p>
<p> </p>
<h3><strong>Thailand</strong></h3>
<ul>
<li>Vibrant cities, golden temples, and tropical islands</li>
<li>Famous for street food, nightlife, and cultural landmarks</li>
<li>Ideal for both first-time travelers and beach holidays</li>
</ul>
<p> </p>
<h3><strong>Vietnam</strong></h3>
<ul>
<li>Stunning landscapes from mountains to limestone bays</li>
<li>Historic cities with strong cultural and colonial heritage</li>
<li>Known for world-famous street food and river life</li>
</ul>
<p> </p>
<h3><strong>Cambodia</strong></h3>
<ul>
<li>Home to iconic ancient temples like Angkor Wat</li>
<li>Deep cultural and historical experiences</li>
<li>Relaxed towns and emerging coastal escapes</li>
</ul>
<p> </p>
<h3><strong>Laos</strong></h3>
<ul>
<li>Peaceful rivers, waterfalls, and mountain scenery</li>
<li>Strong Buddhist traditions and slow-paced travel</li>
<li>Perfect for nature-focused and cultural journeys</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="5" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(5)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the top things to include in Southeast Asia tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-5" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-5" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can explore ancient temples like Angkor Wat in Cambodia, relax on the islands of Phuket and Krabi in Thailand, cruise through Ha Long Bay in Vietnam, and discover the peaceful landscapes of Luang Prabang in Laos. The region also offers vibrant night markets, street food experiences, jungle adventures, and UNESCO World Heritage sites.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="6" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(6)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Is Southeast Asia safe for tourists?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-6" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-6" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, Southeast Asia is generally considered very safe and welcoming for travelers, including solo travelers and families. Popular destinations like Thailand, Vietnam, Cambodia, and Laos have well-developed tourism infrastructure, though it’s still important to take normal precautions in crowded areas and while using local transportation.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="7" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(7)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What languages are spoken in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-7" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-7" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Different countries have their own local languages, including Thai, Vietnamese, Khmer, and Lao. English is commonly spoken in tourist areas, hotels, restaurants, and major attractions.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="8" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(8)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What should I pack for a trip to Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-8" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-8" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>Lightweight and breathable clothing for hot and humid weather</li>
<li>Comfortable walking shoes or sandals for sightseeing</li>
<li>Sunscreen, sunglasses, and a hat for strong tropical sun</li>
<li>Insect repellent, especially for nature and island destinations</li>
<li>Modest clothing for visiting temples and religious sites</li>
<li>A reusable water bottle and small day bag for daily excursions</li>
<li>Swimwear for beaches, islands, and hotel pools</li>
<li>Travel adapters and portable chargers for electronics</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="9" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(9)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How do I travel between countries in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-9" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-9" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Short flights are usually the fastest and most convenient way to travel between countries in Southeast Asia, especially for longer distances. Buses, trains, and ferries are also popular options for travelers looking for a more affordable, scenic, and local travel experience. In many routes, especially between Thailand, Cambodia, Laos, and Vietnam, overland travel is easy and commonly used by multi-country travelers.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="10" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(10)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What food should I try in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-10" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-10" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You should try famous local dishes like Pad Thai and mango sticky rice in Thailand, pho and banh mi in Vietnam, amok curry in Cambodia, and sticky rice dishes in Laos. Southeast Asia is also known for its vibrant street food culture, tropical fruits, seafood, noodles, curries, and flavorful grilled dishes.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="11" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(11)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the most famous cities to visit?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-11" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-11" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You will find vibrant cities like Bangkok in Thailand, Hanoi and Ho Chi Minh City in Vietnam, Phnom Penh in Cambodia, and Vientiane in Laos. Each city offers a unique mix of culture, history, food, and nightlife.</p>
<p> </p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="12" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(12)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the best beaches in the region?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-12" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-12" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can enjoy world-famous beaches in Phuket, Krabi, and Koh Samui in Thailand, Ha Long Bay coastlines in Vietnam, and island escapes in Cambodia like Koh Rong. These destinations offer clear waters, soft sand, and tropical scenery.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="13" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(13)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are the most popular festivals?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-13" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-13" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can experience some of Southeast Asia’s most iconic cultural celebrations throughout the year. Thailand’s Songkran Water Festival transforms entire cities into massive water celebrations, marking the traditional New Year with joy and renewal. Vietnam’s Tet (Lunar New Year) is the most important holiday of the year, where families reunite, temples fill with offerings, and streets glow with decorations and fireworks. In Cambodia, Khmer New Year brings three days of traditional games, temple visits, and water blessings, while Laos celebrates Pi Mai with Buddha statues washing rituals, parades, and nationwide water festivities.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="14" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(14)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What are cultural do’s and don’ts?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-14" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-14" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><h3><strong>Do’s:</strong></h3>
<p> </p>
<ul>
<li>Dress modestly when visiting temples and religious sites</li>
<li>Remove your shoes before entering homes, temples, and some sacred places</li>
<li>Show respect to monks and local religious practices</li>
<li>Use polite gestures and a calm tone in public interactions</li>
<li>Use your right hand (or both hands) when giving or receiving items</li>
<li>Ask for permission before taking photos of people or religious ceremonies</li>
</ul>
<p> </p>
<h3><strong>Don’ts:</strong></h3>
<p> </p>
<ul>
<li>Don’t touch anyone’s head, as it is considered disrespectful in many cultures</li>
<li>Don’t point your feet at people or religious objects</li>
<li>Don’t wear revealing clothing inside temples or sacred sites</li>
<li>Don’t show public anger or raise your voice in conflicts</li>
<li>Don’t interrupt monks or sacred rituals</li>
<li>Don’t take photos where signs or locals indicate it is not allowed</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="15" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(15)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Do I need vaccinations before traveling?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-15" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-15" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Some vaccinations may be recommended depending on your route through Thailand, Vietnam, Cambodia, or Laos. It’s best to check updated health guidelines before traveling.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="16" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(16)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Is Southeast Asia good for US Citizens?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-16" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-16" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, Southeast Asia is a very popular and convenient destination for US citizens. Most countries in the region offer simple entry requirements such as visa-free stays, e-visas, or visa-on-arrival options depending on the destination. Thailand and Vietnam are especially well-suited for US travelers thanks to their strong tourism infrastructure, wide range of hotels, and easy transportation. Cambodia and Laos also provide welcoming experiences with rich culture and smooth travel processes, making the region ideal for both first-time and experienced US travelers.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="17" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(17)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How do I book Southeast Asia tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-17" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-17" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>Start by contacting Memphis Tours, where you quickly receive available options to design your customized trip</li>
<li>Then receive a detailed itinerary with all plans, services, and essential travel information</li>
<li>Next, confirm your booking by paying a deposit, as your reservation is only secured once the payment is received</li>
<li>Finally, pay the remaining balance upon arrival and start your journey smoothly</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="18" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(18)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Why book Southeast Asia tours with Memphis Tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-18" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-18" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>There are a lot of reasons to book your Southeast Asia tours with Memphis Tours. With decades of experience in travel since 1955, the company specializes in creating personalized itineraries that match your interests, budget, and travel style.</p>
<p>With strong regional expertise across Thailand, Vietnam, Cambodia, and Laos, Memphis Tours ensures smooth planning, reliable local partnerships, and well-organized travel experiences from start to finish. Our team focuses on delivering high-quality service, carefully selected experiences, and seamless arrangements across accommodation, transportation, and guided tours.</p>
<p>From the moment you start planning until you return home, Memphis Tours provides dedicated support and attention to detail, making your Southeast Asia journey both easy and memorable.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="19" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(19)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Are taxes included in our Southeast tour packages?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-19" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-19" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Yes, taxes are included in the listed prices. This means the price you see already covers all applicable service charges and standard taxes, so there are no hidden costs added later. Any additional expenses would only apply if you choose optional upgrades, personal purchases, or extra services during your trip.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="20" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(20)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> How much deposit do I need to pay?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-20" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-20" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>A 50% deposit is required 30 days before the arrival date to confirm your booking</li>
<li>The remaining 70% balance is paid 10 days before guests’ arrival</li>
<li>Payments can be made securely via Visa, MasterCard, or American Express</li>
<li>Wire transfers are also accepted as a payment method</li>
</ul>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="21" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(21)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Where are the best photography spots?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-21" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-21" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>The best photography spots depend on the destination you choose, but Southeast Asia offers countless iconic locations for stunning travel photos.</p>
<p> </p>
<ul>
<li>In Thailand, places like Bangkok’s Grand Palace, Chiang Mai temples, and Phi Phi Islands are perfect for culture and beach shots</li>
<li>In Vietnam, Ha Long Bay, Hoi An Ancient Town, and the rice terraces of Sapa offer dramatic landscapes and golden light scenes</li>
<li>In Cambodia, Angkor Wat at sunrise is one of the most iconic photography spots in the world</li>
<li>In Laos, Luang Prabang’s temples, waterfalls, and Mekong River sunsets create peaceful and cinematic compositions</li>
</ul>
<p> </p>
<p>From temples and street life to islands and mountains, every destination offers unique and highly photogenic scenery.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="22" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(22)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What adventure activities can I do?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-22" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-22" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>You can go trekking in northern Vietnam, island hopping in Thailand, jungle exploration in Laos, and temple adventures in Cambodia. The region is perfect for both soft and extreme adventure travel.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="23" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(23)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> Why should I consider a Southeast Asia tour?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-23" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-23" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>A guided tour makes travel across Southeast Asia easier by handling logistics and transfers. It also helps you experience local culture more deeply with expert guidance.</p>
</div>
</div>
</div>
</div>
<div class="home-faq-item group tw-border tw-border-transparent hover:tw-border-gold/30 tw-bg-white tw-rounded-2xl tw-shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] tw-overflow-hidden tw-transition-all tw-duration-300 hover:tw-shadow-lg hover:-tw-translate-y-1 home-faq-item-hidden tw-hidden" data-faq-index="24" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<button type="button" onclick="toggleFAQ(24)" class="tw-w-full tw-text-left tw-px-8 tw-py-6 tw-flex tw-items-center tw-justify-between tw-text-navy tw-bg-white hover:tw-bg-gray-50/50 tw-transition-colors focus:tw-outline-none tw-gap-4">
<span class="tw-text-2xl tw-font-serif tw-leading-tight group-hover:tw-text-gold tw-transition-colors tw-tracking-wide tw-pt-1" itemprop="name"> What vehicles can I use in Southeast Asia?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-24" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-24" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><ul>
<li>You can use domestic flights for long distances between countries and major cities</li>
<li>You can travel by trains, especially scenic routes in Vietnam and Thailand</li>
<li>You can use private cars or tourist vans for comfort and guided transfers</li>
<li>You can ride tuk-tuks and taxis for short-distance travel in cities</li>
<li>You can use motorbike taxis or rental scooters for flexible local exploration</li>
<li>You can take ferries and boats for island hopping in places like Thailand and Vietnam</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="faq-load-more-wrap" class="tw-text-center tw-mt-8">
<button type="button" onclick="loadMoreFAQs()" class="tw-px-8 tw-py-3 tw-bg-white tw-border tw-border-gray-300 tw-rounded-lg tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all tw-duration-300">
Load More FAQs </button>
</div>
</div>
</section>
<section class="tw-relative tw-py-24 lg:tw-py-32 tw-overflow-hidden tw-group/testimonials" id="home-reviews-section">
<div class="tw-absolute tw-inset-0 tw-z-0 tw-bg-gradient-to-br tw-from-navy tw-via-[#0e3b66]">
<div class="tw-absolute tw-inset-0 tw-opacity-5" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
</div>
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6 tw-relative tw-z-10">
<div class="tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center">
<div class="lg:tw-col-span-4 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-[0.2em] tw-text-sm tw-mb-4 tw-block">Voices of Experience</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-white tw-mb-8 tw-leading-tight">
Stories from<br />
<span class="tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-gold tw-to-amber-300">Our Community</span>
</h2>
<p class="tw-text-gray-300 tw-text-lg tw-mb-12 tw-leading-relaxed tw-opacity-90 tw-max-w-md tw-mx-auto lg:tw-mx-0">
Join :count travelers who have uncovered the magic of :destination with our expert guidance. </p>
<div class="tw-flex tw-flex-row lg:tw-flex-col tw-gap-6 tw-justify-center lg:tw-justify-start">
<a href="https://g.co/kgs/wUs9Q45" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
<div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
<img src="/theme/Com2025/img/google.svg" alt="Google" class="tw-w-5 tw-h-5" loading="lazy">
</div>
<div class="tw-text-left tw-hidden md:tw-block">
<div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">Google</div>
<div class="tw-flex tw-text-amber-400 tw-text-[10px] tw-gap-0.5">
<ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon> </div>
</div>
</a>
<a href="https://www.tripadvisor.com/Attraction_Review-g294201-d20398123-Reviews-Memphis_Tours-Cairo_Cairo_Governorate.html" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-gap-4 tw-bg-white/5 tw-backdrop-blur-sm tw-border tw-border-white/10 tw-p-3 tw-rounded-xl hover:tw-bg-white/10 tw-transition-colors tw-w-auto lg:tw-w-fit">
<div class="tw-w-10 tw-h-10 tw-bg-white tw-rounded-full tw-flex tw-items-center tw-justify-center tw-shrink-0">
<img src="/theme/Com2025/img/tripadvisor.svg" alt="TripAdvisor" class="tw-w-6 tw-h-6 tw-object-contain" loading="lazy">
</div>
<div class="tw-text-left tw-hidden md:tw-block">
<div class="tw-text-white tw-font-bold tw-text-sm tw-leading-none tw-mb-1">TripAdvisor</div>
<div class="tw-flex tw-text-[#00AA6C] tw-text-[8px] tw-gap-0.5">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span><span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-[#00AA6C] tw-inline-block"></span> </div>
</div>
</a>
</div>
</div>
<div class="lg:tw-col-span-8 tw-relative">
<div class="tw-flex tw-items-end tw-justify-end tw-mb-8 tw-gap-4 tw-px-4 lg:tw-px-0">
<button type="button" id="prev-review"
class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
aria-label="Previous review">
<ion-icon name="arrow-back-outline" class="tw-text-xl group-hover:-tw-translate-x-1 tw-transition-transform"></ion-icon>
</button>
<button type="button" id="next-review"
class="tw-w-14 tw-h-14 tw-rounded-full tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-gold hover:tw-text-navy hover:tw-scale-105 tw-transition-all tw-duration-300 tw-group"
aria-label="Next review">
<ion-icon name="arrow-forward-outline" class="tw-text-xl group-hover:tw-translate-x-1 tw-transition-transform"></ion-icon>
</button>
</div>
<div id="reviews-scroll" class="tw-flex tw-overflow-x-auto tw-pb-8 tw-snap-x tw-snap-mandatory no-scrollbar" style="scroll-behavior: smooth;">
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
L </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Lucas Smith</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Two Destinations & 1 Trip”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We truly enjoyed our combined trip to Vietnam and Thailand.
&nbsp;
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2026</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
O </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Olivia Brown</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Thank You!”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Many thanks to Memphis Tours for arranging our wonderful trip to Vietnam.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Jan 2026</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
S </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Sophia</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Unforgettable Memories ”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We did Vietnam, Cambodia, and Laos, and every destination had something unique. The guides really added value with local insights. Just a bit of heat in some places, but that&rsquo;s expected!
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Aug 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Mark Evans</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Great for First-Time Asia Travelers”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">This was my first time in Southeast Asia, and Memphis Tours made it easy. Transfers, hotels, and tours were all arranged perfectly. I never felt lost or overwhelmed.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Jessica Morgan</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star" class="tw-opacity-30"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Memphis Tours Did Great, But Hot Weather! ”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Our Vietnam and Cambodia trip was well organized. Guides were excellent, but the tropical heat in Siem Reap made midday activities tiring. Plan for lots of water!
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
L </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Liam</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Laos Was the Highlight”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I didn&rsquo;t expect Laos to be my favorite, but Luang Prabang was peaceful and beautiful. The entire trip across multiple countries felt well thought out and enjoyable.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Feb 2025</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-purple-50 tw-border-purple-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-purple-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
S </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight"> Sarah Collins</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Best Trip We’ve Ever Taken”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Our Vietnam and Thailand tour was incredible! From Ha Long Bay to Bangkok&rsquo;s temples, every stop was unforgettable. Hotels were great, and the itinerary was well balanced, not too rushed.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Oct 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-amber-50 tw-border-amber-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-amber-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-amber-700 tw-shadow-amber-700/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-amber-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Michael Turner</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“A Seamless Southeast Asia Experience”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">We booked the Vietnam, Cambodia, and Laos package, and everything was perfectly organized. The transitions between countries were smooth, and the guides were knowledgeable. Memphis Tours really made this a stress-free trip.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: May 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-blue-50 tw-border-blue-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-blue-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-navy tw-shadow-navy/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-blue-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">James</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Great Service from Memphis Tours”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">From booking to the final day, everything was handled with care. The team was responsive, and our guides were excellent. Definitely recommend Memphis Tours for Southeast Asia tours.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Apr 2024</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
<div class="tw-min-w-full tw-px-4 lg:tw-px-0 tw-snap-center tw-transition-all tw-duration-500">
<article class="tw-bg-white tw-p-10 lg:tw-p-12 tw-rounded-[2.5rem] tw-relative tw-group/card tw-shadow-2xl">
<div class="tw-absolute tw-top-10 tw-right-10 tw-bg-red-50 tw-border-red-100 tw-text-navy tw-px-4 tw-py-1.5 tw-rounded-full tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-red-500"></span>
Southeast Asia </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
J </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Jason Reed</h4>
<div class="tw-flex tw-text-gold tw-text-sm tw-gap-1 tw-mt-1">
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
<ion-icon name="star"></ion-icon>
</div>
</div>
</div>
<h5 class="tw-font-serif tw-text-3xl md:tw-text-4xl tw-text-navy tw-mb-6 tw-leading-tight">“Vietnam Stole My Heart”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">I did a Vietnam-only tour, and it exceeded expectations. The food, culture, and scenery were amazing. I especially loved Hoi An. Would&rsquo;ve liked one extra free day, but overall fantastic.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Nov 2023</span>
<div class="tw-flex tw-items-center tw-gap-2 tw-text-green-600 tw-text-sm tw-font-bold tw-bg-green-50 tw-px-3 tw-py-1 tw-rounded-full">
<ion-icon name="checkmark-circle"></ion-icon> Verified Traveler </div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-overflow-hidden tw-leading-none tw-z-10 tw-pointer-events-none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"
class="tw-relative tw-block tw-w-[calc(100%+1.3px)] tw-h-[60px] lg:tw-h-[100px] tw-text-white tw-fill-current">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"></path>
</svg>
</div>
</section>
<style>
.gallery-container {
/* max-width: 1300px;
margin: 50px auto;
padding: 0 15px; */
}
.gallery-section {
padding: 64px 0;
}
.section-heading {
text-align: center;
margin-bottom: 15px;
color: #0a3256;
font-weight: 700;
}
.section-description {
text-align: center;
color: #6c757d;
max-width: 700px;
margin: 0 auto 50px;
}
.gallerySwiper {
width: 100%;
padding-bottom: 60px;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease;
height: auto;
margin-bottom: 25px;
}
.gallery-item:hover {
transform: translateY(-5px);
}
.gallery-item img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.8);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #f9a825;
opacity: 0.9;
}
.gallerySwiper .swiper-pagination-bullet-active {
background-color: #f9a825;
}
.gallerySwiper .swiper-button-next {
bottom: 10px;
top: auto;
right: 35%;
background: #f9a825;
color: #fff !important;
}
.gallerySwiper .swiper-button-prev {
bottom: 10px;
top: auto;
left: 35%;
}
.gallerySwiper .swiper-button-next,
.gallerySwiper .swiper-button-prev {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #f9a825;
color: #f9a825;
}
.gallerySwiper .swiper-button-next:after,
.gallerySwiper .swiper-button-prev:after {
font-size: 16px;
font-weight: bold;
}
.gallerySwiper .swiper-progress {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 200px;
height: 4px;
background-color: #e0e0e0;
border-radius: 2px;
overflow: hidden;
z-index: 10;
}
.gallerySwiper .swiper-progress-bar {
width: 0%;
height: 100%;
background-color: #f9a825;
border-radius: 2px;
transition: width 0.3s ease;
}
.gallery-grid {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.gallery-grid-item {
padding: 15px;
width: 25%;
}
@media (max-width: 1200px) {
.gallery-grid-item {
width: 33.333%;
}
}
@media (max-width: 992px) {
.gallery-grid-item {
width: 33.333%;
}
}
@media (max-width: 768px) {
.gallery-grid-item {
width: 50%;
}
}
@media (max-width: 576px) {
.gallery-grid-item {
width: 100%;
}
}
</style>
<div class="gallery-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h3>From Our Gallery</h3>
<p>See the world through the eyes of our travelers and Get inspired by real experiences!</p>
</div>
</div>
</div>
<div class="swiper-container gallerySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container-fluid px-0">
<div class="row g-4">
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/c51618c105f1083f891938b277e85d1c.webp" alt="Angkor Wat Temple in At Sunset " title="Angkor Wat Temple in At Sunset ">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/03757f63ff47aae9398b2973218aeba5.webp" alt="Ha Long Bay" title="Ha Long Bay">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/2ffb55f58d0347b8dac422bbd1fc518e.webp" alt="Making crafts during a workshop with local people in Thailand" title="Making crafts during a workshop with local people in Thailand">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/7acb3741bdd0c1ea8efefa63f57c2e58.webp" alt="Motor Bikes in Vietnam" title="Motor Bikes in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/714ef1baf6f1d16f85abb6e4628459d5.webp" alt="Our Clients enjoying their trip in Vietnam" title="Our Clients enjoying their trip in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/281390adb7e852bcd909b2a6ac4913a2.webp" alt="Our clients in Vietnam" title="Our clients in Vietnam">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/ce09a0f60d1cae670b72b08d7ec9f095.webp" alt="Tran Quoc Pagoda in Hanoi" title="Tran Quoc Pagoda in Hanoi">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/f2d4aee93667b58f41cdde6c1fc85f85.webp" alt="Wat Arun Temple in Thailand" title="Wat Arun Temple in Thailand">
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="container-fluid px-0">
<div class="row g-4">
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/cf73d5a590a4bb2aade9098793b9f78c.webp" alt="Woman exploring buddhist temple in Laos" title="Woman exploring buddhist temple in Laos">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/c7e813137f0572a77b768b12bf8cbf5d.webp" alt="Woman riding bicycle in Angkor Wat in Cambodia" title="Woman riding bicycle in Angkor Wat in Cambodia">
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 align-self-center">
<div class="gallery-item">
<img class="lazy" data-src="https://images.memphistours.com/thumbs1/923c8dfad3a7131ac275f96bec378f87.webp" alt="Woman walking on boardwalk through rice fields in laos" title="Woman walking on boardwalk through rice fields in laos">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Navigation buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Progress bar instead of pagination -->
<div class="swiper-progress">
<div class="swiper-progress-bar"></div>
</div>
</div>
</div>
</div>
<section class="tw-bg-white tw-py-12 md:tw-py-24 tw-border-t tw-border-gray-100" id="discover-more">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-mb-16 tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-end tw-gap-6">
<div>
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-mb-2 tw-block">Curated Collections</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Discover More About :destination</h2>
</div>
<p class="tw-text-gray-500 tw-max-w-md tw-text-right md:tw-text-left">Explore unique stories, insider tips, and must-see spots to make the most of your visit.</p>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-6 lg:tw-auto-rows-min">
<div class="lg:tw-col-span-2 tw-relative tw-rounded-[2.5rem] tw-overflow-hidden tw-group tw-min-h-[450px] lg:tw-min-h-[500px] tw-shadow-2xl tw-flex tw-flex-col tw-justify-end">
<img src="/theme/Com2025/img/main_slider_image.webp" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-[20s] group-hover:tw-scale-105" alt="Inspiring Articles" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
<div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
<span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
</div>
<div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
<div>
<h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Inspiring Articles</h3>
<p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
</div>
<a href="https://www.memphistours.com/blog/12-romantic-vacations-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-inline-flex tw-items-center tw-gap-2 tw-px-6 tw-py-3 tw-bg-white tw-text-navy tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:tw-text-white tw-transition-all tw-shadow-lg active:tw-scale-95 tw-shrink-0">
View Collection </a>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
<a href="https://www.memphistours.com/blog/12-romantic-vacations-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">12 Romantic Vacations in Asia</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/blog/best-countries-to-visit-in-asia" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden ">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">8 Best Countries to Visit in Asia</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/blog/cheap-tropical-vacation-spots" target="_blank" rel="noopener noreferrer"
class="tw-bg-white/10 hover:tw-bg-white/20 tw-backdrop-blur-md tw-rounded-2xl tw-p-4 tw-transition-all tw-duration-300 tw-border tw-border-white/20 tw-group/card tw-relative tw-overflow-hidden tw-hidden md:tw-block">
<div class="tw-relative tw-z-10">
<h4 class="tw-font-bold tw-text-lg tw-text-white tw-mb-2 tw-leading-tight">7 Best Cheap Tropical Vacation Spots Around the World</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
<div>
<div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
<ion-icon name="compass"></ion-icon>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Top Rated Tours</h3>
<p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
</div>
<div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/thailand-classic-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-purple-100 hover:tw-bg-purple-50 hover:tw-text-purple-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="diamond-outline" class="tw-text-3xl tw-mb-2 tw-text-purple-600/70 group-hover/style:tw-text-purple-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Thailand Classic Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/a-marvelous-tour-of-thailand-and-bangkok" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-cyan-100 hover:tw-bg-cyan-50 hover:tw-text-cyan-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="boat-outline" class="tw-text-3xl tw-mb-2 tw-text-cyan-600/70 group-hover/style:tw-text-cyan-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Thailand and Bangkok Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/vietnam-guided-tours/vietnam-vacations/vietnam-journey-into-nature-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-orange-100 hover:tw-bg-orange-50 hover:tw-text-orange-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="compass-outline" class="tw-text-3xl tw-mb-2 tw-text-orange-600/70 group-hover/style:tw-text-orange-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">Vietnam Journey into Nature Tour</span>
</a>
<a href="https://www.memphistours.com/southeast-asia-tours/multi-country-asia-tour-packages/asia-multi-country-tour/14-days-vietnam-laos-and-cambodia-tour" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-red-100 hover:tw-bg-red-50 hover:tw-text-red-600 tw-transition-all tw-text-navy tw-group/style tw-shadow-sm hover:tw-shadow-md hover:-tw-translate-y-1">
<ion-icon name="people-outline" class="tw-text-3xl tw-mb-2 tw-text-red-600/70 group-hover/style:tw-text-red-600 tw-transition-colors"></ion-icon>
<span class="tw-text-xs tw-font-bold tw-text-center">14 Days Vietnam, Laos, and Cambodia Tour</span>
</a>
</div>
<a href="https://www.memphistours.com/southeast-asia-tours/thailand-tours/trip-to-thailand/thailand-classic-tour" target="_blank" rel="noopener noreferrer"
class="tw-text-center tw-w-full tw-block tw-text-gold tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs hover:tw-text-navy tw-transition-colors">View All Styles</a>
</div>
<div class="tw-bg-navy tw-rounded-[2.5rem] tw-relative tw-overflow-hidden tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/dest tw-shadow-xl hover:tw-shadow-2xl tw-transition-all tw-min-h-[400px]">
<div class="tw-absolute tw-inset-0 tw-opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;"></div>
<div class="tw-absolute tw-top-0 tw-right-0 tw-w-64 tw-h-64 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-translate-x-1/2 -tw-translate-y-1/2 tw-transition-transform tw-duration-700 group-hover/dest:tw-scale-150"></div>
<div class="tw-relative tw-z-10 tw-flex-1">
<div class="tw-flex tw-justify-between tw-items-start tw-mb-6">
<div class="tw-w-14 tw-h-14 tw-bg-white/5 tw-border tw-border-white/10 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-gold tw-text-2xl group-hover/dest:tw-bg-gold group-hover/dest:tw-border-gold group-hover/dest:tw-text-navy tw-transition-all tw-duration-500 group-hover/dest:tw-scale-105">
<ion-icon name="map"></ion-icon>
</div>
<span class="tw-px-3 tw-py-1 tw-bg-white/10 tw-text-white tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-backdrop-blur-md">12+ Places</span>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Places to Visit</h3>
<p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
<ul class="tw-space-y-4">
<li>
<a href="https://www.memphistours.com/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Hanoi</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/southeast-asia-tours/pu-luong-nature-reserve-complete-travel-guide" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Pu Luong Nature Reserve</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/southeast-asia-tours/best-of-ninh-binh-vietnam" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-items-center tw-justify-between tw-text-gray-300 hover:tw-text-white tw-transition-colors tw-group/link tw-p-2 -tw-mx-2 tw-rounded-lg hover:tw-bg-white/5">
<div class="tw-flex tw-items-center tw-gap-3 tw-min-w-0">
<div class="tw-w-8 tw-h-8 tw-rounded-full tw-bg-white/5 tw-flex tw-items-center tw-justify-center tw-text-gold group-hover/link:tw-bg-gold group-hover/link:tw-text-navy tw-transition-all tw-shrink-0">
<ion-icon name="location"></ion-icon>
</div>
<span class="tw-font-medium group-hover/link:tw-translate-x-1 tw-transition-transform tw-truncate">Ninh Binh</span>
</div>
</a>
</li>
</ul>
</div>
<div class="tw-relative tw-z-10 tw-mt-8">
<a href="https://www.memphistours.com/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history" target="_blank" rel="noopener noreferrer"
class="tw-inline-flex tw-items-center tw-justify-center tw-w-full tw-gap-2 tw-p-3 tw-bg-white/5 hover:tw-bg-gold tw-text-white hover:tw-text-navy tw-font-bold tw-uppercase tw-tracking-widest tw-text-xs tw-rounded-xl tw-transition-all">
Explore All <ion-icon name="arrow-forward"></ion-icon>
</a>
</div>
</div>
<div class="lg:tw-col-span-2 tw-bg-gradient-to-br tw-from-cream tw-to-tan-light tw-rounded-[2.5rem] tw-p-8 lg:tw-p-10 tw-flex tw-flex-col md:tw-flex-row tw-gap-8 tw-items-center tw-relative tw-overflow-hidden tw-group/journal tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-border tw-border-gold/10 hover:tw-border-gold/30 tw-transition-colors tw-min-h-[400px]">
<div class="tw-absolute -tw-bottom-32 -tw-right-32 tw-w-96 tw-h-96 tw-bg-gold/10 tw-rounded-full tw-blur-3xl tw-transition-transform tw-duration-1000 group-hover/journal:tw-scale-150"></div>
<div class="tw-flex-1 tw-relative tw-z-10 tw-w-full md:tw-pr-4">
<div class="tw-w-14 tw-h-14 tw-bg-white tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 tw-shadow-sm group-hover/journal:-tw-translate-y-1 tw-transition-transform tw-duration-500 tw-border tw-border-gray-100">
<ion-icon name="book"></ion-icon>
</div>
<div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1 tw-bg-green-100/80 tw-text-green-700 tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-widest tw-rounded-full tw-mb-4 tw-border tw-border-green-200 tw-backdrop-blur-sm">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-green-500 tw-animate-pulse"></span> Expert Guides </div>
<h3 class="tw-text-4xl lg:tw-text-5xl tw-font-serif tw-text-navy tw-mb-4 tw-leading-tight">Travel Journal</h3>
<p class="tw-text-gray-600 tw-text-sm tw-mb-8 tw-max-w-sm tw-leading-relaxed">Expert advice, insider stories, and comprehensive guides for your perfect trip to :destination.</p>
<a href="/blog" class="tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-3.5 tw-bg-navy tw-text-white tw-text-sm tw-font-bold tw-rounded-full hover:tw-bg-gold hover:-tw-translate-y-1 tw-transition-all tw-shadow-lg hover:tw-shadow-xl active:tw-scale-95">
Read Journal </a>
</div>
<div class="tw-flex-[1.2] tw-flex tw-flex-col tw-gap-4 tw-relative tw-z-10 tw-w-full">
<a href="/blog/10-must-try-vietnamese-dishes"
class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
<div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
<ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</div>
<div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/179a549560ed62fff630d2b00178f6d4.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Popular Traditional Vietnamese food dishes " loading="lazy">
</div>
<div class="tw-pr-6 tw-min-w-0">
<p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Food</p>
<h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">10 Must-Try Vietnamese Dishes for Food Lovers</h4>
</div>
</a>
<a href="/blog/egypt-and-jordan-adventure"
class="tw-flex tw-gap-4 tw-p-4 tw-bg-white/80 tw-backdrop-blur-md hover:tw-bg-white tw-rounded-[1.5rem] tw-shadow-sm hover:tw-shadow-lg tw-transition-all tw-duration-300 tw-group/article tw-items-center tw-border tw-border-white/50 tw-relative tw-overflow-hidden">
<div class="tw-absolute tw-right-4 tw-top-1/2 -tw-translate-y-1/2 tw-text-gold tw-opacity-0 group-hover/article:tw-opacity-100 group-hover/article:tw-translate-x-1 tw-transition-all">
<ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</div>
<div class="tw-w-24 tw-h-24 tw-rounded-[1rem] tw-overflow-hidden tw-shrink-0 tw-shadow-inner">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Please Note: The images used in this article are AI generated to protect our client's privacy." loading="lazy">
</div>
<div class="tw-pr-6 tw-min-w-0">
<p class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-mb-1.5">Traveler Stories</p>
<h4 class="tw-font-bold tw-text-navy tw-leading-snug group-hover/article:tw-text-gold tw-transition-colors tw-text-base tw-mb-2">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h4>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="blog-section tw-bg-gray-50 tw-py-16" id="home-travel-journal">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-end tw-mb-8 tw-gap-4">
<div>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy">Our Travel Journal</h2>
<p class="tw-text-gray-600 tw-mt-2 tw-text-base tw-max-w-2xl">Explore our curated travel blogs to Stay updated with the latest travel tips, destination guides, and insider stories!</p>
</div>
<a href="/blog"
class="cta-button tw-hidden sm:tw-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
data-cta-name="see all blogs"
data-section-title="our travel journal">
See all Blogs </a>
</div>
<div class="tw-flex tw-flex-col md:tw-flex-row tw-h-auto md:tw-h-[600px] tw-gap-4 tw-w-full tw-group/journal">
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/10-must-try-vietnamese-dishes" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Must-Try Vietnamese Dishes for Food Lovers"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/179a549560ed62fff630d2b00178f6d4.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="Popular Traditional Vietnamese food dishes " title="traditional-vietnamese-food-dishes" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Food</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-gold tw-text-navy tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg">Food</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Must-Try Vietnamese Dishes for Food Lovers</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">Find 10 must-try Vietnamese dishes that showcase the country&rsquo;s rich flavors, street food culture, and traditional recipes.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/egypt-and-jordan-adventure" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes "></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/98d38c08574eebcb15fa29fe13fa8c52.png" class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110" alt="Please Note: The images used in this article are AI generated to protect our client's privacy." title="Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes " loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Traveler Stories</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #00000040;">Traveler Stories</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes </h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Discover the magic of an Egypt and Jordan adventure. Explore ancient wonders, iconic landmarks, and rich history on this unforgettable tour.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/tallest-skyscrapers-in-the-world" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Tallest Skyscrapers in the World"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/6ba821bb2b17ec490c1ab1846b19f45e.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 Tallest Skyscrapers in the World" title="10 Tallest Skyscrapers in the World" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Attractions</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #0080ff40;">Attractions</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">10 Tallest Skyscrapers in the World</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Rising high from the ground, skyscrapers are the most awe-inspiring structures that reflect urban sophistication.&nbsp;So, whether you&#39;re an adventurer seeking a bird&#39;s-eye view or simply curious about these t...</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/pet-friendly-vacations" class="tw-absolute tw-inset-0 tw-z-40" aria-label="10 Great Pet-friendly Vacations"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/5de74aea81a0f3e43129bc63c465d109.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 Great Pet-friendly Vacations" title="10 Great Pet-friendly Vacations" 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 Great Pet-friendly Vacations</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">You got your pup and now all you need is a pet-friendly vacation! Whether you&#39;re planning a relaxing stay back or an adventurous trip, there are plenty of options for you and your furry little friend.
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
</div>
<div class="tw-mt-8 tw-text-center sm:tw-hidden">
<a href="/blog"
class="cta-button tw-inline-flex tw-px-6 tw-py-3 tw-border tw-border-gray-300 tw-rounded-full tw-text-base tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-white tw-transition-all"
data-cta-name="see all blogs"
data-section-title="our travel journal">
See all Blogs </a>
</div>
</div>
</section>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
var blogCtaButtons = document.querySelectorAll('.blog-section .cta-button');
blogCtaButtons.forEach(function(blogCtaButton) {
blogCtaButton.addEventListener('click', function() {
var sectionTitle = this.getAttribute('data-section-title') || 'our travel journal';
var dataLayerEvent = {
'event': 'cta_click',
'cta_name': 'see all blogs',
'section_title': sectionTitle,
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
});
});
})();
</script>
<section class="wikis-section tw-bg-[#f8f9fa] tw-py-16" id="know-more-with-memphis">
<div class="tw-max-w-[1400px] tw-mx-auto tw-px-6">
<div class="tw-mb-12">
<span class="tw-text-gold tw-font-bold tw-uppercase tw-tracking-wider tw-text-sm tw-block tw-mb-2">Guide</span>
<h2 class="tw-text-4xl md:tw-text-6xl tw-font-serif tw-text-navy tw-mb-4">Know more with Memphis</h2>
<p class="tw-text-gray-600 tw-text-lg tw-max-w-2xl">From travel tips to destination highlights - Explore our travel guide!</p>
</div>
<div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6">
<a href="/southeast-asia-tours/ho-chi-minh-mausoleum-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1260432210_ho-chi-minh-mausoleum.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Ho Chi Minh Mausoleum Visitor Guide"
title="Ho Chi Minh Mausoleum Visitor Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Ho Chi Minh Mausoleum Visitor Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Explore Ho Chi Minh Mausoleum in Hanoi, including opening hours, etiquette rules, history, and travel tips for first-time visitors.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/hanoi-vietnam-the-capital-of-culture-and-history"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1384708756_Hanoi-vietnam.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Hanoi Vietnam: The Capital of Culture and History"
title="Hanoi Vietnam: The Capital of Culture and History">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Hanoi Vietnam: The Capital of Culture and History</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Visit Hanoi, Vietnam&rsquo;s heart of culture and history, from Hoan Kiem Lake and Old Quarter to street food and ancient temples.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/best-of-ninh-binh-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/1048036458_ninh-binh.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Best of Ninh Binh: Attractions, Tips & Travel Guide"
title="Best of Ninh Binh: Attractions, Tips & Travel Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Best of Ninh Binh: Attractions, Tips & Travel Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Ninh Binh travel guide: explore Trang An, Tam Coc, Mua Cave, and Hoa Lu with practical tips, best time to visit, and itinerary ideas.
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
<a href="/southeast-asia-tours/hue-vietnam"
class="wiki-guide-card tw-group tw-cursor-pointer tw-bg-white tw-rounded-xl tw-border tw-border-gray-100 tw-p-4 tw-shadow-sm hover:tw-shadow-xl hover:-tw-translate-y-1 tw-transition-all tw-flex tw-flex-col tw-h-full tw-no-underline">
<div class="tw-rounded-lg tw-overflow-hidden tw-mb-4 tw-relative tw-h-48 tw-shrink-0">
<img class="lazy tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-700 group-hover:tw-scale-110"
data-src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/708856384_hue-vietnam.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Hue Vietnam Guide"
title="Hue Vietnam Guide">
</div>
<div class="tw-flex tw-flex-col tw-grow">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-3 group-hover:tw-text-gold tw-transition-colors tw-leading-tight">Hue Vietnam Guide</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Discover Hue with our complete travel guide, including must-see sights, historic landmarks, and cultural experiences in the former imperial capital.
&nbsp;
</p>
<span class="tw-text-gold tw-text-xs tw-font-bold tw-uppercase tw-tracking-widest tw-inline-flex tw-items-center tw-gap-2 group-hover:tw-gap-3 tw-transition-all tw-mt-auto">
Read Guide <ion-icon name="arrow-forward"></ion-icon>
</span>
</div>
</a>
</div>
</div>
</section>
<!-- </div> -->
<footer class="tw-bg-white tw-relative tw-overflow-hidden tw-border-t tw-border-gray-100 tw-flex tw-flex-col tw-justify-end tw-min-h-[500px]">
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-z-0 tw-pointer-events-none">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-white tw-via-white/80 tw-to-transparent tw-z-10 tw-h-[60%] sm:tw-h-[40%]"></div>
<img src="/theme/Com2025/img/memphi-footer-bk.png" alt="Memphis Tours Background Landscape"
class="tw-w-full tw-h-auto tw-max-h-[500px] tw-object-cover tw-object-bottom tw-opacity-100 tw-mix-blend-multiply" />
</div>
<div class="tw-w-full tw-pt-16 tw-pb-6 tw-relative tw-z-10 tw-flex tw-flex-col tw-items-center tw-text-center tw-px-6">
<div class="tw-mb-12">
<a href="/" class="tw-inline-block tw-relative tw-z-10 tw-transition-transform hover:tw-scale-105">
<img src="/theme/Com2021/img/logo.svg?v=new" alt="Memphis Tours" title="Memphis Tours" class="tw-h-[52px] tw-w-auto" />
</a>
</div>
<div class="tw-max-w-[1000px] tw-mx-auto tw-mb-16 tw-flex tw-flex-wrap tw-justify-center tw-gap-x-8 tw-gap-y-5 tw-text-[14px] tw-font-semibold tw-text-navy/80 tw-relative tw-z-10">
<a href="/general/privacy-policy" title="Privacy Policy" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Privacy Policy </a>
<a href="/general/contact-us" title="Contact Us " class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Contact Us </a>
<a href="/general/responsible-travel-policy" title="Responsible Travel" class="hover:tw-text-indigo-900 tw-transition-colors tw-bg-white/40 tw-px-2 tw-py-0.5 tw-rounded-md tw-backdrop-blur-md">
Responsible Travel </a>
<a href="/general/terms-conditions" title="Terms & 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 & 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">
© 2026 Copyright to MEMPHIS TOURS </p>
</div>
</div>
<div class="tw-h-16 lg:tw-hidden tw-relative tw-z-10"></div>
</footer>
</body>
<script src="/js/jquery-1.11.3.min.js?1780571495" full="1"></script><script src="/js/jquery-migrate-1.2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.tools.min.js?1780571495" full="1"></script><script src="/com2025/js/js.js?1780571493" full="1"></script><script src="/js/jquery.lazyload.js?1780571495" full="1"></script><script src="/js/mobile/idangerous.swiper-2.1.min.js?1780571495" full="1"></script><script src="/js/jquery.prettyPhoto.js?1780571495" full="1"></script><script src="/js/jquery-ui1.10.1.js?1780571495" full="1"></script><script src="/js/jquery.ui.touch-punch.min.js?1780571495" full="1"></script><script src="/com2025/js/moment.js?1780571493" full="1"></script><script src="/com2025/js/daterangepicker.js?1780571493" full="1"></script><script src="/com2025/js/mdb.min.js?1780571493" full="1"></script><script src="/js/admin/jquery.autocomplete.js?1780571495" full="1"></script><script src="/js/jquery.validate.js?1780571495" full="1"></script><script src="/com2025/js/multiple-select.js?1780571493" full="1"></script><script src="/js/mobile/owl.carousel.js?1780571495" full="1"></script><script src="/com2025/js/bootstrap.bundle.min.js?1780571493"></script><script type="text/javascript">
window.Com2025PhoneValidation = {
brazilError: "Enter area code (2 digits) followed by phone number (8 or 9 digits)",
brazilPlaceholder: "Area code + number, e.g. 11987654321",
brazilTitle: "Area code: 2 digits. Phone number: 8 or 9 digits."};
</script>
<script src="/com2025/js/phone-validation.js?1780571493"></script> <script type="text/javascript" >
jQuery(document).ready(function() {
jQuery.material.init();
});
</script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
jQuery(function() {
jQuery("img.lazy").lazyload({
effect : "fadeIn"
});
jQuery("div.lazy").lazyload({
effect : "fadeIn"
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".programBox_wishList").click(function() {
let element = this;
let link_data = $(this).data('program_id');
$.ajax({
type: "POST",
url: '/ajax/clients/set_wish_list/'+link_data,
success: function(data) {
if(data == 'success'){
console.log($(element));
$(element).attr( 'id', 'wish' );
}else{
$('a[data-program_id="' + link_data + '"] > i.whishstate').css({"color":"red"})
}
}
});
});
$(".programBox_wishList").each(function() {
let element = this;
let link_data = $(this).data('program_id');
});
});
</script>
<script type="text/javascript">
function homeGetPriceInputs() {
var minEl = document.getElementById('filter-price-min');
var maxEl = document.getElementById('filter-price-max');
if (!minEl) {
minEl = document.querySelector('.home-filter-price-min');
}
if (!maxEl) {
maxEl = document.querySelector('.home-filter-price-max');
}
return { minEl: minEl, maxEl: maxEl };
}
function homeSetFilterRadio(name, value) {
var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
if (!input) {
return;
}
input.checked = true;
if (typeof trackFilterEvent === 'function') {
trackFilterEvent(input);
}
if (typeof filter === 'function') {
filter();
}
homeCloseFilterDropdowns();
homeSyncFilterUiState();
}
function homeApplyPriceFilter() {
var inputs = homeGetPriceInputs();
var minEl = inputs.minEl;
var maxEl = inputs.maxEl;
var amount = document.getElementById('amount');
if (!amount) {
return;
}
var min = minEl && minEl.value ? parseInt(minEl.value, 10) : 1;
var max = maxEl && maxEl.value ? parseInt(maxEl.value, 10) : 12000;
if (isNaN(min)) {
min = 1;
}
if (isNaN(max)) {
max = 12000;
}
amount.value = '$' + min + ' - $' + max;
amount.setAttribute('values', min + ',' + max);
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [min, max]);
}
if (typeof filter === 'function') {
filter();
}
homeCloseFilterDropdowns();
homeSyncFilterUiState();
}
function homeResetPriceFilter() {
var amount = document.getElementById('amount');
if (amount) {
amount.setAttribute('values', '1,12000');
amount.value = '$1 - $12000';
}
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [1, 12000]);
}
var inputs = homeGetPriceInputs();
if (inputs.minEl) {
inputs.minEl.value = 1;
}
if (inputs.maxEl) {
inputs.maxEl.value = 12000;
}
if (typeof filter === 'function') {
filter();
}
}
function homeClearAllFilters() {
['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
var anyInput = document.querySelector('input[name="' + name + '"][value="0"]');
if (anyInput) {
anyInput.checked = true;
}
});
homeResetPriceFilter();
if (typeof filter === 'function') {
filter();
}
homeSyncFilterUiState();
}
function homeCloseFilterDropdowns() {
document.querySelectorAll('.home-filter-dropdown').forEach(function(d) {
d.classList.add('tw-opacity-0', 'tw-invisible');
});
}
function homeCloseMobileFilter() {
var modal = document.getElementById('mobile-filter-modal');
if (modal) {
modal.classList.add('tw-translate-y-full');
}
}
function homeSetQuickAccessActive(tagKey) {
var activeKey = tagKey || 'all';
document.querySelectorAll('.home-quick-access-btn').forEach(function(btn) {
var isActive = btn.getAttribute('data-tag') === activeKey;
btn.classList.toggle('tw-bg-navy', isActive);
btn.classList.toggle('tw-text-white', isActive);
btn.classList.toggle('tw-shadow-sm', isActive);
btn.classList.toggle('tw-bg-white', !isActive);
btn.classList.toggle('tw-text-gray-600', !isActive);
});
}
function homeApplyFilterFromQuery(queryString) {
if (!queryString) {
return false;
}
var params = new URLSearchParams(queryString);
var nameMap = { Category: 'rootCategory' };
var applied = false;
params.forEach(function(value, key) {
var name = nameMap[key] || key;
if (['Offer', 'Country', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].indexOf(name) >= 0) {
var input = document.querySelector('input[name="' + name + '"][value="' + value + '"]');
if (input) {
input.checked = true;
applied = true;
}
} else if (key === 'price') {
var amount = document.getElementById('amount');
var parts = String(value).split(',');
if (amount && parts.length === 2) {
amount.setAttribute('values', value);
amount.value = '$' + parts[0] + ' - $' + parts[1];
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length && jQuery('#slider-range').slider) {
jQuery('#slider-range').slider('values', [parseInt(parts[0], 10), parseInt(parts[1], 10)]);
}
applied = true;
}
}
});
if (applied && typeof filter === 'function') {
filter();
}
return applied;
}
function filterTours(linkOrAll, title) {
if (linkOrAll === 'all') {
homeSetQuickAccessActive('all');
if (typeof homeClearAllFilters === 'function') {
homeClearAllFilters();
}
return;
}
if (title) {
homeSetQuickAccessActive(title);
}
if (!linkOrAll) {
return;
}
var link = String(linkOrAll);
if (link.indexOf('?') !== -1) {
var qs = link.split('?').slice(1).join('?');
if (homeApplyFilterFromQuery(qs)) {
return;
}
}
window.location.href = link;
}
function homeSyncFilterUiState() {
var hasFilter = false;
['Offer', 'rootCategory', 'Style', 'Group', 'Activity', 'Duration'].forEach(function(name) {
var checked = document.querySelector('input[name="' + name + '"]:checked');
if (checked && checked.value !== '0') {
hasFilter = true;
}
});
var amount = document.getElementById('amount');
if (amount) {
var vals = amount.getAttribute('values');
if (vals && vals !== '1,12000' && vals !== '0,12000') {
hasFilter = true;
}
}
var clearBtn = document.getElementById('btn-clear-all');
if (clearBtn) {
clearBtn.classList.toggle('tw-hidden', !hasFilter);
}
}
document.addEventListener('DOMContentLoaded', function() {
var quickAccessContainer = document.getElementById('quick-access-container');
if (quickAccessContainer) {
quickAccessContainer.addEventListener('click', function(e) {
var btn = e.target.closest('.home-quick-access-btn');
if (!btn) {
return;
}
if (btn.getAttribute('data-quick-access') === 'all' || btn.getAttribute('data-tag') === 'all') {
filterTours('all');
return;
}
filterTours(btn.getAttribute('data-link'), btn.getAttribute('data-tag'));
});
}
document.querySelectorAll('.home-filter-dropdown-btn').forEach(function(btn) {
btn.addEventListener('click', function(e) {
e.stopPropagation();
var dropdown = this.nextElementSibling;
if (!dropdown || !dropdown.classList.contains('home-filter-dropdown')) {
return;
}
var isHidden = dropdown.classList.contains('tw-invisible');
homeCloseFilterDropdowns();
if (isHidden) {
dropdown.classList.remove('tw-opacity-0', 'tw-invisible');
}
});
});
document.addEventListener('click', homeCloseFilterDropdowns);
if (typeof jQuery !== 'undefined') {
jQuery(document).on('slide', '#slider-range', function(event, ui) {
var inputs = homeGetPriceInputs();
if (inputs.minEl) {
inputs.minEl.value = ui.values[0];
}
if (inputs.maxEl) {
inputs.maxEl.value = ui.values[1];
}
});
}
setTimeout(function() {
var inputs = homeGetPriceInputs();
var amount = document.getElementById('amount');
if (typeof jQuery !== 'undefined' && jQuery('#slider-range').length) {
var vals = jQuery('#slider-range').slider('values');
if (inputs.minEl && inputs.maxEl) {
inputs.minEl.value = vals[0];
inputs.maxEl.value = vals[1];
}
if (amount) {
amount.setAttribute('values', vals[0] + ',' + vals[1]);
}
}
homeSyncFilterUiState();
if (document.querySelectorAll('.home-quick-access-btn').length) {
var hasFilterParam = ['Offer', 'Country', 'Category', 'Style', 'Group', 'Activity', 'Duration', 'price'].some(function(key) {
return window.location.search.indexOf(key + '=') !== -1;
});
if (!hasFilterParam) {
homeSetQuickAccessActive('all');
}
}
}, 100);
});
</script>
<script type="text/javascript">
function changeCountries(Country, element) {
// Track filter event before redirect
if (element) {
trackFilterEvent(element);
}
window.location.replace('/'+Country);
}
// Track filter events for GTM
function trackFilterEvent(element) {
window.dataLayer = window.dataLayer || [];
// Find the parent filter box
var filterBox = element.closest('.left_filter_all_box');
if (!filterBox) return;
// Get the filter title (filter_by)
var filterTitleElement = filterBox.querySelector('.left_filter_all_box_title');
var filterBy = filterTitleElement ? filterTitleElement.textContent.trim().toLowerCase() : '';
// Get the selected value (filter_value)
var filterValue = '';
if (element.type === 'radio' && element.checked) {
// Get the label text for the selected radio button
var label = filterBox.querySelector('label[for="' + element.id + '"]');
if (!label) {
// Try to find label that contains this input
label = element.closest('label');
}
if (label) {
// Get text content, excluding the radio button itself
var labelText = label.textContent || label.innerText;
filterValue = labelText.trim().toLowerCase();
}
}
// Push filter event to dataLayer
if (filterBy && filterValue) {
var dataLayerEvent = {
'event': 'filter',
'filter_by': filterBy,
'filter_value': filterValue
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
}
// Attach event listeners to all filter inputs
document.addEventListener('DOMContentLoaded', function() {
var filterInputs = document.querySelectorAll('.left_filter_all_box input[type="radio"]');
filterInputs.forEach(function(input) {
input.addEventListener('change', function() {
trackFilterEvent(this);
});
});
});
</script>
<!--<script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script>-->
<script>
var fired = false;
window.addEventListener('scroll', function() {
let scroll = window.scrollY;
if (scroll > 0 && fired === false) {
var recaptchaScript = document.createElement('script');
recaptchaScript.src = 'https://www.google.com/recaptcha/api.js?hl=en';
recaptchaScript.defer = true;
document.body.appendChild(recaptchaScript);
fired = true;
console.log('On scroll fired');
}
}, true);
$( document ).ready(function() {
function onload() {
var element = document.getElementById('Enquire-btn');
element.onclick = validate;
}
onload();
});
function openMomoAI() {
if (typeof window.openMomoAIModal === 'function') {
window.openMomoAIModal();
return;
}
var formEl = document.getElementById('bookFormNew');
if (formEl) {
formEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
}
function validate(event) {
event.preventDefault();
window.dataLayer = window.dataLayer || [];
jQuery("#bookFormNew").validate({
errorPlacement: function(error, element) {
error.insertAfter(element);
element.focus();
// Track form_error event
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var errorMessage = error.text() || 'missing field';
var dataLayerEvent = {
'event': 'form_error',
'destination': destination,
'error_message': errorMessage.toLowerCase(),
'currency': currency
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
});
var isFormValid = $("#bookFormNew").valid();
if (isFormValid) {
// Mark form as submitted to prevent abandon event
if (typeof window.setFormSubmitted === 'function') {
window.setFormSubmitted();
}
grecaptcha.execute();
}
}
function SubmitForm(data) {
if ($("#gRecaptchaResponse").val() == '') {
$("#gRecaptchaResponse").val(data);
}
// Mark form as submitted to prevent abandon event
if (typeof window.setFormSubmitted === 'function') {
window.setFormSubmitted();
}
// Track form_submission event
window.dataLayer = window.dataLayer || [];
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var nationality = ($('#nationality').val() || '').toLowerCase();
var noOfAdults = parseInt($('input[name="adults"]').val() || 0);
var noOfChildren = parseInt($('input[name="children"]').val() || 0);
var noOfInfants = parseInt($('input[name="infants"]').val() || 0);
var email = ($('#UserEmail').val() || '').toLowerCase();
var phoneNumber = ($('#UserPhone').val() || '');
var countryCode = ($('#phone_ext').val() || '');
// Calculate tour_duration_days from arrival and departure dates
var tourDurationDays = 0;
var arrivalDate = $('#datepickerArrival2').val();
var departureDate = $('#datepickerDeparture2').val();
if (arrivalDate && departureDate) {
try {
var arrival = $.datepicker.parseDate('dd/mm/yy', arrivalDate);
var departure = $.datepicker.parseDate('dd/mm/yy', departureDate);
if (arrival && departure) {
var timeDiff = departure.getTime() - arrival.getTime();
tourDurationDays = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));
if (tourDurationDays < 0) tourDurationDays = 0;
}
} catch(e) {
tourDurationDays = 0;
}
}
var dataLayerEvent = {
'event': 'form_submission',
'destination': destination,
'currency': currency,
'nationality': nationality,
'no_of_adults': noOfAdults,
'no_of_children': noOfChildren,
'no_of_infants': noOfInfants,
'email': email,
'phone_number': '+' + countryCode + phoneNumber,
'tour_duration_days': tourDurationDays
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
var btn = document.getElementById("Enquire-btn");
if (btn) { btn.classList.add("is-loading"); btn.disabled = true; }
document.getElementById("bookFormNew").submit();
}
// var disableddates = [];
// function DisableSpecificDates(date) {
// var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
// return [disableddates.indexOf(string) == -1];
// }
jQuery(function() {
jQuery("#datepickerArrival2").datepicker({
defaultDate: '+2d',
dateFormat: 'dd/mm/yy',
showOn: "both",
buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
buttonImageOnly: false,
minDate: 2,
onClose: function(selectedDate) {
if (selectedDate) {
var date = $.datepicker.parseDate("dd/mm/yy", selectedDate);
date.setDate(date.getDate() + 1); // Add 1 day
jQuery("#datepickerDeparture2").datepicker("option", "minDate", date);
}
}
});
jQuery( "#datepickerDeparture2" ).datepicker({
defaultDate: "+1d",
dateFormat: 'dd/mm/yy',
showOn: "both",
buttonText: "<ion-icon name=\"calendar-outline\"></ion-icon>",
buttonImageOnly: false,
minDate: 0,
});
});
function updateAgeFieldsAll(a, b, c) {
var d = $("[ageDesc='" + c + "']");
d.find(".age-input-div").length && d.find(".age-input-div").remove();
for (var e = 0; b > e; e++) {
if( c == "infant"){
var f = $("#ageInputDiv").clone().removeAttr("id").addClass("hidden age-input-div").removeClass("form-group label-floating");
f.find(".div-1").html("<input id='" + c + e + "' type='hidden' size='3' class='form-control' maxlength='2' min='1' value='1.99' max='11.99' name='infants_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
}else{
var f = $("#ageInputDiv").clone().removeAttr("id").addClass("col-md-6 age-input-div");
f.find(".div-0").html("<label for='" + c + e + "'>Age of Child "+ (e+1) +"</label>"), f.find(".div-1").html("<input id='" + c + e + "' type='number' size='3' class='form-control' value='' maxlength='2' required min='2' max='11.99' name='children_age[" + c + "_" + e + "]' />"), d.append(f.removeClass("hidden"))
}
}
}
function updateAgeSelectionAll(a) {
var b = 0,
c = 0,
d = $('[id^="ageBands\\["]');
d.each(function() {
b += parseInt($(this).val())
}), c = a - b, d.each(function() {
var a = $(this),
b = parseInt(a.val()) + c,
d = a.val(),
e = 0;
a.val(d)
})
}
function paxOnChangeAll(a, b, c, d, e) {
"Adult" === c ? updateAgeSelectionAll(e) : (updateAgeFieldsAll(a, b, c.toLowerCase()), updateAgeSelectionAll(e))
}
function validateMail() {
/*
let mailValue = jQuery('#UserEmail').val();
var settings = {
"url": "https://api.sendgrid.com/v3/validations/email",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer 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",
"Content-Type": "text/plain"
},
"data": "{\r\n \"email\": \""+mailValue+"\",\r\n \"source\": \"Requests\"\r\n}",
};
if(mailValue.length > 1) {
$.ajax(settings).done(function (response) {
if (response.result.verdict == "Invalid") {
jQuery('#UserEmail').css({"border": "1px solid red", "color": "red"});
jQuery('#Enquire-btn').attr('disabled', 'disabled')
jQuery('#mail-validation').html('Please enter a Valid Email');
jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
} else {
jQuery('#UserEmail').css({"border": "1px solid #757575", "color": "#757575"});
jQuery('#Enquire-btn').removeAttr('disabled');
jQuery('#mail-validation').html('');
jQuery('#mail-validation').css({"margin-bottom": "10px", "color": "red"});
}
});
}
*/
}
</script>
<script type="text/javascript">
updateAgeSelectionAll(9);
</script>
<script>
// Track form_start event when user focuses on any form field (first interaction)
// Also track form_abandon when user leaves the form
(function() {
window.dataLayer = window.dataLayer || [];
var formStartFired = false;
var formSubmitted = false;
var lastFieldName = '';
// Make formSubmitted accessible globally so we can set it from validate function
window.setFormSubmitted = function() {
formSubmitted = true;
};
var form = document.getElementById('bookFormNew');
if (form) {
var formFields = form.querySelectorAll('input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea');
formFields.forEach(function(field) {
field.addEventListener('focus', function() {
if (!formStartFired) {
formStartFired = true;
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
var currency = document.getElementById('gtm_currency') ? document.getElementById('gtm_currency').value : 'USD';
var dataLayerEvent = {
'event': 'form_start',
'destination': destination,
'currency': currency
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
// Track last field name
lastFieldName = field.name || field.id || '';
}, { once: true });
// Also track on blur to capture the last field
field.addEventListener('blur', function() {
lastFieldName = field.name || field.id || '';
});
});
// Track form submission to prevent abandon event
form.addEventListener('submit', function() {
formSubmitted = true;
});
// Track form_abandon when user leaves the page
function trackFormAbandon() {
if (formStartFired && !formSubmitted) {
var tourName = (document.getElementById('gtm_tour_name') ? document.getElementById('gtm_tour_name').value : '').toLowerCase();
var tourType = (document.getElementById('gtm_tour_type') ? document.getElementById('gtm_tour_type').value : '').toLowerCase();
var destination = (document.getElementById('gtm_destination') ? document.getElementById('gtm_destination').value : 'multi-country').toLowerCase();
// Get field name - use the name attribute, fallback to id, or empty string
var fieldName = lastFieldName || '';
var dataLayerEvent = {
'event': 'form_abandon',
'tour_name': tourName,
'tour_type': tourType,
'destination': destination,
'form_field_name': fieldName
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
}
}
// Listen for page unload
window.addEventListener('beforeunload', function() {
trackFormAbandon();
});
// Listen for visibility change (tab switch, minimize, etc.)
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
trackFormAbandon();
}
});
}
})();
</script>
<script>
jQuery('.btn-number.book_all').click(function(e){
e.preventDefault();
fieldName = jQuery(this).attr('data-field');
type = jQuery(this).attr('data-type');
var input = jQuery("input[id='"+fieldName+"']");
var currentVal = parseInt(input.val());
if (!isNaN(currentVal)) {
if(type == 'minus') {
if(currentVal > input.attr('min')) {
input.val(currentVal - 1).change();
}
if(parseInt(input.val()) == input.attr('min')) {
jQuery(this).attr('disabled', true);
}
} else if(type == 'plus') {
if(currentVal < input.attr('max')) {
input.val(currentVal + 1).change();
}
if(parseInt(input.val()) == input.attr('max')) {
jQuery(this).attr('disabled', true);
}
}
} else {
input.val(1);
}
});
jQuery('.input-number.book_all').focusin(function(){
jQuery(this).data('oldValue', jQuery(this).val());
});
jQuery('.input-number.book_all').change(function() {
minValue = parseInt(jQuery(this).attr('min'));
maxValue = parseInt(jQuery(this).attr('max'));
valueCurrent = parseInt(jQuery(this).val());
name = jQuery(this).attr('id');
if(valueCurrent >= minValue) {
jQuery(".btn-number.book_all[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the minimum value was reached');
jQuery(this).val(jQuery(this).data('oldValue'));
}
if(valueCurrent <= maxValue) {
jQuery(".btn-number.book_all[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the maximum value was reached');
jQuery(this).val(jQuery(this).data('oldValue'));
}
});
jQuery(".input-number.book_all").keydown(function (e) {
// Allow: backspace, delete, tab, escape, enter and .
if (jQuery.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
// Allow: Ctrl+A
(e.keyCode == 65 && e.ctrlKey === true) ||
// Allow: home, end, left, right
(e.keyCode >= 35 && e.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
// Ensure that it is a number and stop the keypress
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
jQuery.material.init();
jQuery.material.checkbox();
function valueChanged(){
if(jQuery('.flight').is(":checked")) {
jQuery("#departure_airport").attr("required", true);
jQuery(".flight_from").show();
}else{
jQuery(".flight_from").hide();
jQuery("#departure_airport").attr("required", false);
}
}
function childAge(){
if(jQuery('.children').val().length != 0) {
jQuery(".children_age").attr("required", true);
}else{
jQuery(".children_age").attr("required", false);
}
}
</script>
<script type="text/javascript">
(function() {
var activeViewClasses = ['tw-bg-white', 'tw-text-navy', 'tw-shadow-md', 'tw-scale-105'];
var inactiveViewClasses = ['tw-text-gray-500', 'hover:tw-text-navy', 'hover:tw-bg-white/50'];
function setViewButtonState(btn, isActive) {
if (!btn) return;
if (isActive) {
btn.classList.add.apply(btn.classList, activeViewClasses);
inactiveViewClasses.forEach(function(c) { btn.classList.remove(c); });
} else {
btn.classList.remove.apply(btn.classList, activeViewClasses);
inactiveViewClasses.forEach(function(c) { btn.classList.add(c); });
}
}
window.toggleView = function(view) {
var listBtn = document.getElementById('btn-view-list');
var mapBtn = document.getElementById('btn-view-map');
var programs = document.getElementById('programs');
var mapView = document.getElementById('map-view');
var pagination = document.getElementById('home-pagination');
var loader = document.getElementById('loader_div');
if (view === 'map' && mapView) {
setViewButtonState(listBtn, false);
setViewButtonState(mapBtn, true);
if (programs) programs.classList.add('tw-hidden');
if (pagination) pagination.classList.add('tw-hidden');
if (loader) loader.classList.add('tw-hidden');
mapView.classList.remove('tw-hidden');
} else {
setViewButtonState(mapBtn, false);
setViewButtonState(listBtn, true);
if (mapView) mapView.classList.add('tw-hidden');
if (programs) programs.classList.remove('tw-hidden');
if (pagination) pagination.classList.remove('tw-hidden');
if (loader) loader.classList.remove('tw-hidden');
}
};
window.homePackagesAfterLoad = function() {
if (typeof updateSiteRatesTop === 'function') {
updateSiteRatesTop('1', false);
}
if (typeof jQuery !== 'undefined') {
jQuery('img.lazy').lazyload({ effect: 'fadeIn' });
jQuery('div.lazy').lazyload({ effect: 'fadeIn' });
}
if (typeof updatecount === 'function') {
updatecount();
}
window.toggleView('list');
homeBindViewTripLinks();
};
window.homeBindViewTripLinks = function homeBindViewTripLinks() {
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
document.querySelectorAll('.view-trip-link').forEach(function(link) {
if (link.dataset.gtmBound === '1') return;
link.dataset.gtmBound = '1';
link.addEventListener('click', function() {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'view_trip_details',
tour_name: (this.getAttribute('data-tour-name') || '').toLowerCase(),
tour_type: (this.getAttribute('data-tour-type') || 'private').toLowerCase(),
section_title: sectionTitle,
destination: (this.getAttribute('data-destination') || 'multi-country').toLowerCase()
});
});
});
}
document.addEventListener('DOMContentLoaded', function() {
homeBindViewTripLinks();
var anchor = document.getElementById('tours-anchor');
if (anchor && window.location.hash === '#programs') {
anchor.scrollIntoView({ behavior: 'smooth' });
}
});
})();
</script>
<script type="text/javascript">
(function() {
var faqOpenIndex = null;
window.toggleFAQ = function(index) {
var content = document.getElementById('faq-content-' + index);
var icon = document.getElementById('faq-icon-' + index);
if (!content) {
return;
}
var isOpen = content.classList.contains('faq-open');
document.querySelectorAll('#faq-container [id^="faq-content-"]').forEach(function(el) {
el.style.maxHeight = '0';
el.classList.remove('faq-open');
});
document.querySelectorAll('#faq-container [id^="faq-icon-"]').forEach(function(el) {
el.classList.remove('tw-rotate-180');
});
if (!isOpen) {
content.classList.add('faq-open');
content.style.maxHeight = content.scrollHeight + 'px';
if (icon) {
icon.classList.add('tw-rotate-180');
}
faqOpenIndex = index;
} else {
faqOpenIndex = null;
}
};
window.loadMoreFAQs = function() {
document.querySelectorAll('#faq-container .home-faq-item-hidden').forEach(function(el) {
el.classList.remove('home-faq-item-hidden', 'tw-hidden');
});
var wrap = document.getElementById('faq-load-more-wrap');
if (wrap) {
wrap.classList.add('tw-hidden');
}
if (faqOpenIndex !== null) {
var openContent = document.getElementById('faq-content-' + faqOpenIndex);
if (openContent && openContent.classList.contains('faq-open')) {
openContent.style.maxHeight = openContent.scrollHeight + 'px';
}
}
};
window.addEventListener('resize', function() {
if (faqOpenIndex === null) {
return;
}
var openContent = document.getElementById('faq-content-' + faqOpenIndex);
if (openContent && openContent.classList.contains('faq-open')) {
openContent.style.maxHeight = openContent.scrollHeight + 'px';
}
});
})();
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var scrollEl = document.getElementById('reviews-scroll');
var prevBtn = document.getElementById('prev-review');
var nextBtn = document.getElementById('next-review');
if (!scrollEl || !prevBtn || !nextBtn) {
return;
}
function scrollReviews(direction) {
scrollEl.scrollBy({ left: direction * scrollEl.clientWidth, behavior: 'smooth' });
}
prevBtn.addEventListener('click', function() { scrollReviews(-1); });
nextBtn.addEventListener('click', function() { scrollReviews(1); });
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('input[value="90"][name="Country"]').prop('checked', true);
jQuery('input[value="459"][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, "/southeast-asia-tours/vietnam-guided-tours/?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("/southeast-asia-tours/vietnam-guided-tours/?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'] ="€";
currenciesAbbrevArray['2'] ="EUR (€)";
currenciesAbbrevTextArray['2'] ="EUR";
currenciesExArray['3'] = "0.74410";
currenciesSignArray['3'] ="£";
currenciesAbbrevArray['3'] ="GBP (£)";
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==.N2I4Nzc3ZjU3ZDZmNzVkNDdiNjI3NjVmYjg3YTYyYzNiMjdhYjgyNTA0ZGJjOWJlYmYxYmY3YmZiZmFlYWNmMCWsv34qilk564sH0J84Bd8ZCTS5XOiJZbp6hJrW6qoK',
'path' => '/',
'domain' => '',
'secure' => false,
'httpOnly' => false,
'expire' => '1783297633'
]
]
$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 Warning (2)CORE/src/Http/ResponseEmitter.php , line 210 ]Code Context $cookie [ 'secure' ], $cookie [ 'httpOnly' ] ); $cookies = [
'Blog' => [
'name' => 'Blog',
'value' => 'Q2FrZQ==.N2I4Nzc3ZjU3ZDZmNzVkNDdiNjI3NjVmYjg3YTYyYzNiMjdhYjgyNTA0ZGJjOWJlYmYxYmY3YmZiZmFlYWNmMCWsv34qilk564sH0J84Bd8ZCTS5XOiJZbp6hJrW6qoK',
'path' => '/',
'domain' => '',
'secure' => false,
'httpOnly' => false,
'expire' => '1783297633'
]
]
$cookie = [
'name' => 'Blog',
'value' => 'Q2FrZQ==.N2I4Nzc3ZjU3ZDZmNzVkNDdiNjI3NjVmYjg3YTYyYzNiMjdhYjgyNTA0ZGJjOWJlYmYxYmY3YmZiZmFlYWNmMCWsv34qilk564sH0J84Bd8ZCTS5XOiJZbp6hJrW6qoK',
'path' => '/',
'domain' => '',
'secure' => false,
'httpOnly' => false,
'expire' => '1783297633'
] 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 Vietnam Tours | Vietnam Guided Tours with Memphis Tours
Vietnam Tours
Vietnam Tours offer travelers an unforgettable journey through a country rich in culture, history, and natural beauty. Start in Hanoi , where the bustling Old Quarter, Hoan Kiem Lake , and the Ho Chi Minh Mausoleum showcase Vietnam’s vibrant city life. Venture to the peaceful Mai Chau Valley, known for its lush rice fields and traditional stilt houses, and explore the stunning Pu Luong Nature Reserve , home to pristine forests, terraced hills, and authentic ethnic villages. Cruise through the iconic Halong Bay , a UNESCO World Heritage Site, with its dramatic limestone karsts rising from emerald waters.
Discover the charm of Hoi An , famous for its lantern-lit streets, ancient architecture, and bustling markets, and visit Hue, the former imperial capital, to explore the Citadel and royal tombs along the Perfume River. In the south, Ho Chi Minh City (Saigon) dazzles with French colonial buildings, lively markets, and a dynamic nightlife. Throughout the journey, indulge in authentic Vietnamese cuisine and experience the warmth and hospitality of the local people. Vietnam Guided Tours combine cultural exploration, breathtaking landscapes, and unforgettable experiences for every traveler.
Read more
Scroll Down
Vietnam Journey into Nature Tour
8-Day unforgettable adventure through Vietnam's breathtaking landscapes. Begin your exploration in Hanoi, a captivating city where ancient temples coexist with bustling markets. Journey into the verdant hills of Mai Chau, home to colorful ethnic minority communities. Witness their rich traditions, and experience their warm hospitality. Delve deeper into Vietnam's pristine wilderness at Pu Luong Nature Reserve. No Vietnam adventure is complete without witnessing the awe-inspiring beauty of Ha Long Bay. Cruise amidst towering limestone pillars rising majestically from emerald waters. This 8-day itinerary offers a perfect blend of cultural immersion, breathtaking scenery, and outdoor adventure. Unwind on pristine beaches, trek through untouched landscapes, and discover the hidden gems of Vietnam's nature on this unforgettable journey.
Map view will display tour locations. Switch to List to browse packages.
Support
Frequently Asked Questions
Got questions? We’ve got answers. Find everything you need to know to plan your perfect trip.
What currency is used in Southeast Asia?
Each country has its own currency, such as Thai Baht, Vietnamese Dong, and Lao Kip. In Cambodia, US dollars are also widely accepted alongside the local currency.
Do I need a visa to visit Southeast Asia?
Visa requirements depend on your nationality and the countries you plan to visit. Many Southeast Asian destinations offer e-visas or visa-on-arrival options, making travel relatively easy for most tourists.
What is the best time to visit Southeast Asia?
The best time to visit Southeast Asia is usually during the dry season from November to April, when temperatures are more comfortable and rainfall is lower. This period is ideal for beaches, sightseeing, island hopping, and outdoor activities across the region.
Thailand: Best from November to March for beaches, islands, and cultural cities
Vietnam: Best from November to April, though weather varies between north and south
Cambodia: Best from November to March with cooler, drier conditions for temple visits
Laos: Best from November to February for pleasant weather and nature experiences
How many days do I need for a Southeast Asia trip?
A trip of 10–14 days is ideal for exploring one or two countries comfortably. If you want to visit multiple destinations and enjoy a slower travel pace, two to three weeks is even better.
What are the top destinations I can visit in Southeast Asia?
You will find a rich mix of culture, nature, and city life across the region, especially in countries like Thailand, Vietnam, Cambodia, and Laos.
Thailand
Vibrant cities, golden temples, and tropical islands
Famous for street food, nightlife, and cultural landmarks
Ideal for both first-time travelers and beach holidays
Vietnam
Stunning landscapes from mountains to limestone bays
Historic cities with strong cultural and colonial heritage
Known for world-famous street food and river life
Cambodia
Home to iconic ancient temples like Angkor Wat
Deep cultural and historical experiences
Relaxed towns and emerging coastal escapes
Laos
Peaceful rivers, waterfalls, and mountain scenery
Strong Buddhist traditions and slow-paced travel
Perfect for nature-focused and cultural journeys
What are the top things to include in Southeast Asia tours?
You can explore ancient temples like Angkor Wat in Cambodia, relax on the islands of Phuket and Krabi in Thailand, cruise through Ha Long Bay in Vietnam, and discover the peaceful landscapes of Luang Prabang in Laos. The region also offers vibrant night markets, street food experiences, jungle adventures, and UNESCO World Heritage sites.
Is Southeast Asia safe for tourists?
Yes, Southeast Asia is generally considered very safe and welcoming for travelers, including solo travelers and families. Popular destinations like Thailand, Vietnam, Cambodia, and Laos have well-developed tourism infrastructure, though it’s still important to take normal precautions in crowded areas and while using local transportation.
What languages are spoken in Southeast Asia?
Different countries have their own local languages, including Thai, Vietnamese, Khmer, and Lao. English is commonly spoken in tourist areas, hotels, restaurants, and major attractions.
What should I pack for a trip to Southeast Asia?
Lightweight and breathable clothing for hot and humid weather
Comfortable walking shoes or sandals for sightseeing
Sunscreen, sunglasses, and a hat for strong tropical sun
Insect repellent, especially for nature and island destinations
Modest clothing for visiting temples and religious sites
A reusable water bottle and small day bag for daily excursions
Swimwear for beaches, islands, and hotel pools
Travel adapters and portable chargers for electronics
How do I travel between countries in Southeast Asia?
Short flights are usually the fastest and most convenient way to travel between countries in Southeast Asia, especially for longer distances. Buses, trains, and ferries are also popular options for travelers looking for a more affordable, scenic, and local travel experience. In many routes, especially between Thailand, Cambodia, Laos, and Vietnam, overland travel is easy and commonly used by multi-country travelers.
What food should I try in Southeast Asia?
You should try famous local dishes like Pad Thai and mango sticky rice in Thailand, pho and banh mi in Vietnam, amok curry in Cambodia, and sticky rice dishes in Laos. Southeast Asia is also known for its vibrant street food culture, tropical fruits, seafood, noodles, curries, and flavorful grilled dishes.
What are the most famous cities to visit?
You will find vibrant cities like Bangkok in Thailand, Hanoi and Ho Chi Minh City in Vietnam, Phnom Penh in Cambodia, and Vientiane in Laos. Each city offers a unique mix of culture, history, food, and nightlife.
What are the best beaches in the region?
You can enjoy world-famous beaches in Phuket, Krabi, and Koh Samui in Thailand, Ha Long Bay coastlines in Vietnam, and island escapes in Cambodia like Koh Rong. These destinations offer clear waters, soft sand, and tropical scenery.
What are the most popular festivals?
You can experience some of Southeast Asia’s most iconic cultural celebrations throughout the year. Thailand’s Songkran Water Festival transforms entire cities into massive water celebrations, marking the traditional New Year with joy and renewal. Vietnam’s Tet (Lunar New Year) is the most important holiday of the year, where families reunite, temples fill with offerings, and streets glow with decorations and fireworks. In Cambodia, Khmer New Year brings three days of traditional games, temple visits, and water blessings, while Laos celebrates Pi Mai with Buddha statues washing rituals, parades, and nationwide water festivities.
What are cultural do’s and don’ts?
Do’s:
Dress modestly when visiting temples and religious sites
Remove your shoes before entering homes, temples, and some sacred places
Show respect to monks and local religious practices
Use polite gestures and a calm tone in public interactions
Use your right hand (or both hands) when giving or receiving items
Ask for permission before taking photos of people or religious ceremonies
Don’ts:
Don’t touch anyone’s head, as it is considered disrespectful in many cultures
Don’t point your feet at people or religious objects
Don’t wear revealing clothing inside temples or sacred sites
Don’t show public anger or raise your voice in conflicts
Don’t interrupt monks or sacred rituals
Don’t take photos where signs or locals indicate it is not allowed
Do I need vaccinations before traveling?
Some vaccinations may be recommended depending on your route through Thailand, Vietnam, Cambodia, or Laos. It’s best to check updated health guidelines before traveling.
Is Southeast Asia good for US Citizens?
Yes, Southeast Asia is a very popular and convenient destination for US citizens. Most countries in the region offer simple entry requirements such as visa-free stays, e-visas, or visa-on-arrival options depending on the destination. Thailand and Vietnam are especially well-suited for US travelers thanks to their strong tourism infrastructure, wide range of hotels, and easy transportation. Cambodia and Laos also provide welcoming experiences with rich culture and smooth travel processes, making the region ideal for both first-time and experienced US travelers.
How do I book Southeast Asia tours?
Start by contacting Memphis Tours, where you quickly receive available options to design your customized trip
Then receive a detailed itinerary with all plans, services, and essential travel information
Next, confirm your booking by paying a deposit, as your reservation is only secured once the payment is received
Finally, pay the remaining balance upon arrival and start your journey smoothly
Why book Southeast Asia tours with Memphis Tours?
There are a lot of reasons to book your Southeast Asia tours with Memphis Tours. With decades of experience in travel since 1955, the company specializes in creating personalized itineraries that match your interests, budget, and travel style.
With strong regional expertise across Thailand, Vietnam, Cambodia, and Laos, Memphis Tours ensures smooth planning, reliable local partnerships, and well-organized travel experiences from start to finish. Our team focuses on delivering high-quality service, carefully selected experiences, and seamless arrangements across accommodation, transportation, and guided tours.
From the moment you start planning until you return home, Memphis Tours provides dedicated support and attention to detail, making your Southeast Asia journey both easy and memorable.
Are taxes included in our Southeast tour packages?
Yes, taxes are included in the listed prices. This means the price you see already covers all applicable service charges and standard taxes, so there are no hidden costs added later. Any additional expenses would only apply if you choose optional upgrades, personal purchases, or extra services during your trip.
How much deposit do I need to pay?
A 50% deposit is required 30 days before the arrival date to confirm your booking
The remaining 70% balance is paid 10 days before guests’ arrival
Payments can be made securely via Visa, MasterCard, or American Express
Wire transfers are also accepted as a payment method
Where are the best photography spots?
The best photography spots depend on the destination you choose, but Southeast Asia offers countless iconic locations for stunning travel photos.
In Thailand, places like Bangkok’s Grand Palace, Chiang Mai temples, and Phi Phi Islands are perfect for culture and beach shots
In Vietnam, Ha Long Bay, Hoi An Ancient Town, and the rice terraces of Sapa offer dramatic landscapes and golden light scenes
In Cambodia, Angkor Wat at sunrise is one of the most iconic photography spots in the world
In Laos, Luang Prabang’s temples, waterfalls, and Mekong River sunsets create peaceful and cinematic compositions
From temples and street life to islands and mountains, every destination offers unique and highly photogenic scenery.
What adventure activities can I do?
You can go trekking in northern Vietnam, island hopping in Thailand, jungle exploration in Laos, and temple adventures in Cambodia. The region is perfect for both soft and extreme adventure travel.
Why should I consider a Southeast Asia tour?
A guided tour makes travel across Southeast Asia easier by handling logistics and transfers. It also helps you experience local culture more deeply with expert guidance.
What vehicles can I use in Southeast Asia?
You can use domestic flights for long distances between countries and major cities
You can travel by trains, especially scenic routes in Vietnam and Thailand
You can use private cars or tourist vans for comfort and guided transfers
You can ride tuk-tuks and taxis for short-distance travel in cities
You can use motorbike taxis or rental scooters for flexible local exploration
You can take ferries and boats for island hopping in places like Thailand and Vietnam
Load More FAQs
Voices of Experience
Stories fromOur Community
Join :count travelers who have uncovered the magic of :destination with our expert guidance.
From Our Gallery
See the world through the eyes of our travelers and Get inspired by real experiences!
Curated Collections
Discover More About :destination
Explore unique stories, insider tips, and must-see spots to make the most of your visit.
Top Selling
Inspiring Articles
Curated selection of our finest itineraries.
View Collection
Top Rated Tours
Find the perfect vibe for your next adventure.
View All Styles
Places to Visit
Explore the ancient wonders and hidden gems of :destination.
Travel Journal
Expert advice, insider stories, and comprehensive guides for your perfect trip to :destination.
Read Journal
Our Travel Journal
Explore our curated travel blogs to Stay updated with the latest travel tips, destination guides, and insider stories!
See all Blogs
Food
Food
10 Must-Try Vietnamese Dishes for Food Lovers
Find 10 must-try Vietnamese dishes that showcase the country’s rich flavors, street food culture, and traditional recipes.
Read Article
Traveler Stories
Traveler Stories
Egypt and Jordan Adventure to Witness Ancient Wonders and Beautiful Landscapes
Discover the magic of an Egypt and Jordan adventure. Explore ancient wonders, iconic landmarks, and rich history on this unforgettable tour.
Read Article
Attractions
Attractions
10 Tallest Skyscrapers in the World
Rising high from the ground, skyscrapers are the most awe-inspiring structures that reflect urban sophistication. So, whether you're an adventurer seeking a bird's-eye view or simply curious about these t...
Read Article
Destinations
Destinations
10 Great Pet-friendly Vacations
You got your pup and now all you need is a pet-friendly vacation! Whether you're planning a relaxing stay back or an adventurous trip, there are plenty of options for you and your furry little friend.
Read Article
Guide
Know more with Memphis
From travel tips to destination highlights - Explore our travel guide!
Ho Chi Minh Mausoleum Visitor Guide
Explore Ho Chi Minh Mausoleum in Hanoi, including opening hours, etiquette rules, history, and travel tips for first-time visitors.
Read Guide
Hanoi Vietnam: The Capital of Culture and History
Visit Hanoi, Vietnam’s heart of culture and history, from Hoan Kiem Lake and Old Quarter to street food and ancient temples.
Read Guide
Best of Ninh Binh: Attractions, Tips & Travel Guide
Ninh Binh travel guide: explore Trang An, Tam Coc, Mua Cave, and Hoa Lu with practical tips, best time to visit, and itinerary ideas.
Read Guide
Hue Vietnam Guide
Discover Hue with our complete travel guide, including must-see sights, historic landmarks, and cultural experiences in the former imperial capital.
Read Guide
© 2026 Copyright to MEMPHIS TOURS
