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) 471,
'title' => 'Sri lanka Tour Packages',
'description' => '<p>Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover <a href="/sri-lanka-tours/discovering-colombo-sri-lanka" target="_blank">Colombo</a>, the bustling capital where modern life meets colonial heritage, and visit <a href="/sri-lanka-tours/kandy-sri-lanka" target="_blank">Kandy</a>, home to the sacred Temple of the Tooth.</p>
<p>Experience the scenic hill country of <a href="/sri-lanka-tours/nuwara-eliya-the-little-england-of-sri-lanka" target="_blank">Nuwara Eliya</a> and <a href="/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" target="_blank">Ella</a>, with rolling tea estates and misty mountains, or enjoy wildlife safaris in <a href="/sri-lanka-tours/yala-national-park-sri-lanka" target="_blank">Yala</a> and <a href="/sri-lanka-tours/udawalawe-national-park-sri-lanka" target="_blank">Udawalawe</a> National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like <a href="/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank">Sigiriya</a> and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.</p>
<p>Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of <a href="/sri-lanka-tours/galle-sri-lanka" target="_blank">Galle Fort</a>. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.</p>
',
'program_type_id' => (int) 2,
'slug' => 'sri-lanka-tour-packages',
'site_id' => (int) 93,
'meta_title' => 'Top Sri lanka Tour Packages | Sri lanka Vacation Packages',
'meta_keywords' => 'Top Sri lanka Tour Packages, Sri lanka Vacation Packages',
'meta_description' => 'Find Sri Lanka tour packages featuring carefully handpicked routes, must-see sights, and exceptional travel value for an unforgettable island adventure.',
'image_url' => '9635dc61cb4c1e1c9d712f18bba3424c.webp',
'image_title' => 'Women picking tea leaves near Nuwara Eliya, Sri Lanka.',
'image_alt' => 'Women picking tea leaves near Nuwara Eliya, Sri Lanka.',
'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) 471,
'title' => 'Sri lanka Tour Packages',
'description' => '<p>Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover <a href="/sri-lanka-tours/discovering-colombo-sri-lanka" target="_blank">Colombo</a>, the bustling capital where modern life meets colonial heritage, and visit <a href="/sri-lanka-tours/kandy-sri-lanka" target="_blank">Kandy</a>, home to the sacred Temple of the Tooth.</p>
<p>Experience the scenic hill country of <a href="/sri-lanka-tours/nuwara-eliya-the-little-england-of-sri-lanka" target="_blank">Nuwara Eliya</a> and <a href="/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" target="_blank">Ella</a>, with rolling tea estates and misty mountains, or enjoy wildlife safaris in <a href="/sri-lanka-tours/yala-national-park-sri-lanka" target="_blank">Yala</a> and <a href="/sri-lanka-tours/udawalawe-national-park-sri-lanka" target="_blank">Udawalawe</a> National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like <a href="/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank">Sigiriya</a> and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.</p>
<p>Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of <a href="/sri-lanka-tours/galle-sri-lanka" target="_blank">Galle Fort</a>. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.</p>
',
'program_type_id' => (int) 2,
'slug' => 'sri-lanka-tour-packages',
'site_id' => (int) 93,
'meta_title' => 'Top Sri lanka Tour Packages | Sri lanka Vacation Packages',
'meta_keywords' => 'Top Sri lanka Tour Packages, Sri lanka Vacation Packages',
'meta_description' => 'Find Sri Lanka tour packages featuring carefully handpicked routes, must-see sights, and exceptional travel value for an unforgettable island adventure.',
'image_url' => '9635dc61cb4c1e1c9d712f18bba3424c.webp',
'image_title' => 'Women picking tea leaves near Nuwara Eliya, Sri Lanka.',
'image_alt' => 'Women picking tea leaves near Nuwara Eliya, Sri Lanka.',
'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': 'sri-lanka-tours', //if found
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/> <link rel="canonical" href="https://new.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />
<title>Top Sri lanka Tour Packages | Sri lanka Vacation Packages</title>
<meta name="keywords" content="Top Sri lanka Tour Packages, Sri lanka Vacation Packages" />
<meta name="description" content="Find Sri Lanka tour packages featuring carefully handpicked routes, must-see sights, and exceptional travel value for an unforgettable island adventure." />
<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/9635dc61cb4c1e1c9d712f18bba3424c.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/sri-lanka-tours/sri-lanka-tour-packages" />
<meta property="og:title" content="Sri lanka Tour Packages" />
<meta property="og:description" content="Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover Colombo, the bustling capital where modern life meets colonial heritage, and visit Kandy, home to the sacred Temple of the Tooth.
Experience the scenic hill country of Nuwara Eliya and Ella, with rolling tea estates and misty mountains, or enjoy wildlife safaris in Yala and Udawalawe National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like Sigiriya and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.
Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of Galle Fort. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.
" />
<meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/9635dc61cb4c1e1c9d712f18bba3424c.webp" />
<link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/9635dc61cb4c1e1c9d712f18bba3424c.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/9635dc61cb4c1e1c9d712f18bba3424c.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="Women picking tea leaves near Nuwara Eliya, Sri Lanka."
title="Women picking tea leaves near Nuwara Eliya, Sri Lanka.">
<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>
Sri Lanka Tours </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">
Sri lanka Tour Packages </h1>
</div>
<div class="content_desc tw-max-w-4xl tw-mx-auto tw-text-base md:tw-text-xl tw-text-gray-200 tw-mb-8 animate-fade-in-up delay-200 tw-leading-relaxed tw-font-light tw-px-4">
<div class="content_text">
<p>Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover <a href="/sri-lanka-tours/discovering-colombo-sri-lanka" target="_blank">Colombo</a>, the bustling capital where modern life meets colonial heritage, and visit <a href="/sri-lanka-tours/kandy-sri-lanka" target="_blank">Kandy</a>, home to the sacred Temple of the Tooth.</p>
<p>Experience the scenic hill country of <a href="/sri-lanka-tours/nuwara-eliya-the-little-england-of-sri-lanka" target="_blank">Nuwara Eliya</a> and <a href="/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" target="_blank">Ella</a>, with rolling tea estates and misty mountains, or enjoy wildlife safaris in <a href="/sri-lanka-tours/yala-national-park-sri-lanka" target="_blank">Yala</a> and <a href="/sri-lanka-tours/udawalawe-national-park-sri-lanka" target="_blank">Udawalawe</a> National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like <a href="/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank">Sigiriya</a> and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.</p>
<p>Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of <a href="/sri-lanka-tours/galle-sri-lanka" target="_blank">Galle Fort</a>. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.</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="sri lanka tours">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>
</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>
</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="/sri-lanka-tours/sri-lanka-tour-packages"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> <!-- Single Country -->
<div class="left_filter_all_box">
<div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#SingleCountry">Destinations</div>
<div class="left_filter_all_box_data collapse show" id="SingleCountry">
<div class="row">
<input name="Country" type="radio" style="display: none" value ="0" id="0" onchange="filter(' ')">
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "1" id="1" onchange="changeCountries('egypt', this)"> Egypt </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "14" id="14" onchange="changeCountries('jordan', this)"> Jordan </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "13" id="13" onchange="changeCountries('dubai', this)"> Dubai </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "61" id="61" onchange="changeCountries('saudi-arabia', this)"> Saudi Arabia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "30" id="30" onchange="changeCountries('morocco', this)"> Morocco </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "39" id="39" onchange="changeCountries('oman', this)"> Oman </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "15" id="15" onchange="changeCountries('turkey', this)"> Turkey </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "49" id="49" onchange="changeCountries('african-safari', this)"> African Safari </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "51" id="51" onchange="changeCountries('india', this)"> India </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "93" id="93" onchange="changeCountries('sri-lanka-tours', this)"> Sri Lanka Tours </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "92" id="92" onchange="changeCountries('tunisia-tour-packages', this)"> Tunisia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "57" id="57" onchange="changeCountries('japan-tour-packages', this)"> Japan </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "63" id="63" onchange="changeCountries('greece', this)"> Greece </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "71" id="71" onchange="changeCountries('peru', this)"> Peru </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "90" id="90" onchange="changeCountries('southeast-asia-tours', this)"> Southeast Asia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "91" id="91" onchange="changeCountries('brazil', this)"> Brazil </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "98" id="98" onchange="changeCountries('argentina-trips', this)"> Argentina </label>
</div>
</div>
</div>
</div>
</div>
<!-- Special Offer -->
<!-- Root Categories -->
<div class="left_filter_all_box">
<div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#RootCategories">Trip Type</div>
<div class="left_filter_all_box_data collapse show" id="RootCategories">
<div class="row">
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any </label>
</div>
</div>
</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="/sri-lanka-tours/highlights-of-sri-lanka-tour-package" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="Highlights of Sri Lanka Tour Package"
data-tour-name="Highlights of Sri Lanka Tour Package" data-tour-type="Private Tour" data-destination="sri-lanka-tours"></a>
<img src="https://images.memphistours.com/thumbs1/1129738188_Ella%20Rock%202.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="Highlights of Sri Lanka Tour Package">
<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">Highlights of Sri Lanka Tour Package</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">Experience 13 days in Sri Lanka journey with culture, wildlife and beaches from Sigiriya to Yala and Weligama.
</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> 13</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_price1855" class="convertable" itemprop="price">1,855</span>
</span>
<input type="hidden" id="hmin_price1855" value="1855" />
</div>
</div>
<a href="/sri-lanka-tours/highlights-of-sri-lanka-tour-package" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
View Trip <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/scenic-trip-to-sri-lanka" class="view-trip-link tw-block tw-h-full"
data-tour-name="Trip To Sri lanka: Tea Trails" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/1028515681_Haputale.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Trip To Sri lanka: Tea Trails" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 12 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Trip To Sri lanka: Tea Trails</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Sri Lanka’s best tea trails await in Kandy and Nuwara Eliya, followed by Horton Plains views, Yala wildlife, and coastal Galle charm.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2249" class="convertable" itemprop="price">2,249</span>
</span>
<input type="hidden" id="hmin_price2249" value="2249" />
</div>
<a href="/sri-lanka-tours/scenic-trip-to-sri-lanka" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Trip To Sri lanka: Tea Trails" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/treasures-of-sri-lanka" class="view-trip-link tw-block tw-h-full"
data-tour-name="Treasures of Sri Lanka: 13 Days of Discovery" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/678874337_Nine%20Arch%20Bridge%20in%20Ella.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Treasures of Sri Lanka: 13 Days of Discovery" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 13 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Treasures of Sri Lanka: 13 Days of Discovery</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Explore Sri Lanka’s top gems, from Negombo and Habarana to Kandy, Ella, Yala, and Mirissa in one unforgettable travel package.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2225" class="convertable" itemprop="price">2,225</span>
</span>
<input type="hidden" id="hmin_price2225" value="2225" />
</div>
<a href="/sri-lanka-tours/treasures-of-sri-lanka" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Treasures of Sri Lanka: 13 Days of Discovery" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card home-tour-card--site md:tw-col-span-2 tw-bg-white tw-rounded-2xl tw-shadow-sm tw-border tw-border-gray-100 tw-overflow-hidden">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-gap-4 tw-p-4">
<a href="https://www.memphistours.com/Multi-Country-Tours" class="tw-block tw-shrink-0 tw-w-full md:tw-w-48 tw-aspect-[4/3] md:tw-aspect-auto md:tw-h-40 tw-rounded-xl tw-overflow-hidden">
<img src="https://images.memphistours.com/thumbs1/168b4d55ae61ca8040f1afe77b490786.jpg" alt="One Trip, Many Destinations" class="tw-w-full tw-h-full tw-object-cover" loading="lazy">
</a>
<div class="tw-flex tw-flex-col tw-justify-center tw-flex-1">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-2">One Trip, Many Destinations</h3>
<p class="tw-text-sm tw-text-gray-500 tw-mb-4"><p>Combine incredible destinations with us into one unforgettable journey.</p>
</p>
<a href="https://www.memphistours.com/Multi-Country-Tours" class="view-ads-link tw-inline-flex tw-items-center tw-gap-2 tw-text-sm tw-font-bold tw-text-navy hover:tw-text-gold"
data-tour-name="One Trip, Many Destinations"
data-destination="sri-lanka-tours">
Book Multi-Country tours! <ion-icon name="arrow-forward"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/sri-lanka-grand-tour" class="view-trip-link tw-block tw-h-full"
data-tour-name="Sri Lanka Grand Tour in 16 Days" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/712002479_Ella%20Rock.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Sri Lanka Grand Tour in 16 Days" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 16 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Sri Lanka Grand Tour in 16 Days</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Sri Lanka Grand tour of top cities, safaris, caves, and tea country. Explore the best of Sri Lanka, book your tour now.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2585" class="convertable" itemprop="price">2,585</span>
</span>
<input type="hidden" id="hmin_price2585" value="2585" />
</div>
<a href="/sri-lanka-tours/sri-lanka-grand-tour" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Sri Lanka Grand Tour in 16 Days" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="4" 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/Multi-Country-Tours" target="_blank" rel="noopener noreferrer">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e1d0682c825efa8b2f8fb23b9e5fe32a.jpg" alt="Egypt pyramids, Dubai skyline, and Cappadocia balloons travel collage" title="" 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="/sri-lanka-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="Sri Lanka Tours">
<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 Sri Lanka?</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>Sri Lanka uses the Sri Lankan Rupee (LKR) as its official currency. Cash is widely used, especially in local markets, while credit and debit cards are accepted in most hotels, restaurants, and larger shops. ATMs are available in major cities and tourist areas.</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"> How do I book and confirm a Sri Lanka 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-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>Booking a tour is simple. Contact our representatives to plan your itinerary based on your budget, duration, and interests. Once your tour is finalized, you’ll receive a detailed itinerary. Confirm your reservation by paying the deposit via wire transfer or credit card (Visa or MasterCard are accepted).</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"> Why choose our Sri Lanka tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Our Sri Lanka tours offer a perfect travel experience, covering all the main attractions of the island. Enjoy 5-star accommodations, expertly guided tours, and carefully planned itineraries that ensure you see the best of Sri Lanka comfortably and conveniently.</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="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"> What is the traditional festival of Sri Lanka?</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>The most famous festival is Esala Perahera in Kandy, featuring dancers, drummers, and decorated elephants celebrating the sacred Tooth Relic. Other key festivals include Sinhala & Tamil New Year, Vesak, and Deepavali.</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 should I try from Sri Lankan cuisine?</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>Sri Lankan cuisine is flavorful and diverse. Must-try dishes include:</p>
<ul>
<li>Rice and curry – the staple meal with multiple curries and sambols</li>
<li>Hoppers (appa) – bowl-shaped pancakes, sometimes with an egg</li>
<li>Kottu roti – chopped flatbread stir-fried with vegetables, eggs, or meat</li>
<li>String hoppers (idiyappam) – steamed rice noodles served with curry</li>
<li>Seafood dishes – fresh fish, prawns, and crab prepared with local spices</li>
<li>Coconut sambol – a spicy coconut condiment served with many meals</li>
</ul>
<p>Also try tropical fruits like mangos, pineapples, and rambutan, as well as traditional Ceylon tea from the hill country.</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="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"> Do and don'ts in Sri Lanka?</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><strong>Do:</strong></p>
<ul>
<li>Respect local customs, especially at temples.</li>
<li>Greet people politely and be friendly.</li>
<li>Use bottled water and practice basic hygiene.</li>
<li>Bargain politely in local markets.</li>
<li>Take care of wildlife and nature; follow park rules.</li>
</ul>
<p><strong>Don’t:</strong></p>
<ul>
<li>Don’t touch someone’s head, as it is considered sacred.</li>
<li>Don’t point your feet at religious objects or people.</li>
<li>Don’t litter or damage the environment.</li>
<li>Don’t photograph people without permission, especially monks.</li>
<li>Don’t engage in public displays of affection in conservative areas.</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="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"> What should I pack for a Sri Lanka 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-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>Pack light, breathable clothing for the tropical climate, a hat and sunglasses for sun protection, and comfortable walking shoes. Include modest clothing for temple visits, a light jacket for cooler hill-country areas, swimwear for beaches, insect repellent, sunscreen, and any personal medications you may need.</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 should I wear on my Sri Lanka 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-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>Light, breathable clothing is recommended due to the tropical climate. For visits to temples and religious sites, modest attire that covers shoulders and knees is required. </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 is the best way to get around Sri Lanka?</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"><p>The best way to travel around Sri Lanka depends on your itinerary. For comfort and flexibility, private drivers or guided tours are popular. Trains offer scenic routes, especially the famous Kandy to Ella journey. Buses and tuk-tuks are ideal for short distances or local travel, while domestic flights can save time for longer distances.</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="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"> What language is mostly spoken in Sri Lanka?</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>The main languages spoken in Sri Lanka are Sinhala and Tamil. English is also widely used, especially in cities, tourist areas, and for business, making it easy for travelers to communicate.</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 is so special about Sri Lanka?</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>Sri Lanka is special for its incredible diversity packed into a small island. In just a few hours of travel, you can experience tropical beaches, tea-covered mountains, ancient UNESCO World Heritage Sites, wildlife-rich national parks, and vibrant cultural traditions. The country is also known for its warm hospitality, flavorful cuisine, and year-round good weather, making it a unique destination for all types of 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="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"> How much does a Sri Lanka tour cost?</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>The cost of a Sri Lanka tour can vary widely depending on factors such as your travel style, the number of days, the type of accommodation, and the activities included in your itinerary.</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"> How many days do I need in Sri Lanka?</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>The ideal duration to explore Sri Lanka is 7–10 days for a standard itinerary, covering highlights like Colombo, Kandy, Sigiriya, Ella, and the southern beaches. For a more relaxed pace or to explore less-visited areas, 12–14 days is recommended.</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 5 interesting facts about Sri Lanka?</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"><ol>
<li>Ancient cities: Home to historic sites like Anuradhapura and Polonnaruwa.</li>
<li>Wildlife: Rich biodiversity including elephants, leopards, and birds.</li>
<li>UNESCO sites: Eight cultural and natural heritage locations.</li>
<li>Ceylon tea: Famous for scenic tea plantations in Nuwara Eliya and Ella.</li>
<li>Beaches & surfing: Pristine beaches and top surfing spots like Mirissa and Arugam Bay.</li>
</ol>
</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"> Are any vaccines required for Sri Lanka 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-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"><p>Vaccinations for Sri Lanka are recommended, not mandatory. Common suggestions include Hepatitis A, Typhoid, and Tetanus. Yellow Fever vaccination is only required if arriving from a country where it’s present. Always check with your doctor 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="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"> What documents do I need for a Sri Lanka ETA?</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>To apply for a Sri Lanka ETA, you typically need:</p>
<ul>
<li>A valid passport (with at least 6 months validity from your arrival date)</li>
<li>Your personal details (as they appear on your passport)</li>
<li>Travel details, including your intended arrival date</li>
<li>A valid email address to receive the ETA approval</li>
<li>A credit or debit card to pay the ETA fee</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="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"> Do I need a visa to visit Sri Lanka?</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, you can easily apply online for an Electronic Travel Authorization (ETA) before arrival. It’s a quick process and usually approved within a short time. Some nationalities may also obtain a visa on arrival, but applying for the ETA in advance is recommended for a smoother entry.</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"> Is Sri Lanka 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-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"><p>Yes, Sri Lanka is generally safe for tourists. Popular areas such as Colombo, Kandy, Galle, and major beach destinations are well-visited and welcoming. As with any destination, it’s wise to follow basic safety precautions, keep an eye on your belongings, and stay updated on local guidelines or weather conditions.</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="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"> What is the best time to visit Sri Lanka?</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>The best time to visit the west and south coasts is December–March, and for the east coast April–September. With two monsoon seasons, Sri Lanka is a year-round destination, but the best period depends on your itinerary and preferred region.</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"> What are the top things to do on Sri Lanka 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-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"><ul>
<li>Explore ancient cities like Anuradhapura, Polonnaruwa, and Sigiriya Rock Fortress</li>
<li>Visit tea plantations in Nuwara Eliya and Ella</li>
<li>Go on wildlife safaris in Yala, Udawalawe, or Minneriya National Park</li>
<li>Relax on beautiful beaches in Mirissa, Bentota, Trincomalee, and Unawatuna</li>
<li>Ride the iconic train from Kandy to Ella for stunning mountain views</li>
<li>Discover cultural heritage at the Temple of the Tooth in Kandy</li>
<li>Try Sri Lankan cuisine, famous for curries, seafood, and spices</li>
<li>Enjoy water activities like surfing, diving, and whale watching</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>
Sri Lanka Tours </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">
K </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Kevin Harris</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">“Would Book Again!”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Everything was seamless, from booking to the actual trip. Hotels, transport, and excursions were all well arranged. I&rsquo;d definitely travel with this Memphis tours again.
</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: Mar 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>
Sri Lanka Tours </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">
R </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Rachel</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">“Beautiful Scenery & Friendly People”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Sri Lanka is stunning, and this tour captured it perfectly. The train ride through the tea fields was my favorite part. I just wish we stayed longer in Ella!
</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>
Sri Lanka Tours </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Ms. Lauren</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 Hidden Gem Destination”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Sri Lanka wasn&rsquo;t on my radar before, but now it&rsquo;s one of my favorite destinations. The beaches, culture, and food were incredible. This tour made it easy to explore.
</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 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>
Sri Lanka Tours </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">Mr.Jason</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 Wildlife 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">Seeing elephants in Yala National Park was a dream come true. The safari was smooth and exciting. Hotels were great overall. I&rsquo;d definitely recommend this Africa-style wildlife experience in Sri Lanka!
</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: Jun 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>
Sri Lanka Tours </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">
B </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Brian Thompson</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">“Excellent Guides & Service”</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 guide really made the difference. He shared so much history and local insight. Service was top-notch from start to finish. Thank you Memphis 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: 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-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>
Sri Lanka Tours </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
A </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">A Memorable Family Trip</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 Memorable Family 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 traveled with kids, and everything was smooth and safe. The hotels were family-friendly, and activities kept everyone engaged. Highly recommend for families.
</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-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>
Sri Lanka Tours </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">
E </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Emily Carter</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 Perfect Mix of Culture & Nature”</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 Sri Lanka tour exceeded expectations. From Sigiriya to the tea plantations, everything was well organized. The guide was knowledgeable and friendly. Only suggestion: add a bit more free time in Kandy.
</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: Mar 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>
Sri Lanka Tours </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">
W </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Well Organized and Stress-Free</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">“Well Organized and Stress-Free”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Everything ran on time, and we didn&rsquo;t have to worry about anything. Our driver was amazing and very professional. Perfect for first-time visitors to Sri Lanka.
</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 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>
Sri Lanka Tours </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">
A </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Amanda Brooks</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 Value for Money”</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 compared several companies, and this tour offered the best value. Transportation was comfortable, and the itinerary covered all the highlights. Some long drives, but worth it.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Sep 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>
Sri Lanka Tours </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">Jessica Lee</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">“Amazing but Slightly Packed Itinerary”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The tour covered so much in a short time, which is great, but a bit tiring. Still, we saw all the major attractions, and the experience was unforgettable.
</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 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>
</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/8f0606b0c6e92f320eaf9c14c5801290.webp" alt=" Tea plantation in Ella" title=" Tea plantation in Ella">
</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/332fd64361f274bc1e2a40bce1851a11.webp" alt="Ella, Sri Lanka" title="Ella, Sri Lanka">
</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/2f318f36ad90b546fcec1265ead33541.webp" alt="In front of Lion Rock in Sri Lanka" title="In front of Lion Rock in Sri Lanka">
</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/b6a6aa504e92045f6d3dc3ff4b26b3be.webp" alt="Kandy Sri Lanka" title="Kandy Sri Lanka">
</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/804140d3e79bc025afa4a0cb4b8a0f37.webp" alt="Minneriya National Park, Sri Lanka" title="Minneriya National Park, Sri Lanka">
</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/d668c8b88659b09e19b498f9c75a750d.webp" alt="Pidurangala Rock" title="Pidurangala Rock">
</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/45409701b606ddd967e4cbf0ab743745.webp" alt="Sri Dalada Maligawa Temple in Sri Lanka" title="Sri Dalada Maligawa Temple in Sri Lanka">
</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/b9632bdb70f4b556882549c48df27ea0.webp" alt="Train Journey from Kandy to Ella" title="Train Journey from Kandy to Ella">
</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/9475939dcbe40e790378212295f2ab25.webp" alt="Weligama" title="Weligama">
</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/7d719feaa573ba950fd852f54cd65310.webp" alt="Yala National Park" title="Yala National Park">
</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="Top Rated Tours" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
<div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
<span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
</div>
<div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
<div>
<h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Top Rated Tours</h3>
<p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
</div>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/highlights-of-sri-lanka-tour-package" 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/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/highlights-of-sri-lanka-tour-package" 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"> Highlights of Sri Lanka Tour Package</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/scenic-trip-to-sri-lanka" 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">Trip To Sri lanka: Tea Trails</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/treasures-of-sri-lanka" 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">Treasures of Sri Lanka: 13 Days of Discovery</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
<div>
<div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
<ion-icon name="compass"></ion-icon>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Places to Visit</h3>
<p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
</div>
<div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
<a href="https://www.memphistours.com/sri-lanka-tours/discovering-colombo-sri-lanka" 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">Colombo</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-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">Sigiriya Lion Rock Fortress</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/kandy-sri-lanka" 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">Kandy</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" 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">Ella</span>
</a>
</div>
<a href="https://www.memphistours.com/sri-lanka-tours/discovering-colombo-sri-lanka" 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">6+ Places</span>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Inspiring Articles</h3>
<p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
<ul class="tw-space-y-4">
<li>
<a href="https://www.memphistours.com/blog/best-things-to-see-in-sri-lanka-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">Best Things to See in Sri Lanka</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/blog/7-adventures-in-sri-lanka" 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">7 Unforgettable Adventures in Sri Lanka </span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/blog/exploring-sri-lanka-tea-country" 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">Sri Lanka Tea Country</span>
</div>
</a>
</li>
</ul>
</div>
<div class="tw-relative tw-z-10 tw-mt-8">
<a href="https://www.memphistours.com/blog/best-things-to-see-in-sri-lanka-guide" 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/Things-to-know-before-traveling-to-india"
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/a0a84df07d41406cef0308409df8f487.jpg" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Indian culture | India Culture | Indian Hospitality Culture " 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">Culture</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">8 Etiquette Rules make your India Experience Hilarious!</h4>
</div>
</a>
<a href="/blog/stunning-natural-wonders-to-explore-in-turkey"
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/7f0f2151008bfc4fd6560785309154fe.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Traveler capturing sunset shots at Pamukkale’s travertine pools, natural wonders in Turkey." 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">Attractions</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">5 Stunning Natural Wonders to Explore in Turkey</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/Things-to-know-before-traveling-to-india" class="tw-absolute tw-inset-0 tw-z-40" aria-label="8 Etiquette Rules make your India Experience Hilarious!"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/a0a84df07d41406cef0308409df8f487.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="Indian culture | India Culture | Indian Hospitality Culture " title="Indian culture | India Culture | Indian Hospitality Culture " 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">Culture</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">Culture</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">8 Etiquette Rules make your India Experience Hilarious!</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">Travelling to India is Hilarious! Get your Guide to the most common rules and etiquette to follow for a super smooth Indian Experience. Explore Now!
&nbsp;
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/stunning-natural-wonders-to-explore-in-turkey" class="tw-absolute tw-inset-0 tw-z-40" aria-label="5 Stunning Natural Wonders to Explore in Turkey"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/7f0f2151008bfc4fd6560785309154fe.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="Traveler capturing sunset shots at Pamukkale’s travertine pools, natural wonders in Turkey." title="5 Stunning Natural Wonders to Explore in Turkey" 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">5 Stunning Natural Wonders to Explore in Turkey</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">From surreal landscapes to hidden gems, explore the most breathtaking natural wonders in Turkey and uncover the untamed beauty behind the wonders of Turkey.
</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/dahabiya-vs-nile-cruise" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Dahabiya vs Nile Cruise: Which Delivers the Better Experience?"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/ad7161170b68ff8f67fd579ec9fd7257.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="steigenberg minerva nile cruise, Dahabiya vs Nile Cruise" title="Dahabiya vs Nile Cruise" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Travel Tips</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #40808040;">Travel Tips</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Dahabiya vs Nile Cruise: Which Delivers the Better Experience?</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Your honest guide to choosing between intimate dahabiya sailing and traditional Nile cruising
</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>
</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="/sri-lanka-tours/galle-sri-lanka"
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/278688339_galle-srilanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Galle: Sri Lanka's Most Historic City"
title="Galle: Sri Lanka's Most Historic City">
</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">Galle: Sri Lanka's Most Historic City</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Discover Galle, Sri Lanka: historic Fort, beautiful beaches, vibrant streets, and unforgettable coastal charm.
</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="/sri-lanka-tours/dambulla-cave-temple-sri-lanka"
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/1777299194_dambulla-cave-temple.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Dambulla Cave Temple"
title="Dambulla Cave Temple">
</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">Dambulla Cave Temple</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Plan your visit&nbsp;to Dambulla Cave Temple with top highlights like cave murals, Buddha statues, panoramic views, plus useful visitor tips.
</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="/sri-lanka-tours/anuradhapura-sri-lanka"
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/934067385_anuradhapura-sri-lanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Why Visit Anuradhapura in Sri Lanka?"
title="Why Visit Anuradhapura in Sri Lanka?">
</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">Why Visit Anuradhapura in Sri Lanka?</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Explore Anuradhapura in Sri Lanka, home to sacred Buddhist sites, ancient ruins, massive dagobas, and unforgettable cultural experiences.
</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="/sri-lanka-tours/discovering-colombo-sri-lanka"
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/931618693_Colombo-Srilanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital"
title="Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital">
</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">Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Your complete guide to Colombo, Sri Lanka: discover sights, food, nightlife, guided tours, weather, and travel tips for every visitor.
</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="93"][name="Country"]').prop('checked', true);
jQuery('input[value="471"][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, "/sri-lanka-tours/sri-lanka-tour-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range);
jQuery('input:radio').attr('disabled','disabled');
jQuery('#programs').html('<div style="float:left;width: 100%;text-align: center; color:#adadad;"><br><br><img height="80px" alt="loading" id="load" src="/img/loader.svg"><br><br>Please wait while loading content ....<br><br></div>');
jQuery('#programs').load("/sri-lanka-tours/sri-lanka-tour-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range, function(){
if (typeof homePackagesAfterLoad === 'function') {
homePackagesAfterLoad();
} else {
updateSiteRatesTop('1',false);
jQuery("img.lazy").lazyload({effect : "fadeIn"});
jQuery("div.lazy").lazyload({effect : "fadeIn"});
updatecount();
}
jQuery('input:radio').removeAttr("disabled");
var toursAnchor = document.getElementById('tours-anchor');
if (toursAnchor) {
toursAnchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
}
function updatecount(){
var progCount = jQuery('#programs_more').attr("progCount");
jQuery('#programs_count').html(progCount);
}
jQuery.material.init();
jQuery.material.checkbox();
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const overview = document.querySelector(".content_desc");
if (!overview) return;
const btn = overview.querySelector(".toggle-btn");
if (!btn) return;
const labelSpan = btn.querySelector("span");
const labelMore = "Read more";
const labelLess = "Read less";
btn.addEventListener("click", function () {
overview.classList.toggle("expanded");
const isExpanded = overview.classList.contains("expanded");
const label = isExpanded ? labelLess : labelMore;
if (labelSpan) {
labelSpan.textContent = label;
} else {
btn.textContent = label;
}
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const swiper = new Swiper('.gallerySwiper', {
slidesPerView: 1,
spaceBetween: 30,
loop: false,
speed: 800,
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// Update progress bar
on: {
init: function () {
updateProgressBar(this);
},
slideChange: function () {
updateProgressBar(this);
}
}
});
function updateProgressBar(slider) {
const totalSlides = slider.slides.length;
if (totalSlides <= 1) {
document.querySelector('.swiper-progress-bar').style.width = '100%';
return;
}
const currentIndex = slider.activeIndex;
const progress = (currentIndex / (totalSlides - 1)) * 100;
document.querySelector('.swiper-progress-bar').style.width = progress + '%';
}
});
</script>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
// Get section title from h1
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
// Find all view trip links on the page
if (typeof homeBindViewTripLinks === 'function') {
homeBindViewTripLinks();
return;
}
var viewTripLinks = document.querySelectorAll('.view-trip-link');
viewTripLinks.forEach(function(link) {
if (link.dataset.gtmBound === '1') return;
link.dataset.gtmBound = '1';
link.addEventListener('click', function(e) {
// Push tracking immediately (non-blocking)
var tourName = (this.getAttribute('data-tour-name') || '').toLowerCase();
var tourType = (this.getAttribute('data-tour-type') || 'private').toLowerCase();
var destination = (this.getAttribute('data-destination') || 'multi-country').toLowerCase();
var dataLayerEvent = {
'event': 'view_trip_details',
'tour_name': tourName,
'tour_type': tourType,
'section_title': sectionTitle,
'destination': destination
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
// Allow navigation to proceed immediately (no delay)
// The dataLayer push is synchronous and very fast
});
});
})();
</script>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
// Get section title from h1
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
// Track CTA button clicks
var ctaButtons = document.querySelectorAll('.content_button .cta-button');
ctaButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
// var ctaName = (this.getAttribute('data-cta-name') || this.textContent.trim()).toLowerCase();
var destination = (this.getAttribute('data-destination') || '').toLowerCase();
var dataLayerEvent = {
'event': 'cta_click',
'cta_name': 'help me plan my trip',
'section_title': sectionTitle,
'destination': destination
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
});
});
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var swiper = new Swiper(".multiSwiper", {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 2.6,
spaceBetween: 20,
},
}
});
});
</script>
<script type="text/javascript">
var currenciesExArray = new Array();
var currenciesSignArray = new Array();
var currenciesAbbrevArray = new Array();
var currenciesAbbrevTextArray = new Array();
currenciesExArray['1'] = "1.00000";
currenciesSignArray['1'] ="US$";
currenciesAbbrevArray['1'] ="USD (US$)";
currenciesAbbrevTextArray['1'] ="USD";
currenciesExArray['2'] = "0.86010";
currenciesSignArray['2'] ="€";
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': 'sri-lanka-tours', //if found
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/> <link rel="canonical" href="https://new.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />
<title>Top Sri lanka Tour Packages | Sri lanka Vacation Packages</title>
<meta name="keywords" content="Top Sri lanka Tour Packages, Sri lanka Vacation Packages" />
<meta name="description" content="Find Sri Lanka tour packages featuring carefully handpicked routes, must-see sights, and exceptional travel value for an unforgettable island adventure." />
<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/9635dc61cb4c1e1c9d712f18bba3424c.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/sri-lanka-tours/sri-lanka-tour-packages" />
<meta property="og:title" content="Sri lanka Tour Packages" />
<meta property="og:description" content="Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover Colombo, the bustling capital where modern life meets colonial heritage, and visit Kandy, home to the sacred Temple of the Tooth.
Experience the scenic hill country of Nuwara Eliya and Ella, with rolling tea estates and misty mountains, or enjoy wildlife safaris in Yala and Udawalawe National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like Sigiriya and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.
Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of Galle Fort. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.
" />
<meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/9635dc61cb4c1e1c9d712f18bba3424c.webp" />
<link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/9635dc61cb4c1e1c9d712f18bba3424c.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/9635dc61cb4c1e1c9d712f18bba3424c.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="Women picking tea leaves near Nuwara Eliya, Sri Lanka."
title="Women picking tea leaves near Nuwara Eliya, Sri Lanka.">
<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>
Sri Lanka Tours </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">
Sri lanka Tour Packages </h1>
</div>
<div class="content_desc tw-max-w-4xl tw-mx-auto tw-text-base md:tw-text-xl tw-text-gray-200 tw-mb-8 animate-fade-in-up delay-200 tw-leading-relaxed tw-font-light tw-px-4">
<div class="content_text">
<p>Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover <a href="/sri-lanka-tours/discovering-colombo-sri-lanka" target="_blank">Colombo</a>, the bustling capital where modern life meets colonial heritage, and visit <a href="/sri-lanka-tours/kandy-sri-lanka" target="_blank">Kandy</a>, home to the sacred Temple of the Tooth.</p>
<p>Experience the scenic hill country of <a href="/sri-lanka-tours/nuwara-eliya-the-little-england-of-sri-lanka" target="_blank">Nuwara Eliya</a> and <a href="/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" target="_blank">Ella</a>, with rolling tea estates and misty mountains, or enjoy wildlife safaris in <a href="/sri-lanka-tours/yala-national-park-sri-lanka" target="_blank">Yala</a> and <a href="/sri-lanka-tours/udawalawe-national-park-sri-lanka" target="_blank">Udawalawe</a> National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like <a href="/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank">Sigiriya</a> and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.</p>
<p>Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of <a href="/sri-lanka-tours/galle-sri-lanka" target="_blank">Galle Fort</a>. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.</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="sri lanka tours">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>
</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>
</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="/sri-lanka-tours/sri-lanka-tour-packages"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> <!-- Single Country -->
<div class="left_filter_all_box">
<div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#SingleCountry">Destinations</div>
<div class="left_filter_all_box_data collapse show" id="SingleCountry">
<div class="row">
<input name="Country" type="radio" style="display: none" value ="0" id="0" onchange="filter(' ')">
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "1" id="1" onchange="changeCountries('egypt', this)"> Egypt </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "14" id="14" onchange="changeCountries('jordan', this)"> Jordan </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "13" id="13" onchange="changeCountries('dubai', this)"> Dubai </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "61" id="61" onchange="changeCountries('saudi-arabia', this)"> Saudi Arabia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "30" id="30" onchange="changeCountries('morocco', this)"> Morocco </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "39" id="39" onchange="changeCountries('oman', this)"> Oman </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "15" id="15" onchange="changeCountries('turkey', this)"> Turkey </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "49" id="49" onchange="changeCountries('african-safari', this)"> African Safari </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "51" id="51" onchange="changeCountries('india', this)"> India </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "93" id="93" onchange="changeCountries('sri-lanka-tours', this)"> Sri Lanka Tours </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "92" id="92" onchange="changeCountries('tunisia-tour-packages', this)"> Tunisia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "57" id="57" onchange="changeCountries('japan-tour-packages', this)"> Japan </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "63" id="63" onchange="changeCountries('greece', this)"> Greece </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "71" id="71" onchange="changeCountries('peru', this)"> Peru </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "90" id="90" onchange="changeCountries('southeast-asia-tours', this)"> Southeast Asia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "91" id="91" onchange="changeCountries('brazil', this)"> Brazil </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "98" id="98" onchange="changeCountries('argentina-trips', this)"> Argentina </label>
</div>
</div>
</div>
</div>
</div>
<!-- Special Offer -->
<!-- Root Categories -->
<div class="left_filter_all_box">
<div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#RootCategories">Trip Type</div>
<div class="left_filter_all_box_data collapse show" id="RootCategories">
<div class="row">
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any </label>
</div>
</div>
</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="/sri-lanka-tours/highlights-of-sri-lanka-tour-package" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="Highlights of Sri Lanka Tour Package"
data-tour-name="Highlights of Sri Lanka Tour Package" data-tour-type="Private Tour" data-destination="sri-lanka-tours"></a>
<img src="https://images.memphistours.com/thumbs1/1129738188_Ella%20Rock%202.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="Highlights of Sri Lanka Tour Package">
<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">Highlights of Sri Lanka Tour Package</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">Experience 13 days in Sri Lanka journey with culture, wildlife and beaches from Sigiriya to Yala and Weligama.
</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> 13</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_price1855" class="convertable" itemprop="price">1,855</span>
</span>
<input type="hidden" id="hmin_price1855" value="1855" />
</div>
</div>
<a href="/sri-lanka-tours/highlights-of-sri-lanka-tour-package" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
View Trip <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/scenic-trip-to-sri-lanka" class="view-trip-link tw-block tw-h-full"
data-tour-name="Trip To Sri lanka: Tea Trails" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/1028515681_Haputale.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Trip To Sri lanka: Tea Trails" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 12 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Trip To Sri lanka: Tea Trails</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Sri Lanka’s best tea trails await in Kandy and Nuwara Eliya, followed by Horton Plains views, Yala wildlife, and coastal Galle charm.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2249" class="convertable" itemprop="price">2,249</span>
</span>
<input type="hidden" id="hmin_price2249" value="2249" />
</div>
<a href="/sri-lanka-tours/scenic-trip-to-sri-lanka" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Trip To Sri lanka: Tea Trails" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/treasures-of-sri-lanka" class="view-trip-link tw-block tw-h-full"
data-tour-name="Treasures of Sri Lanka: 13 Days of Discovery" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/678874337_Nine%20Arch%20Bridge%20in%20Ella.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Treasures of Sri Lanka: 13 Days of Discovery" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 13 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Treasures of Sri Lanka: 13 Days of Discovery</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Explore Sri Lanka’s top gems, from Negombo and Habarana to Kandy, Ella, Yala, and Mirissa in one unforgettable travel package.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2225" class="convertable" itemprop="price">2,225</span>
</span>
<input type="hidden" id="hmin_price2225" value="2225" />
</div>
<a href="/sri-lanka-tours/treasures-of-sri-lanka" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Treasures of Sri Lanka: 13 Days of Discovery" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card home-tour-card--site md:tw-col-span-2 tw-bg-white tw-rounded-2xl tw-shadow-sm tw-border tw-border-gray-100 tw-overflow-hidden">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-gap-4 tw-p-4">
<a href="https://www.memphistours.com/Multi-Country-Tours" class="tw-block tw-shrink-0 tw-w-full md:tw-w-48 tw-aspect-[4/3] md:tw-aspect-auto md:tw-h-40 tw-rounded-xl tw-overflow-hidden">
<img src="https://images.memphistours.com/thumbs1/168b4d55ae61ca8040f1afe77b490786.jpg" alt="One Trip, Many Destinations" class="tw-w-full tw-h-full tw-object-cover" loading="lazy">
</a>
<div class="tw-flex tw-flex-col tw-justify-center tw-flex-1">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-2">One Trip, Many Destinations</h3>
<p class="tw-text-sm tw-text-gray-500 tw-mb-4"><p>Combine incredible destinations with us into one unforgettable journey.</p>
</p>
<a href="https://www.memphistours.com/Multi-Country-Tours" class="view-ads-link tw-inline-flex tw-items-center tw-gap-2 tw-text-sm tw-font-bold tw-text-navy hover:tw-text-gold"
data-tour-name="One Trip, Many Destinations"
data-destination="sri-lanka-tours">
Book Multi-Country tours! <ion-icon name="arrow-forward"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/sri-lanka-grand-tour" class="view-trip-link tw-block tw-h-full"
data-tour-name="Sri Lanka Grand Tour in 16 Days" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/712002479_Ella%20Rock.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Sri Lanka Grand Tour in 16 Days" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 16 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Sri Lanka Grand Tour in 16 Days</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Sri Lanka Grand tour of top cities, safaris, caves, and tea country. Explore the best of Sri Lanka, book your tour now.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2585" class="convertable" itemprop="price">2,585</span>
</span>
<input type="hidden" id="hmin_price2585" value="2585" />
</div>
<a href="/sri-lanka-tours/sri-lanka-grand-tour" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Sri Lanka Grand Tour in 16 Days" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="4" 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/Multi-Country-Tours" target="_blank" rel="noopener noreferrer">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e1d0682c825efa8b2f8fb23b9e5fe32a.jpg" alt="Egypt pyramids, Dubai skyline, and Cappadocia balloons travel collage" title="" 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="/sri-lanka-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="Sri Lanka Tours">
<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 Sri Lanka?</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>Sri Lanka uses the Sri Lankan Rupee (LKR) as its official currency. Cash is widely used, especially in local markets, while credit and debit cards are accepted in most hotels, restaurants, and larger shops. ATMs are available in major cities and tourist areas.</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"> How do I book and confirm a Sri Lanka 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-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>Booking a tour is simple. Contact our representatives to plan your itinerary based on your budget, duration, and interests. Once your tour is finalized, you’ll receive a detailed itinerary. Confirm your reservation by paying the deposit via wire transfer or credit card (Visa or MasterCard are accepted).</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"> Why choose our Sri Lanka tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Our Sri Lanka tours offer a perfect travel experience, covering all the main attractions of the island. Enjoy 5-star accommodations, expertly guided tours, and carefully planned itineraries that ensure you see the best of Sri Lanka comfortably and conveniently.</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="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"> What is the traditional festival of Sri Lanka?</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>The most famous festival is Esala Perahera in Kandy, featuring dancers, drummers, and decorated elephants celebrating the sacred Tooth Relic. Other key festivals include Sinhala & Tamil New Year, Vesak, and Deepavali.</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 should I try from Sri Lankan cuisine?</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>Sri Lankan cuisine is flavorful and diverse. Must-try dishes include:</p>
<ul>
<li>Rice and curry – the staple meal with multiple curries and sambols</li>
<li>Hoppers (appa) – bowl-shaped pancakes, sometimes with an egg</li>
<li>Kottu roti – chopped flatbread stir-fried with vegetables, eggs, or meat</li>
<li>String hoppers (idiyappam) – steamed rice noodles served with curry</li>
<li>Seafood dishes – fresh fish, prawns, and crab prepared with local spices</li>
<li>Coconut sambol – a spicy coconut condiment served with many meals</li>
</ul>
<p>Also try tropical fruits like mangos, pineapples, and rambutan, as well as traditional Ceylon tea from the hill country.</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="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"> Do and don'ts in Sri Lanka?</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><strong>Do:</strong></p>
<ul>
<li>Respect local customs, especially at temples.</li>
<li>Greet people politely and be friendly.</li>
<li>Use bottled water and practice basic hygiene.</li>
<li>Bargain politely in local markets.</li>
<li>Take care of wildlife and nature; follow park rules.</li>
</ul>
<p><strong>Don’t:</strong></p>
<ul>
<li>Don’t touch someone’s head, as it is considered sacred.</li>
<li>Don’t point your feet at religious objects or people.</li>
<li>Don’t litter or damage the environment.</li>
<li>Don’t photograph people without permission, especially monks.</li>
<li>Don’t engage in public displays of affection in conservative areas.</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="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"> What should I pack for a Sri Lanka 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-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>Pack light, breathable clothing for the tropical climate, a hat and sunglasses for sun protection, and comfortable walking shoes. Include modest clothing for temple visits, a light jacket for cooler hill-country areas, swimwear for beaches, insect repellent, sunscreen, and any personal medications you may need.</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 should I wear on my Sri Lanka 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-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>Light, breathable clothing is recommended due to the tropical climate. For visits to temples and religious sites, modest attire that covers shoulders and knees is required. </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 is the best way to get around Sri Lanka?</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"><p>The best way to travel around Sri Lanka depends on your itinerary. For comfort and flexibility, private drivers or guided tours are popular. Trains offer scenic routes, especially the famous Kandy to Ella journey. Buses and tuk-tuks are ideal for short distances or local travel, while domestic flights can save time for longer distances.</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="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"> What language is mostly spoken in Sri Lanka?</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>The main languages spoken in Sri Lanka are Sinhala and Tamil. English is also widely used, especially in cities, tourist areas, and for business, making it easy for travelers to communicate.</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 is so special about Sri Lanka?</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>Sri Lanka is special for its incredible diversity packed into a small island. In just a few hours of travel, you can experience tropical beaches, tea-covered mountains, ancient UNESCO World Heritage Sites, wildlife-rich national parks, and vibrant cultural traditions. The country is also known for its warm hospitality, flavorful cuisine, and year-round good weather, making it a unique destination for all types of 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="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"> How much does a Sri Lanka tour cost?</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>The cost of a Sri Lanka tour can vary widely depending on factors such as your travel style, the number of days, the type of accommodation, and the activities included in your itinerary.</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"> How many days do I need in Sri Lanka?</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>The ideal duration to explore Sri Lanka is 7–10 days for a standard itinerary, covering highlights like Colombo, Kandy, Sigiriya, Ella, and the southern beaches. For a more relaxed pace or to explore less-visited areas, 12–14 days is recommended.</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 5 interesting facts about Sri Lanka?</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"><ol>
<li>Ancient cities: Home to historic sites like Anuradhapura and Polonnaruwa.</li>
<li>Wildlife: Rich biodiversity including elephants, leopards, and birds.</li>
<li>UNESCO sites: Eight cultural and natural heritage locations.</li>
<li>Ceylon tea: Famous for scenic tea plantations in Nuwara Eliya and Ella.</li>
<li>Beaches & surfing: Pristine beaches and top surfing spots like Mirissa and Arugam Bay.</li>
</ol>
</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"> Are any vaccines required for Sri Lanka 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-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"><p>Vaccinations for Sri Lanka are recommended, not mandatory. Common suggestions include Hepatitis A, Typhoid, and Tetanus. Yellow Fever vaccination is only required if arriving from a country where it’s present. Always check with your doctor 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="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"> What documents do I need for a Sri Lanka ETA?</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>To apply for a Sri Lanka ETA, you typically need:</p>
<ul>
<li>A valid passport (with at least 6 months validity from your arrival date)</li>
<li>Your personal details (as they appear on your passport)</li>
<li>Travel details, including your intended arrival date</li>
<li>A valid email address to receive the ETA approval</li>
<li>A credit or debit card to pay the ETA fee</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="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"> Do I need a visa to visit Sri Lanka?</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, you can easily apply online for an Electronic Travel Authorization (ETA) before arrival. It’s a quick process and usually approved within a short time. Some nationalities may also obtain a visa on arrival, but applying for the ETA in advance is recommended for a smoother entry.</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"> Is Sri Lanka 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-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"><p>Yes, Sri Lanka is generally safe for tourists. Popular areas such as Colombo, Kandy, Galle, and major beach destinations are well-visited and welcoming. As with any destination, it’s wise to follow basic safety precautions, keep an eye on your belongings, and stay updated on local guidelines or weather conditions.</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="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"> What is the best time to visit Sri Lanka?</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>The best time to visit the west and south coasts is December–March, and for the east coast April–September. With two monsoon seasons, Sri Lanka is a year-round destination, but the best period depends on your itinerary and preferred region.</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"> What are the top things to do on Sri Lanka 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-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"><ul>
<li>Explore ancient cities like Anuradhapura, Polonnaruwa, and Sigiriya Rock Fortress</li>
<li>Visit tea plantations in Nuwara Eliya and Ella</li>
<li>Go on wildlife safaris in Yala, Udawalawe, or Minneriya National Park</li>
<li>Relax on beautiful beaches in Mirissa, Bentota, Trincomalee, and Unawatuna</li>
<li>Ride the iconic train from Kandy to Ella for stunning mountain views</li>
<li>Discover cultural heritage at the Temple of the Tooth in Kandy</li>
<li>Try Sri Lankan cuisine, famous for curries, seafood, and spices</li>
<li>Enjoy water activities like surfing, diving, and whale watching</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>
Sri Lanka Tours </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">
K </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Kevin Harris</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">“Would Book Again!”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Everything was seamless, from booking to the actual trip. Hotels, transport, and excursions were all well arranged. I&rsquo;d definitely travel with this Memphis tours again.
</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: Mar 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>
Sri Lanka Tours </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">
R </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Rachel</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">“Beautiful Scenery & Friendly People”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Sri Lanka is stunning, and this tour captured it perfectly. The train ride through the tea fields was my favorite part. I just wish we stayed longer in Ella!
</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>
Sri Lanka Tours </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Ms. Lauren</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 Hidden Gem Destination”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Sri Lanka wasn&rsquo;t on my radar before, but now it&rsquo;s one of my favorite destinations. The beaches, culture, and food were incredible. This tour made it easy to explore.
</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 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>
Sri Lanka Tours </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">Mr.Jason</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 Wildlife 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">Seeing elephants in Yala National Park was a dream come true. The safari was smooth and exciting. Hotels were great overall. I&rsquo;d definitely recommend this Africa-style wildlife experience in Sri Lanka!
</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: Jun 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>
Sri Lanka Tours </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">
B </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Brian Thompson</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">“Excellent Guides & Service”</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 guide really made the difference. He shared so much history and local insight. Service was top-notch from start to finish. Thank you Memphis 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: 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-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>
Sri Lanka Tours </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
A </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">A Memorable Family Trip</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 Memorable Family 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 traveled with kids, and everything was smooth and safe. The hotels were family-friendly, and activities kept everyone engaged. Highly recommend for families.
</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-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>
Sri Lanka Tours </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">
E </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Emily Carter</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 Perfect Mix of Culture & Nature”</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 Sri Lanka tour exceeded expectations. From Sigiriya to the tea plantations, everything was well organized. The guide was knowledgeable and friendly. Only suggestion: add a bit more free time in Kandy.
</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: Mar 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>
Sri Lanka Tours </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">
W </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Well Organized and Stress-Free</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">“Well Organized and Stress-Free”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Everything ran on time, and we didn&rsquo;t have to worry about anything. Our driver was amazing and very professional. Perfect for first-time visitors to Sri Lanka.
</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 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>
Sri Lanka Tours </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">
A </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Amanda Brooks</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 Value for Money”</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 compared several companies, and this tour offered the best value. Transportation was comfortable, and the itinerary covered all the highlights. Some long drives, but worth it.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Sep 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>
Sri Lanka Tours </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">Jessica Lee</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">“Amazing but Slightly Packed Itinerary”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The tour covered so much in a short time, which is great, but a bit tiring. Still, we saw all the major attractions, and the experience was unforgettable.
</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 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>
</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/8f0606b0c6e92f320eaf9c14c5801290.webp" alt=" Tea plantation in Ella" title=" Tea plantation in Ella">
</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/332fd64361f274bc1e2a40bce1851a11.webp" alt="Ella, Sri Lanka" title="Ella, Sri Lanka">
</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/2f318f36ad90b546fcec1265ead33541.webp" alt="In front of Lion Rock in Sri Lanka" title="In front of Lion Rock in Sri Lanka">
</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/b6a6aa504e92045f6d3dc3ff4b26b3be.webp" alt="Kandy Sri Lanka" title="Kandy Sri Lanka">
</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/804140d3e79bc025afa4a0cb4b8a0f37.webp" alt="Minneriya National Park, Sri Lanka" title="Minneriya National Park, Sri Lanka">
</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/d668c8b88659b09e19b498f9c75a750d.webp" alt="Pidurangala Rock" title="Pidurangala Rock">
</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/45409701b606ddd967e4cbf0ab743745.webp" alt="Sri Dalada Maligawa Temple in Sri Lanka" title="Sri Dalada Maligawa Temple in Sri Lanka">
</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/b9632bdb70f4b556882549c48df27ea0.webp" alt="Train Journey from Kandy to Ella" title="Train Journey from Kandy to Ella">
</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/9475939dcbe40e790378212295f2ab25.webp" alt="Weligama" title="Weligama">
</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/7d719feaa573ba950fd852f54cd65310.webp" alt="Yala National Park" title="Yala National Park">
</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="Top Rated Tours" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
<div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
<span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
</div>
<div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
<div>
<h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Top Rated Tours</h3>
<p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
</div>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/highlights-of-sri-lanka-tour-package" 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/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/highlights-of-sri-lanka-tour-package" 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"> Highlights of Sri Lanka Tour Package</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/scenic-trip-to-sri-lanka" 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">Trip To Sri lanka: Tea Trails</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/treasures-of-sri-lanka" 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">Treasures of Sri Lanka: 13 Days of Discovery</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
<div>
<div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
<ion-icon name="compass"></ion-icon>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Places to Visit</h3>
<p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
</div>
<div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
<a href="https://www.memphistours.com/sri-lanka-tours/discovering-colombo-sri-lanka" 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">Colombo</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-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">Sigiriya Lion Rock Fortress</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/kandy-sri-lanka" 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">Kandy</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" 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">Ella</span>
</a>
</div>
<a href="https://www.memphistours.com/sri-lanka-tours/discovering-colombo-sri-lanka" 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">6+ Places</span>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Inspiring Articles</h3>
<p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
<ul class="tw-space-y-4">
<li>
<a href="https://www.memphistours.com/blog/best-things-to-see-in-sri-lanka-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">Best Things to See in Sri Lanka</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/blog/7-adventures-in-sri-lanka" 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">7 Unforgettable Adventures in Sri Lanka </span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/blog/exploring-sri-lanka-tea-country" 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">Sri Lanka Tea Country</span>
</div>
</a>
</li>
</ul>
</div>
<div class="tw-relative tw-z-10 tw-mt-8">
<a href="https://www.memphistours.com/blog/best-things-to-see-in-sri-lanka-guide" 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/Things-to-know-before-traveling-to-india"
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/a0a84df07d41406cef0308409df8f487.jpg" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Indian culture | India Culture | Indian Hospitality Culture " 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">Culture</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">8 Etiquette Rules make your India Experience Hilarious!</h4>
</div>
</a>
<a href="/blog/stunning-natural-wonders-to-explore-in-turkey"
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/7f0f2151008bfc4fd6560785309154fe.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Traveler capturing sunset shots at Pamukkale’s travertine pools, natural wonders in Turkey." 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">Attractions</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">5 Stunning Natural Wonders to Explore in Turkey</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/Things-to-know-before-traveling-to-india" class="tw-absolute tw-inset-0 tw-z-40" aria-label="8 Etiquette Rules make your India Experience Hilarious!"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/a0a84df07d41406cef0308409df8f487.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="Indian culture | India Culture | Indian Hospitality Culture " title="Indian culture | India Culture | Indian Hospitality Culture " 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">Culture</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">Culture</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">8 Etiquette Rules make your India Experience Hilarious!</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">Travelling to India is Hilarious! Get your Guide to the most common rules and etiquette to follow for a super smooth Indian Experience. Explore Now!
&nbsp;
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/stunning-natural-wonders-to-explore-in-turkey" class="tw-absolute tw-inset-0 tw-z-40" aria-label="5 Stunning Natural Wonders to Explore in Turkey"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/7f0f2151008bfc4fd6560785309154fe.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="Traveler capturing sunset shots at Pamukkale’s travertine pools, natural wonders in Turkey." title="5 Stunning Natural Wonders to Explore in Turkey" 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">5 Stunning Natural Wonders to Explore in Turkey</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">From surreal landscapes to hidden gems, explore the most breathtaking natural wonders in Turkey and uncover the untamed beauty behind the wonders of Turkey.
</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/dahabiya-vs-nile-cruise" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Dahabiya vs Nile Cruise: Which Delivers the Better Experience?"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/ad7161170b68ff8f67fd579ec9fd7257.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="steigenberg minerva nile cruise, Dahabiya vs Nile Cruise" title="Dahabiya vs Nile Cruise" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Travel Tips</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #40808040;">Travel Tips</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Dahabiya vs Nile Cruise: Which Delivers the Better Experience?</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Your honest guide to choosing between intimate dahabiya sailing and traditional Nile cruising
</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>
</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="/sri-lanka-tours/galle-sri-lanka"
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/278688339_galle-srilanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Galle: Sri Lanka's Most Historic City"
title="Galle: Sri Lanka's Most Historic City">
</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">Galle: Sri Lanka's Most Historic City</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Discover Galle, Sri Lanka: historic Fort, beautiful beaches, vibrant streets, and unforgettable coastal charm.
</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="/sri-lanka-tours/dambulla-cave-temple-sri-lanka"
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/1777299194_dambulla-cave-temple.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Dambulla Cave Temple"
title="Dambulla Cave Temple">
</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">Dambulla Cave Temple</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Plan your visit&nbsp;to Dambulla Cave Temple with top highlights like cave murals, Buddha statues, panoramic views, plus useful visitor tips.
</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="/sri-lanka-tours/anuradhapura-sri-lanka"
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/934067385_anuradhapura-sri-lanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Why Visit Anuradhapura in Sri Lanka?"
title="Why Visit Anuradhapura in Sri Lanka?">
</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">Why Visit Anuradhapura in Sri Lanka?</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Explore Anuradhapura in Sri Lanka, home to sacred Buddhist sites, ancient ruins, massive dagobas, and unforgettable cultural experiences.
</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="/sri-lanka-tours/discovering-colombo-sri-lanka"
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/931618693_Colombo-Srilanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital"
title="Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital">
</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">Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Your complete guide to Colombo, Sri Lanka: discover sights, food, nightlife, guided tours, weather, and travel tips for every visitor.
</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="93"][name="Country"]').prop('checked', true);
jQuery('input[value="471"][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, "/sri-lanka-tours/sri-lanka-tour-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range);
jQuery('input:radio').attr('disabled','disabled');
jQuery('#programs').html('<div style="float:left;width: 100%;text-align: center; color:#adadad;"><br><br><img height="80px" alt="loading" id="load" src="/img/loader.svg"><br><br>Please wait while loading content ....<br><br></div>');
jQuery('#programs').load("/sri-lanka-tours/sri-lanka-tour-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range, function(){
if (typeof homePackagesAfterLoad === 'function') {
homePackagesAfterLoad();
} else {
updateSiteRatesTop('1',false);
jQuery("img.lazy").lazyload({effect : "fadeIn"});
jQuery("div.lazy").lazyload({effect : "fadeIn"});
updatecount();
}
jQuery('input:radio').removeAttr("disabled");
var toursAnchor = document.getElementById('tours-anchor');
if (toursAnchor) {
toursAnchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
}
function updatecount(){
var progCount = jQuery('#programs_more').attr("progCount");
jQuery('#programs_count').html(progCount);
}
jQuery.material.init();
jQuery.material.checkbox();
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const overview = document.querySelector(".content_desc");
if (!overview) return;
const btn = overview.querySelector(".toggle-btn");
if (!btn) return;
const labelSpan = btn.querySelector("span");
const labelMore = "Read more";
const labelLess = "Read less";
btn.addEventListener("click", function () {
overview.classList.toggle("expanded");
const isExpanded = overview.classList.contains("expanded");
const label = isExpanded ? labelLess : labelMore;
if (labelSpan) {
labelSpan.textContent = label;
} else {
btn.textContent = label;
}
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const swiper = new Swiper('.gallerySwiper', {
slidesPerView: 1,
spaceBetween: 30,
loop: false,
speed: 800,
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// Update progress bar
on: {
init: function () {
updateProgressBar(this);
},
slideChange: function () {
updateProgressBar(this);
}
}
});
function updateProgressBar(slider) {
const totalSlides = slider.slides.length;
if (totalSlides <= 1) {
document.querySelector('.swiper-progress-bar').style.width = '100%';
return;
}
const currentIndex = slider.activeIndex;
const progress = (currentIndex / (totalSlides - 1)) * 100;
document.querySelector('.swiper-progress-bar').style.width = progress + '%';
}
});
</script>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
// Get section title from h1
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
// Find all view trip links on the page
if (typeof homeBindViewTripLinks === 'function') {
homeBindViewTripLinks();
return;
}
var viewTripLinks = document.querySelectorAll('.view-trip-link');
viewTripLinks.forEach(function(link) {
if (link.dataset.gtmBound === '1') return;
link.dataset.gtmBound = '1';
link.addEventListener('click', function(e) {
// Push tracking immediately (non-blocking)
var tourName = (this.getAttribute('data-tour-name') || '').toLowerCase();
var tourType = (this.getAttribute('data-tour-type') || 'private').toLowerCase();
var destination = (this.getAttribute('data-destination') || 'multi-country').toLowerCase();
var dataLayerEvent = {
'event': 'view_trip_details',
'tour_name': tourName,
'tour_type': tourType,
'section_title': sectionTitle,
'destination': destination
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
// Allow navigation to proceed immediately (no delay)
// The dataLayer push is synchronous and very fast
});
});
})();
</script>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
// Get section title from h1
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
// Track CTA button clicks
var ctaButtons = document.querySelectorAll('.content_button .cta-button');
ctaButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
// var ctaName = (this.getAttribute('data-cta-name') || this.textContent.trim()).toLowerCase();
var destination = (this.getAttribute('data-destination') || '').toLowerCase();
var dataLayerEvent = {
'event': 'cta_click',
'cta_name': 'help me plan my trip',
'section_title': sectionTitle,
'destination': destination
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
});
});
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var swiper = new Swiper(".multiSwiper", {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 2.6,
spaceBetween: 20,
},
}
});
});
</script>
<script type="text/javascript">
var currenciesExArray = new Array();
var currenciesSignArray = new Array();
var currenciesAbbrevArray = new Array();
var currenciesAbbrevTextArray = new Array();
currenciesExArray['1'] = "1.00000";
currenciesSignArray['1'] ="US$";
currenciesAbbrevArray['1'] ="USD (US$)";
currenciesAbbrevTextArray['1'] ="USD";
currenciesExArray['2'] = "0.86010";
currenciesSignArray['2'] ="€";
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': 'sri-lanka-tours', //if found
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/> <link rel="canonical" href="https://new.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3" />
<title>Top Sri lanka Tour Packages | Sri lanka Vacation Packages</title>
<meta name="keywords" content="Top Sri lanka Tour Packages, Sri lanka Vacation Packages" />
<meta name="description" content="Find Sri Lanka tour packages featuring carefully handpicked routes, must-see sights, and exceptional travel value for an unforgettable island adventure." />
<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/9635dc61cb4c1e1c9d712f18bba3424c.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/sri-lanka-tours/sri-lanka-tour-packages" />
<meta property="og:title" content="Sri lanka Tour Packages" />
<meta property="og:description" content="Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover Colombo, the bustling capital where modern life meets colonial heritage, and visit Kandy, home to the sacred Temple of the Tooth.
Experience the scenic hill country of Nuwara Eliya and Ella, with rolling tea estates and misty mountains, or enjoy wildlife safaris in Yala and Udawalawe National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like Sigiriya and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.
Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of Galle Fort. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.
" />
<meta property="og:image" content="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/9635dc61cb4c1e1c9d712f18bba3424c.webp" />
<link rel="image_src" href="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/9635dc61cb4c1e1c9d712f18bba3424c.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/9635dc61cb4c1e1c9d712f18bba3424c.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="Women picking tea leaves near Nuwara Eliya, Sri Lanka."
title="Women picking tea leaves near Nuwara Eliya, Sri Lanka.">
<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>
Sri Lanka Tours </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">
Sri lanka Tour Packages </h1>
</div>
<div class="content_desc tw-max-w-4xl tw-mx-auto tw-text-base md:tw-text-xl tw-text-gray-200 tw-mb-8 animate-fade-in-up delay-200 tw-leading-relaxed tw-font-light tw-px-4">
<div class="content_text">
<p>Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover <a href="/sri-lanka-tours/discovering-colombo-sri-lanka" target="_blank">Colombo</a>, the bustling capital where modern life meets colonial heritage, and visit <a href="/sri-lanka-tours/kandy-sri-lanka" target="_blank">Kandy</a>, home to the sacred Temple of the Tooth.</p>
<p>Experience the scenic hill country of <a href="/sri-lanka-tours/nuwara-eliya-the-little-england-of-sri-lanka" target="_blank">Nuwara Eliya</a> and <a href="/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" target="_blank">Ella</a>, with rolling tea estates and misty mountains, or enjoy wildlife safaris in <a href="/sri-lanka-tours/yala-national-park-sri-lanka" target="_blank">Yala</a> and <a href="/sri-lanka-tours/udawalawe-national-park-sri-lanka" target="_blank">Udawalawe</a> National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like <a href="/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank">Sigiriya</a> and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.</p>
<p>Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of <a href="/sri-lanka-tours/galle-sri-lanka" target="_blank">Galle Fort</a>. Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.</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="sri lanka tours">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>
</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>
</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="/sri-lanka-tours/sri-lanka-tour-packages"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> <!-- Single Country -->
<div class="left_filter_all_box">
<div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#SingleCountry">Destinations</div>
<div class="left_filter_all_box_data collapse show" id="SingleCountry">
<div class="row">
<input name="Country" type="radio" style="display: none" value ="0" id="0" onchange="filter(' ')">
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "1" id="1" onchange="changeCountries('egypt', this)"> Egypt </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "14" id="14" onchange="changeCountries('jordan', this)"> Jordan </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "13" id="13" onchange="changeCountries('dubai', this)"> Dubai </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "61" id="61" onchange="changeCountries('saudi-arabia', this)"> Saudi Arabia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "30" id="30" onchange="changeCountries('morocco', this)"> Morocco </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "39" id="39" onchange="changeCountries('oman', this)"> Oman </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "15" id="15" onchange="changeCountries('turkey', this)"> Turkey </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "49" id="49" onchange="changeCountries('african-safari', this)"> African Safari </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "51" id="51" onchange="changeCountries('india', this)"> India </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "93" id="93" onchange="changeCountries('sri-lanka-tours', this)"> Sri Lanka Tours </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "92" id="92" onchange="changeCountries('tunisia-tour-packages', this)"> Tunisia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "57" id="57" onchange="changeCountries('japan-tour-packages', this)"> Japan </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "63" id="63" onchange="changeCountries('greece', this)"> Greece </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "71" id="71" onchange="changeCountries('peru', this)"> Peru </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "90" id="90" onchange="changeCountries('southeast-asia-tours', this)"> Southeast Asia </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "91" id="91" onchange="changeCountries('brazil', this)"> Brazil </label>
</div>
</div>
<div class="col-md-6">
<div class="radio">
<label>
<input name="Country" type="radio" value = "98" id="98" onchange="changeCountries('argentina-trips', this)"> Argentina </label>
</div>
</div>
</div>
</div>
</div>
<!-- Special Offer -->
<!-- Root Categories -->
<div class="left_filter_all_box">
<div class="left_filter_all_box_title" data-bs-toggle="collapse" href="#RootCategories">Trip Type</div>
<div class="left_filter_all_box_data collapse show" id="RootCategories">
<div class="row">
<div class="radio">
<label>
<input name="rootCategory" type="radio" value = "0" id="0" onchange="filter(' ')" checked> Any </label>
</div>
</div>
</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="/sri-lanka-tours/highlights-of-sri-lanka-tour-package" class="view-trip-link tw-absolute tw-inset-0 tw-z-0" aria-label="Highlights of Sri Lanka Tour Package"
data-tour-name="Highlights of Sri Lanka Tour Package" data-tour-type="Private Tour" data-destination="sri-lanka-tours"></a>
<img src="https://images.memphistours.com/thumbs1/1129738188_Ella%20Rock%202.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="Highlights of Sri Lanka Tour Package">
<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">Highlights of Sri Lanka Tour Package</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">Experience 13 days in Sri Lanka journey with culture, wildlife and beaches from Sigiriya to Yala and Weligama.
</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> 13</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_price1855" class="convertable" itemprop="price">1,855</span>
</span>
<input type="hidden" id="hmin_price1855" value="1855" />
</div>
</div>
<a href="/sri-lanka-tours/highlights-of-sri-lanka-tour-package" class="tw-relative tw-z-10 tw-px-6 tw-py-3 tw-rounded-full tw-bg-navy tw-text-white tw-text-[13px] tw-font-bold tw-shadow-lg hover:tw-bg-gold hover:tw-text-navy tw-transition-all tw-inline-flex tw-items-center tw-gap-2">
View Trip <ion-icon name="arrow-forward" class="tw-text-base"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/scenic-trip-to-sri-lanka" class="view-trip-link tw-block tw-h-full"
data-tour-name="Trip To Sri lanka: Tea Trails" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/1028515681_Haputale.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Trip To Sri lanka: Tea Trails" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 12 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Trip To Sri lanka: Tea Trails</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Sri Lanka’s best tea trails await in Kandy and Nuwara Eliya, followed by Horton Plains views, Yala wildlife, and coastal Galle charm.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2249" class="convertable" itemprop="price">2,249</span>
</span>
<input type="hidden" id="hmin_price2249" value="2249" />
</div>
<a href="/sri-lanka-tours/scenic-trip-to-sri-lanka" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Trip To Sri lanka: Tea Trails" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/treasures-of-sri-lanka" class="view-trip-link tw-block tw-h-full"
data-tour-name="Treasures of Sri Lanka: 13 Days of Discovery" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/678874337_Nine%20Arch%20Bridge%20in%20Ella.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Treasures of Sri Lanka: 13 Days of Discovery" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 13 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Treasures of Sri Lanka: 13 Days of Discovery</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Explore Sri Lanka’s top gems, from Negombo and Habarana to Kandy, Ella, Yala, and Mirissa in one unforgettable travel package.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2225" class="convertable" itemprop="price">2,225</span>
</span>
<input type="hidden" id="hmin_price2225" value="2225" />
</div>
<a href="/sri-lanka-tours/treasures-of-sri-lanka" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Treasures of Sri Lanka: 13 Days of Discovery" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card home-tour-card--site md:tw-col-span-2 tw-bg-white tw-rounded-2xl tw-shadow-sm tw-border tw-border-gray-100 tw-overflow-hidden">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-gap-4 tw-p-4">
<a href="https://www.memphistours.com/Multi-Country-Tours" class="tw-block tw-shrink-0 tw-w-full md:tw-w-48 tw-aspect-[4/3] md:tw-aspect-auto md:tw-h-40 tw-rounded-xl tw-overflow-hidden">
<img src="https://images.memphistours.com/thumbs1/168b4d55ae61ca8040f1afe77b490786.jpg" alt="One Trip, Many Destinations" class="tw-w-full tw-h-full tw-object-cover" loading="lazy">
</a>
<div class="tw-flex tw-flex-col tw-justify-center tw-flex-1">
<h3 class="tw-text-xl tw-font-serif tw-text-navy tw-mb-2">One Trip, Many Destinations</h3>
<p class="tw-text-sm tw-text-gray-500 tw-mb-4"><p>Combine incredible destinations with us into one unforgettable journey.</p>
</p>
<a href="https://www.memphistours.com/Multi-Country-Tours" class="view-ads-link tw-inline-flex tw-items-center tw-gap-2 tw-text-sm tw-font-bold tw-text-navy hover:tw-text-gold"
data-tour-name="One Trip, Many Destinations"
data-destination="sri-lanka-tours">
Book Multi-Country tours! <ion-icon name="arrow-forward"></ion-icon>
</a>
</div>
</div>
</div>
<div class="home-tour-card group tw-relative tw-flex tw-flex-col tw-bg-white tw-rounded-[2rem] tw-shadow-sm hover:tw-shadow-2xl tw-transition-all tw-duration-500 tw-overflow-hidden tw-border tw-border-gray-100 tw-h-full hover:-tw-translate-y-2" itemscope itemtype="https://schema.org/Product">
<div class="tw-relative tw-aspect-[4/3] tw-overflow-hidden tw-shrink-0">
<a href="/sri-lanka-tours/sri-lanka-grand-tour" class="view-trip-link tw-block tw-h-full"
data-tour-name="Sri Lanka Grand Tour in 16 Days" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
<img src="https://images.memphistours.com/thumbs1/712002479_Ella%20Rock.webp" class="tw-w-full tw-h-full tw-object-cover tw-transition-transform tw-duration-1000 group-hover:tw-scale-110" loading="lazy" alt="Sri Lanka Grand Tour in 16 Days" itemprop="image">
</a>
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/80 tw-via-navy/20 tw-to-transparent tw-opacity-80 group-hover:tw-opacity-90 tw-transition-opacity tw-pointer-events-none"></div>
<div class="tw-absolute tw-top-5 tw-left-5 tw-right-5 tw-flex tw-justify-between tw-items-start tw-z-20 tw-pointer-events-none">
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-px-3 tw-py-1.5 tw-bg-navy/40 tw-backdrop-blur-md tw-rounded-xl tw-text-[10px] tw-font-bold tw-text-white tw-uppercase tw-tracking-widest tw-border tw-border-white/20">
<ion-icon name="location-outline" class="tw-text-gold tw-text-sm"></ion-icon>
1 Country </span>
</div>
<div class="tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-p-6 tw-z-20 tw-pointer-events-none">
<span class="tw-flex tw-items-center tw-gap-1.5 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-white/90 tw-bg-white/10 tw-px-2.5 tw-py-1 tw-rounded-lg tw-backdrop-blur-sm tw-border tw-border-white/10 tw-inline-flex tw-mb-3">
<ion-icon name="time-outline" class="tw-text-gold tw-text-sm"></ion-icon> 16 </span>
<h3 class="tw-text-2xl tw-font-serif tw-text-white tw-leading-snug tw-drop-shadow-md" itemprop="name">Sri Lanka Grand Tour in 16 Days</h3>
</div>
</div>
<div class="tw-p-6 tw-flex tw-flex-col tw-flex-1">
<div class="tw-mb-4">
<span class="tw-text-[10px] tw-font-bold tw-text-gold tw-uppercase tw-tracking-widest tw-flex tw-items-center tw-gap-1">
<span class="tw-w-1.5 tw-h-1.5 tw-rounded-full tw-bg-gold"></span>
Private Tour </span>
</div>
<p class="tw-text-sm tw-text-gray-500 tw-line-clamp-2 tw-leading-relaxed tw-mb-6">Sri Lanka Grand tour of top cities, safaris, caves, and tea country. Explore the best of Sri Lanka, book your tour now.
</p>
<div class="tw-mt-auto tw-flex tw-items-end tw-justify-between tw-pt-5 tw-border-t tw-border-gray-100">
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span class="tw-text-[10px] tw-text-gray-400 tw-font-bold tw-uppercase tw-tracking-widest tw-block tw-mb-1">From Price</span>
<span class="tw-text-2xl tw-font-serif tw-text-navy">
<span class="currencySign">US$</span><span id="min_price2585" class="convertable" itemprop="price">2,585</span>
</span>
<input type="hidden" id="hmin_price2585" value="2585" />
</div>
<a href="/sri-lanka-tours/sri-lanka-grand-tour" class="view-trip-link tw-px-5 tw-py-2.5 tw-rounded-full tw-border tw-border-navy tw-text-sm tw-font-bold tw-text-navy hover:tw-bg-navy hover:tw-text-gold tw-transition-all tw-flex tw-items-center tw-gap-2"
data-tour-name="Sri Lanka Grand Tour in 16 Days" data-tour-type="Private Tour" data-destination="sri-lanka-tours">
View Trip <ion-icon name="arrow-forward" class="tw-transform tw--rotate-45 group-hover:tw-rotate-0 tw-transition-transform tw-duration-500"></ion-icon>
</a>
</div>
</div>
</div>
<div class="tw-col-span-full" nextpage="0" totalpages="1" progCount="4" 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/Multi-Country-Tours" target="_blank" rel="noopener noreferrer">
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/e1d0682c825efa8b2f8fb23b9e5fe32a.jpg" alt="Egypt pyramids, Dubai skyline, and Cappadocia balloons travel collage" title="" 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="/sri-lanka-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="Sri Lanka Tours">
<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 Sri Lanka?</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>Sri Lanka uses the Sri Lankan Rupee (LKR) as its official currency. Cash is widely used, especially in local markets, while credit and debit cards are accepted in most hotels, restaurants, and larger shops. ATMs are available in major cities and tourist areas.</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"> How do I book and confirm a Sri Lanka 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-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>Booking a tour is simple. Contact our representatives to plan your itinerary based on your budget, duration, and interests. Once your tour is finalized, you’ll receive a detailed itinerary. Confirm your reservation by paying the deposit via wire transfer or credit card (Visa or MasterCard are accepted).</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"> Why choose our Sri Lanka tours?</span>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-navy/5 tw-flex tw-items-center tw-justify-center group-hover:tw-bg-gold group-hover:tw-text-white tw-transition-all tw-duration-300">
<ion-icon name="chevron-down-outline" id="faq-icon-2" class="tw-text-lg tw-transition-transform tw-duration-300 tw-text-navy group-hover:tw-text-white"></ion-icon>
</div>
</button>
<div id="faq-content-2" class="tw-max-h-0 tw-overflow-hidden tw-transition-all tw-duration-500 tw-ease-in-out tw-bg-white">
<div class="tw-px-8 tw-pb-8 tw-pt-2 tw-text-gray-500 tw-text-lg tw-leading-relaxed tw-border-t tw-border-dashed tw-border-gray-100" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text"><p>Our Sri Lanka tours offer a perfect travel experience, covering all the main attractions of the island. Enjoy 5-star accommodations, expertly guided tours, and carefully planned itineraries that ensure you see the best of Sri Lanka comfortably and conveniently.</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="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"> What is the traditional festival of Sri Lanka?</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>The most famous festival is Esala Perahera in Kandy, featuring dancers, drummers, and decorated elephants celebrating the sacred Tooth Relic. Other key festivals include Sinhala & Tamil New Year, Vesak, and Deepavali.</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 should I try from Sri Lankan cuisine?</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>Sri Lankan cuisine is flavorful and diverse. Must-try dishes include:</p>
<ul>
<li>Rice and curry – the staple meal with multiple curries and sambols</li>
<li>Hoppers (appa) – bowl-shaped pancakes, sometimes with an egg</li>
<li>Kottu roti – chopped flatbread stir-fried with vegetables, eggs, or meat</li>
<li>String hoppers (idiyappam) – steamed rice noodles served with curry</li>
<li>Seafood dishes – fresh fish, prawns, and crab prepared with local spices</li>
<li>Coconut sambol – a spicy coconut condiment served with many meals</li>
</ul>
<p>Also try tropical fruits like mangos, pineapples, and rambutan, as well as traditional Ceylon tea from the hill country.</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="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"> Do and don'ts in Sri Lanka?</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><strong>Do:</strong></p>
<ul>
<li>Respect local customs, especially at temples.</li>
<li>Greet people politely and be friendly.</li>
<li>Use bottled water and practice basic hygiene.</li>
<li>Bargain politely in local markets.</li>
<li>Take care of wildlife and nature; follow park rules.</li>
</ul>
<p><strong>Don’t:</strong></p>
<ul>
<li>Don’t touch someone’s head, as it is considered sacred.</li>
<li>Don’t point your feet at religious objects or people.</li>
<li>Don’t litter or damage the environment.</li>
<li>Don’t photograph people without permission, especially monks.</li>
<li>Don’t engage in public displays of affection in conservative areas.</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="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"> What should I pack for a Sri Lanka 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-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>Pack light, breathable clothing for the tropical climate, a hat and sunglasses for sun protection, and comfortable walking shoes. Include modest clothing for temple visits, a light jacket for cooler hill-country areas, swimwear for beaches, insect repellent, sunscreen, and any personal medications you may need.</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 should I wear on my Sri Lanka 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-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>Light, breathable clothing is recommended due to the tropical climate. For visits to temples and religious sites, modest attire that covers shoulders and knees is required. </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 is the best way to get around Sri Lanka?</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"><p>The best way to travel around Sri Lanka depends on your itinerary. For comfort and flexibility, private drivers or guided tours are popular. Trains offer scenic routes, especially the famous Kandy to Ella journey. Buses and tuk-tuks are ideal for short distances or local travel, while domestic flights can save time for longer distances.</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="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"> What language is mostly spoken in Sri Lanka?</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>The main languages spoken in Sri Lanka are Sinhala and Tamil. English is also widely used, especially in cities, tourist areas, and for business, making it easy for travelers to communicate.</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 is so special about Sri Lanka?</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>Sri Lanka is special for its incredible diversity packed into a small island. In just a few hours of travel, you can experience tropical beaches, tea-covered mountains, ancient UNESCO World Heritage Sites, wildlife-rich national parks, and vibrant cultural traditions. The country is also known for its warm hospitality, flavorful cuisine, and year-round good weather, making it a unique destination for all types of 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="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"> How much does a Sri Lanka tour cost?</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>The cost of a Sri Lanka tour can vary widely depending on factors such as your travel style, the number of days, the type of accommodation, and the activities included in your itinerary.</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"> How many days do I need in Sri Lanka?</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>The ideal duration to explore Sri Lanka is 7–10 days for a standard itinerary, covering highlights like Colombo, Kandy, Sigiriya, Ella, and the southern beaches. For a more relaxed pace or to explore less-visited areas, 12–14 days is recommended.</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 5 interesting facts about Sri Lanka?</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"><ol>
<li>Ancient cities: Home to historic sites like Anuradhapura and Polonnaruwa.</li>
<li>Wildlife: Rich biodiversity including elephants, leopards, and birds.</li>
<li>UNESCO sites: Eight cultural and natural heritage locations.</li>
<li>Ceylon tea: Famous for scenic tea plantations in Nuwara Eliya and Ella.</li>
<li>Beaches & surfing: Pristine beaches and top surfing spots like Mirissa and Arugam Bay.</li>
</ol>
</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"> Are any vaccines required for Sri Lanka 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-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"><p>Vaccinations for Sri Lanka are recommended, not mandatory. Common suggestions include Hepatitis A, Typhoid, and Tetanus. Yellow Fever vaccination is only required if arriving from a country where it’s present. Always check with your doctor 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="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"> What documents do I need for a Sri Lanka ETA?</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>To apply for a Sri Lanka ETA, you typically need:</p>
<ul>
<li>A valid passport (with at least 6 months validity from your arrival date)</li>
<li>Your personal details (as they appear on your passport)</li>
<li>Travel details, including your intended arrival date</li>
<li>A valid email address to receive the ETA approval</li>
<li>A credit or debit card to pay the ETA fee</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="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"> Do I need a visa to visit Sri Lanka?</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, you can easily apply online for an Electronic Travel Authorization (ETA) before arrival. It’s a quick process and usually approved within a short time. Some nationalities may also obtain a visa on arrival, but applying for the ETA in advance is recommended for a smoother entry.</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"> Is Sri Lanka 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-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"><p>Yes, Sri Lanka is generally safe for tourists. Popular areas such as Colombo, Kandy, Galle, and major beach destinations are well-visited and welcoming. As with any destination, it’s wise to follow basic safety precautions, keep an eye on your belongings, and stay updated on local guidelines or weather conditions.</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="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"> What is the best time to visit Sri Lanka?</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>The best time to visit the west and south coasts is December–March, and for the east coast April–September. With two monsoon seasons, Sri Lanka is a year-round destination, but the best period depends on your itinerary and preferred region.</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"> What are the top things to do on Sri Lanka 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-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"><ul>
<li>Explore ancient cities like Anuradhapura, Polonnaruwa, and Sigiriya Rock Fortress</li>
<li>Visit tea plantations in Nuwara Eliya and Ella</li>
<li>Go on wildlife safaris in Yala, Udawalawe, or Minneriya National Park</li>
<li>Relax on beautiful beaches in Mirissa, Bentota, Trincomalee, and Unawatuna</li>
<li>Ride the iconic train from Kandy to Ella for stunning mountain views</li>
<li>Discover cultural heritage at the Temple of the Tooth in Kandy</li>
<li>Try Sri Lankan cuisine, famous for curries, seafood, and spices</li>
<li>Enjoy water activities like surfing, diving, and whale watching</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>
Sri Lanka Tours </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">
K </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Kevin Harris</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">“Would Book Again!”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Everything was seamless, from booking to the actual trip. Hotels, transport, and excursions were all well arranged. I&rsquo;d definitely travel with this Memphis tours again.
</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: Mar 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>
Sri Lanka Tours </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">
R </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Rachel</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">“Beautiful Scenery & Friendly People”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Sri Lanka is stunning, and this tour captured it perfectly. The train ride through the tea fields was my favorite part. I just wish we stayed longer in Ella!
</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>
Sri Lanka Tours </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-purple-800 tw-shadow-purple-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-purple-50 tw-ring-4">
M </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Ms. Lauren</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 Hidden Gem Destination”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Sri Lanka wasn&rsquo;t on my radar before, but now it&rsquo;s one of my favorite destinations. The beaches, culture, and food were incredible. This tour made it easy to explore.
</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 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>
Sri Lanka Tours </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">Mr.Jason</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 Wildlife 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">Seeing elephants in Yala National Park was a dream come true. The safari was smooth and exciting. Hotels were great overall. I&rsquo;d definitely recommend this Africa-style wildlife experience in Sri Lanka!
</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: Jun 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>
Sri Lanka Tours </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">
B </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Brian Thompson</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">“Excellent Guides & Service”</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 guide really made the difference. He shared so much history and local insight. Service was top-notch from start to finish. Thank you Memphis 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: 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-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>
Sri Lanka Tours </div>
<div class="tw-flex tw-items-center tw-gap-6 tw-mb-8">
<div class="tw-w-16 tw-h-16 tw-rounded-full tw-bg-red-800 tw-shadow-red-800/20 tw-text-white tw-flex tw-items-center tw-justify-center tw-font-serif tw-text-2xl tw-shadow-lg tw-ring-red-50 tw-ring-4">
A </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">A Memorable Family Trip</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 Memorable Family 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 traveled with kids, and everything was smooth and safe. The hotels were family-friendly, and activities kept everyone engaged. Highly recommend for families.
</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-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>
Sri Lanka Tours </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">
E </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Emily Carter</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 Perfect Mix of Culture & Nature”</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 Sri Lanka tour exceeded expectations. From Sigiriya to the tea plantations, everything was well organized. The guide was knowledgeable and friendly. Only suggestion: add a bit more free time in Kandy.
</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: Mar 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>
Sri Lanka Tours </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">
W </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Well Organized and Stress-Free</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">“Well Organized and Stress-Free”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">Everything ran on time, and we didn&rsquo;t have to worry about anything. Our driver was amazing and very professional. Perfect for first-time visitors to Sri Lanka.
</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 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>
Sri Lanka Tours </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">
A </div>
<div>
<h4 class="tw-text-navy tw-font-bold tw-text-xl tw-leading-tight">Amanda Brooks</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 Value for Money”</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 compared several companies, and this tour offered the best value. Transportation was comfortable, and the itinerary covered all the highlights. Some long drives, but worth it.
</p>
<div class="tw-flex tw-items-center tw-justify-between tw-border-t tw-border-gray-100 tw-pt-6 tw-flex-wrap tw-gap-3">
<span class="tw-text-gray-400 tw-text-sm tw-uppercase tw-tracking-wider tw-font-semibold">Travel Date: Sep 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>
Sri Lanka Tours </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">Jessica Lee</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">“Amazing but Slightly Packed Itinerary”</h5>
<p class="tw-text-gray-600 tw-text-lg md:tw-text-xl tw-leading-relaxed tw-mb-8 tw-max-w-3xl">The tour covered so much in a short time, which is great, but a bit tiring. Still, we saw all the major attractions, and the experience was unforgettable.
</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 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>
</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/8f0606b0c6e92f320eaf9c14c5801290.webp" alt=" Tea plantation in Ella" title=" Tea plantation in Ella">
</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/332fd64361f274bc1e2a40bce1851a11.webp" alt="Ella, Sri Lanka" title="Ella, Sri Lanka">
</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/2f318f36ad90b546fcec1265ead33541.webp" alt="In front of Lion Rock in Sri Lanka" title="In front of Lion Rock in Sri Lanka">
</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/b6a6aa504e92045f6d3dc3ff4b26b3be.webp" alt="Kandy Sri Lanka" title="Kandy Sri Lanka">
</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/804140d3e79bc025afa4a0cb4b8a0f37.webp" alt="Minneriya National Park, Sri Lanka" title="Minneriya National Park, Sri Lanka">
</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/d668c8b88659b09e19b498f9c75a750d.webp" alt="Pidurangala Rock" title="Pidurangala Rock">
</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/45409701b606ddd967e4cbf0ab743745.webp" alt="Sri Dalada Maligawa Temple in Sri Lanka" title="Sri Dalada Maligawa Temple in Sri Lanka">
</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/b9632bdb70f4b556882549c48df27ea0.webp" alt="Train Journey from Kandy to Ella" title="Train Journey from Kandy to Ella">
</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/9475939dcbe40e790378212295f2ab25.webp" alt="Weligama" title="Weligama">
</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/7d719feaa573ba950fd852f54cd65310.webp" alt="Yala National Park" title="Yala National Park">
</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="Top Rated Tours" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/30 tw-to-transparent"></div>
<div class="tw-absolute tw-top-6 tw-right-6 tw-bg-white/10 tw-backdrop-blur-md tw-border tw-border-white/20 tw-rounded-full tw-px-4 tw-py-1.5 tw-flex tw-items-center tw-gap-2">
<span class="tw-w-2 tw-h-2 tw-rounded-full tw-bg-gold tw-animate-pulse"></span>
<span class="tw-text-xs tw-font-bold tw-text-white tw-uppercase tw-tracking-wider">Top Selling</span>
</div>
<div class="tw-relative tw-z-10 tw-p-6 lg:tw-p-8">
<div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between tw-items-start md:tw-items-end tw-gap-6 tw-mb-8">
<div>
<h3 class="tw-text-4xl md:tw-text-5xl tw-font-serif tw-text-white tw-mb-2 tw-leading-none tw-drop-shadow-lg">Top Rated Tours</h3>
<p class="tw-text-white/80 tw-font-medium">Curated selection of our finest itineraries.</p>
</div>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/highlights-of-sri-lanka-tour-package" 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/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/highlights-of-sri-lanka-tour-package" 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"> Highlights of Sri Lanka Tour Package</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/scenic-trip-to-sri-lanka" 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">Trip To Sri lanka: Tea Trails</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sri-lanka-tour-packages/sri-lanka-trips/treasures-of-sri-lanka" 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">Treasures of Sri Lanka: 13 Days of Discovery</h4>
<div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tw-bg-white tw-rounded-[2.5rem] tw-border tw-border-gray-100 tw-shadow-[0_8px_30px_rgb(0,0,0,0.04)] tw-p-8 tw-flex tw-flex-col tw-justify-between tw-group/styles hover:tw-shadow-[0_8px_30px_rgb(0,0,0,0.08)] tw-transition-all tw-min-h-[450px] lg:tw-min-h-[500px]">
<div>
<div class="tw-w-14 tw-h-14 tw-bg-navy/5 tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-text-navy tw-text-2xl tw-mb-6 group-hover/styles:tw-bg-navy group-hover/styles:tw-text-white group-hover/styles:tw-scale-105 tw-transition-all tw-duration-500">
<ion-icon name="compass"></ion-icon>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-navy tw-mb-2">Places to Visit</h3>
<p class="tw-text-gray-500 tw-text-sm tw-mb-8">Find the perfect vibe for your next adventure.</p>
</div>
<div class="tw-grid tw-grid-cols-2 tw-gap-3 tw-mb-4">
<a href="https://www.memphistours.com/sri-lanka-tours/discovering-colombo-sri-lanka" 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">Colombo</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/sigiriya-lion-rock-fortress-complete-guide" target="_blank" rel="noopener noreferrer"
class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-bg-gray-50 tw-rounded-2xl tw-border tw-border-transparent hover:tw-border-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">Sigiriya Lion Rock Fortress</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/kandy-sri-lanka" 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">Kandy</span>
</a>
<a href="https://www.memphistours.com/sri-lanka-tours/ella-is-the-best-stop-in-sri-lanka" 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">Ella</span>
</a>
</div>
<a href="https://www.memphistours.com/sri-lanka-tours/discovering-colombo-sri-lanka" 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">6+ Places</span>
</div>
<h3 class="tw-text-3xl tw-font-serif tw-text-white tw-mb-2">Inspiring Articles</h3>
<p class="tw-text-gray-400 tw-text-sm tw-mb-8">Explore the ancient wonders and hidden gems of :destination.</p>
<ul class="tw-space-y-4">
<li>
<a href="https://www.memphistours.com/blog/best-things-to-see-in-sri-lanka-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">Best Things to See in Sri Lanka</span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/blog/7-adventures-in-sri-lanka" 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">7 Unforgettable Adventures in Sri Lanka </span>
</div>
</a>
</li>
<hr class="tw-border-white/5"> <li>
<a href="https://www.memphistours.com/blog/exploring-sri-lanka-tea-country" 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">Sri Lanka Tea Country</span>
</div>
</a>
</li>
</ul>
</div>
<div class="tw-relative tw-z-10 tw-mt-8">
<a href="https://www.memphistours.com/blog/best-things-to-see-in-sri-lanka-guide" 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/Things-to-know-before-traveling-to-india"
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/a0a84df07d41406cef0308409df8f487.jpg" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Indian culture | India Culture | Indian Hospitality Culture " 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">Culture</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">8 Etiquette Rules make your India Experience Hilarious!</h4>
</div>
</a>
<a href="/blog/stunning-natural-wonders-to-explore-in-turkey"
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/7f0f2151008bfc4fd6560785309154fe.webp" class="tw-w-full tw-h-full tw-object-cover group-hover/article:tw-scale-110 tw-transition-transform tw-duration-700" alt="Traveler capturing sunset shots at Pamukkale’s travertine pools, natural wonders in Turkey." 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">Attractions</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">5 Stunning Natural Wonders to Explore in Turkey</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/Things-to-know-before-traveling-to-india" class="tw-absolute tw-inset-0 tw-z-40" aria-label="8 Etiquette Rules make your India Experience Hilarious!"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/a0a84df07d41406cef0308409df8f487.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="Indian culture | India Culture | Indian Hospitality Culture " title="Indian culture | India Culture | Indian Hospitality Culture " 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">Culture</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">Culture</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">8 Etiquette Rules make your India Experience Hilarious!</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">Travelling to India is Hilarious! Get your Guide to the most common rules and etiquette to follow for a super smooth Indian Experience. Explore Now!
&nbsp;
</p>
<span class="tw-inline-flex tw-items-center tw-gap-3 tw-text-white tw-font-bold tw-uppercase tw-tracking-widest tw-text-sm tw-border-b-2 tw-border-gold tw-pb-2 tw-w-fit">
Read Article <ion-icon name="arrow-forward" class="tw-text-xl"></ion-icon>
</span>
</div>
</article>
<article class="tw-relative tw-flex-1 tw-min-h-[280px] md:tw-min-h-0 tw-group hover:md:tw-flex-[3] tw-transition-all tw-duration-700 tw-ease-in-out tw-cursor-pointer tw-overflow-hidden tw-rounded-[2.5rem]">
<a href="/blog/stunning-natural-wonders-to-explore-in-turkey" class="tw-absolute tw-inset-0 tw-z-40" aria-label="5 Stunning Natural Wonders to Explore in Turkey"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/7f0f2151008bfc4fd6560785309154fe.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="Traveler capturing sunset shots at Pamukkale’s travertine pools, natural wonders in Turkey." title="5 Stunning Natural Wonders to Explore in Turkey" 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">5 Stunning Natural Wonders to Explore in Turkey</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">From surreal landscapes to hidden gems, explore the most breathtaking natural wonders in Turkey and uncover the untamed beauty behind the wonders of Turkey.
</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/dahabiya-vs-nile-cruise" class="tw-absolute tw-inset-0 tw-z-40" aria-label="Dahabiya vs Nile Cruise: Which Delivers the Better Experience?"></a>
<img src="https://res.cloudinary.com/ddjuftfy2/image/upload/f_webp,c_fill,q_auto/memphis/large/ad7161170b68ff8f67fd579ec9fd7257.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="steigenberg minerva nile cruise, Dahabiya vs Nile Cruise" title="Dahabiya vs Nile Cruise" loading="lazy">
<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-navy/90 tw-via-navy/20 tw-to-transparent tw-opacity-60 group-hover:tw-opacity-90 tw-transition-opacity"></div>
<div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-justify-center tw-pb-12 md:tw-pb-0 md:tw-items-center md:tw-justify-center tw-z-20 tw-pointer-events-none tw-transition-all tw-duration-500 tw-opacity-100 group-hover:tw-opacity-0 group-hover:tw-scale-90">
<span class="tw-text-white tw-font-serif tw-text-3xl md:tw-text-5xl tw-tracking-[0.2em] tw-uppercase tw-whitespace-nowrap tw-drop-shadow-xl md:-tw-rotate-90">Travel Tips</span>
</div>
<div class="tw-absolute tw-inset-0 tw-p-8 md:tw-p-12 tw-flex tw-flex-col tw-justify-end tw-opacity-100 md:tw-opacity-0 md:group-hover:tw-opacity-100 tw-translate-y-0 md:tw-translate-y-8 md:group-hover:tw-translate-y-0 tw-transition-all tw-duration-500 md:tw-delay-200 tw-z-30 tw-pointer-events-none">
<span class="tw-bg-white/20 tw-backdrop-blur-md tw-text-white tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-w-fit tw-mb-6 tw-shadow-lg" style="border: 1px solid #40808040;">Travel Tips</span>
<h3 class="tw-font-serif tw-text-3xl md:tw-text-5xl tw-text-white tw-mb-6 tw-leading-tight tw-drop-shadow-lg">Dahabiya vs Nile Cruise: Which Delivers the Better Experience?</h3>
<p class="tw-text-white/90 tw-text-sm md:tw-text-lg tw-line-clamp-3 tw-mb-8 tw-max-w-2xl tw-leading-relaxed tw-drop-shadow-md">Your honest guide to choosing between intimate dahabiya sailing and traditional Nile cruising
</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>
</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="/sri-lanka-tours/galle-sri-lanka"
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/278688339_galle-srilanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Galle: Sri Lanka's Most Historic City"
title="Galle: Sri Lanka's Most Historic City">
</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">Galle: Sri Lanka's Most Historic City</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Discover Galle, Sri Lanka: historic Fort, beautiful beaches, vibrant streets, and unforgettable coastal charm.
</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="/sri-lanka-tours/dambulla-cave-temple-sri-lanka"
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/1777299194_dambulla-cave-temple.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Dambulla Cave Temple"
title="Dambulla Cave Temple">
</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">Dambulla Cave Temple</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Plan your visit&nbsp;to Dambulla Cave Temple with top highlights like cave murals, Buddha statues, panoramic views, plus useful visitor tips.
</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="/sri-lanka-tours/anuradhapura-sri-lanka"
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/934067385_anuradhapura-sri-lanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Why Visit Anuradhapura in Sri Lanka?"
title="Why Visit Anuradhapura in Sri Lanka?">
</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">Why Visit Anuradhapura in Sri Lanka?</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Explore Anuradhapura in Sri Lanka, home to sacred Buddhist sites, ancient ruins, massive dagobas, and unforgettable cultural experiences.
</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="/sri-lanka-tours/discovering-colombo-sri-lanka"
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/931618693_Colombo-Srilanka.webp"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
alt="Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital"
title="Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital">
</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">Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital</h3>
<p class="tw-text-gray-600 tw-text-sm tw-leading-relaxed tw-line-clamp-3 tw-mb-4 tw-grow">Your complete guide to Colombo, Sri Lanka: discover sights, food, nightlife, guided tours, weather, and travel tips for every visitor.
</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="93"][name="Country"]').prop('checked', true);
jQuery('input[value="471"][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, "/sri-lanka-tours/sri-lanka-tour-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range);
jQuery('input:radio').attr('disabled','disabled');
jQuery('#programs').html('<div style="float:left;width: 100%;text-align: center; color:#adadad;"><br><br><img height="80px" alt="loading" id="load" src="/img/loader.svg"><br><br>Please wait while loading content ....<br><br></div>');
jQuery('#programs').load("/sri-lanka-tours/sri-lanka-tour-packages/?Offer="+Offer+"&Country="+Country+"&Category="+rootCategory+"&Style="+Style+"&Group="+Group+"&Activity="+Activity +"&Duration="+ Duration +"&sort="+sortType+"&price="+range, function(){
if (typeof homePackagesAfterLoad === 'function') {
homePackagesAfterLoad();
} else {
updateSiteRatesTop('1',false);
jQuery("img.lazy").lazyload({effect : "fadeIn"});
jQuery("div.lazy").lazyload({effect : "fadeIn"});
updatecount();
}
jQuery('input:radio').removeAttr("disabled");
var toursAnchor = document.getElementById('tours-anchor');
if (toursAnchor) {
toursAnchor.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
}
function updatecount(){
var progCount = jQuery('#programs_more').attr("progCount");
jQuery('#programs_count').html(progCount);
}
jQuery.material.init();
jQuery.material.checkbox();
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const overview = document.querySelector(".content_desc");
if (!overview) return;
const btn = overview.querySelector(".toggle-btn");
if (!btn) return;
const labelSpan = btn.querySelector("span");
const labelMore = "Read more";
const labelLess = "Read less";
btn.addEventListener("click", function () {
overview.classList.toggle("expanded");
const isExpanded = overview.classList.contains("expanded");
const label = isExpanded ? labelLess : labelMore;
if (labelSpan) {
labelSpan.textContent = label;
} else {
btn.textContent = label;
}
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const swiper = new Swiper('.gallerySwiper', {
slidesPerView: 1,
spaceBetween: 30,
loop: false,
speed: 800,
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// Update progress bar
on: {
init: function () {
updateProgressBar(this);
},
slideChange: function () {
updateProgressBar(this);
}
}
});
function updateProgressBar(slider) {
const totalSlides = slider.slides.length;
if (totalSlides <= 1) {
document.querySelector('.swiper-progress-bar').style.width = '100%';
return;
}
const currentIndex = slider.activeIndex;
const progress = (currentIndex / (totalSlides - 1)) * 100;
document.querySelector('.swiper-progress-bar').style.width = progress + '%';
}
});
</script>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
// Get section title from h1
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
// Find all view trip links on the page
if (typeof homeBindViewTripLinks === 'function') {
homeBindViewTripLinks();
return;
}
var viewTripLinks = document.querySelectorAll('.view-trip-link');
viewTripLinks.forEach(function(link) {
if (link.dataset.gtmBound === '1') return;
link.dataset.gtmBound = '1';
link.addEventListener('click', function(e) {
// Push tracking immediately (non-blocking)
var tourName = (this.getAttribute('data-tour-name') || '').toLowerCase();
var tourType = (this.getAttribute('data-tour-type') || 'private').toLowerCase();
var destination = (this.getAttribute('data-destination') || 'multi-country').toLowerCase();
var dataLayerEvent = {
'event': 'view_trip_details',
'tour_name': tourName,
'tour_type': tourType,
'section_title': sectionTitle,
'destination': destination
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
// Allow navigation to proceed immediately (no delay)
// The dataLayer push is synchronous and very fast
});
});
})();
</script>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
// Get section title from h1
var h1Element = document.querySelector('.banner_content h1');
var sectionTitle = h1Element ? h1Element.textContent.trim().toLowerCase() : 'explore trips';
// Track CTA button clicks
var ctaButtons = document.querySelectorAll('.content_button .cta-button');
ctaButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
// var ctaName = (this.getAttribute('data-cta-name') || this.textContent.trim()).toLowerCase();
var destination = (this.getAttribute('data-destination') || '').toLowerCase();
var dataLayerEvent = {
'event': 'cta_click',
'cta_name': 'help me plan my trip',
'section_title': sectionTitle,
'destination': destination
};
console.log('GTM Event Pushed:', dataLayerEvent);
window.dataLayer.push(dataLayerEvent);
});
});
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var swiper = new Swiper(".multiSwiper", {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 2.6,
spaceBetween: 20,
},
}
});
});
</script>
<script type="text/javascript">
var currenciesExArray = new Array();
var currenciesSignArray = new Array();
var currenciesAbbrevArray = new Array();
var currenciesAbbrevTextArray = new Array();
currenciesExArray['1'] = "1.00000";
currenciesSignArray['1'] ="US$";
currenciesAbbrevArray['1'] ="USD (US$)";
currenciesAbbrevTextArray['1'] ="USD";
currenciesExArray['2'] = "0.86010";
currenciesSignArray['2'] ="€";
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==.MDc1ZmFjMDk1ODYxNDViOGVlYWJkMGM3MmIxZDA1MTY4MzRlOTNkNjRiMDY1NjQ0ZGJhYjliZjI3MDNiNzNmZQlVvBC2u6KCXPqc2lE1IZAjWp8AFRTUpLq6oDpwyXmn',
'path' => '/',
'domain' => '',
'secure' => false,
'httpOnly' => false,
'expire' => '1783297711'
]
]
$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==.MDc1ZmFjMDk1ODYxNDViOGVlYWJkMGM3MmIxZDA1MTY4MzRlOTNkNjRiMDY1NjQ0ZGJhYjliZjI3MDNiNzNmZQlVvBC2u6KCXPqc2lE1IZAjWp8AFRTUpLq6oDpwyXmn',
'path' => '/',
'domain' => '',
'secure' => false,
'httpOnly' => false,
'expire' => '1783297711'
]
]
$cookie = [
'name' => 'Blog',
'value' => 'Q2FrZQ==.MDc1ZmFjMDk1ODYxNDViOGVlYWJkMGM3MmIxZDA1MTY4MzRlOTNkNjRiMDY1NjQ0ZGJhYjliZjI3MDNiNzNmZQlVvBC2u6KCXPqc2lE1IZAjWp8AFRTUpLq6oDpwyXmn',
'path' => '/',
'domain' => '',
'secure' => false,
'httpOnly' => false,
'expire' => '1783297711'
] 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 Top Sri lanka Tour Packages | Sri lanka Vacation Packages
Sri lanka Tour Packages
Explore the beauty of the pearl of the Indian Ocean with our Sri Lanka tour packages. From golden beaches and lush tea plantations to ancient temples and vibrant cities, Sri Lanka offers an unforgettable travel experience. Discover Colombo , the bustling capital where modern life meets colonial heritage, and visit Kandy , home to the sacred Temple of the Tooth.
Experience the scenic hill country of Nuwara Eliya and Ella , with rolling tea estates and misty mountains, or enjoy wildlife safaris in Yala and Udawalawe National Parks, spotting elephants, leopards, and exotic birds. Explore UNESCO World Heritage sites like Sigiriya and Polonnaruwa, where ancient rock fortresses and royal palaces reveal the island’s rich history.
Relax on the pristine beaches of Bentota, Unawatuna, and Mirissa, enjoy whale watching, and stroll through the historic streets of Galle Fort . Our Sri Lanka vacation packages combine culture, adventure, and relaxation, offering a seamless journey through stunning landscapes, vibrant traditions, and authentic local experiences.
Read more
Scroll Down
Highlights of Sri Lanka Tour Package
Experience 13 days in Sri Lanka journey with culture, wildlife and beaches from Sigiriya to Yala and Weligama.
Trip To Sri lanka: Tea Trails
Sri Lanka’s best tea trails await in Kandy and Nuwara Eliya, followed by Horton Plains views, Yala wildlife, and coastal Galle charm.
Treasures of Sri Lanka: 13 Days of Discovery
Explore Sri Lanka’s top gems, from Negombo and Habarana to Kandy, Ella, Yala, and Mirissa in one unforgettable travel package.
One Trip, Many Destinations
Combine incredible destinations with us into one unforgettable journey.
Book Multi-Country tours!
Sri Lanka Grand Tour in 16 Days
Sri Lanka Grand tour of top cities, safaris, caves, and tea country. Explore the best of Sri Lanka, book your tour now.
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 Sri Lanka?
Sri Lanka uses the Sri Lankan Rupee (LKR) as its official currency. Cash is widely used, especially in local markets, while credit and debit cards are accepted in most hotels, restaurants, and larger shops. ATMs are available in major cities and tourist areas.
How do I book and confirm a Sri Lanka tour?
Booking a tour is simple. Contact our representatives to plan your itinerary based on your budget, duration, and interests. Once your tour is finalized, you’ll receive a detailed itinerary. Confirm your reservation by paying the deposit via wire transfer or credit card (Visa or MasterCard are accepted).
Why choose our Sri Lanka tours?
Our Sri Lanka tours offer a perfect travel experience, covering all the main attractions of the island. Enjoy 5-star accommodations, expertly guided tours, and carefully planned itineraries that ensure you see the best of Sri Lanka comfortably and conveniently.
What is the traditional festival of Sri Lanka?
The most famous festival is Esala Perahera in Kandy, featuring dancers, drummers, and decorated elephants celebrating the sacred Tooth Relic. Other key festivals include Sinhala & Tamil New Year, Vesak, and Deepavali.
What should I try from Sri Lankan cuisine?
Sri Lankan cuisine is flavorful and diverse. Must-try dishes include:
Rice and curry – the staple meal with multiple curries and sambols
Hoppers (appa) – bowl-shaped pancakes, sometimes with an egg
Kottu roti – chopped flatbread stir-fried with vegetables, eggs, or meat
String hoppers (idiyappam) – steamed rice noodles served with curry
Seafood dishes – fresh fish, prawns, and crab prepared with local spices
Coconut sambol – a spicy coconut condiment served with many meals
Also try tropical fruits like mangos, pineapples, and rambutan, as well as traditional Ceylon tea from the hill country.
Do and don'ts in Sri Lanka?
Do:
Respect local customs, especially at temples.
Greet people politely and be friendly.
Use bottled water and practice basic hygiene.
Bargain politely in local markets.
Take care of wildlife and nature; follow park rules.
Don’t:
Don’t touch someone’s head, as it is considered sacred.
Don’t point your feet at religious objects or people.
Don’t litter or damage the environment.
Don’t photograph people without permission, especially monks.
Don’t engage in public displays of affection in conservative areas.
What should I pack for a Sri Lanka tour?
Pack light, breathable clothing for the tropical climate, a hat and sunglasses for sun protection, and comfortable walking shoes. Include modest clothing for temple visits, a light jacket for cooler hill-country areas, swimwear for beaches, insect repellent, sunscreen, and any personal medications you may need.
What should I wear on my Sri Lanka tour?
Light, breathable clothing is recommended due to the tropical climate. For visits to temples and religious sites, modest attire that covers shoulders and knees is required.
What is the best way to get around Sri Lanka?
The best way to travel around Sri Lanka depends on your itinerary. For comfort and flexibility, private drivers or guided tours are popular. Trains offer scenic routes, especially the famous Kandy to Ella journey. Buses and tuk-tuks are ideal for short distances or local travel, while domestic flights can save time for longer distances.
What language is mostly spoken in Sri Lanka?
The main languages spoken in Sri Lanka are Sinhala and Tamil. English is also widely used, especially in cities, tourist areas, and for business, making it easy for travelers to communicate.
What is so special about Sri Lanka?
Sri Lanka is special for its incredible diversity packed into a small island. In just a few hours of travel, you can experience tropical beaches, tea-covered mountains, ancient UNESCO World Heritage Sites, wildlife-rich national parks, and vibrant cultural traditions. The country is also known for its warm hospitality, flavorful cuisine, and year-round good weather, making it a unique destination for all types of travelers.
How much does a Sri Lanka tour cost?
The cost of a Sri Lanka tour can vary widely depending on factors such as your travel style, the number of days, the type of accommodation, and the activities included in your itinerary.
How many days do I need in Sri Lanka?
The ideal duration to explore Sri Lanka is 7–10 days for a standard itinerary, covering highlights like Colombo, Kandy, Sigiriya, Ella, and the southern beaches. For a more relaxed pace or to explore less-visited areas, 12–14 days is recommended.
What are 5 interesting facts about Sri Lanka?
Ancient cities: Home to historic sites like Anuradhapura and Polonnaruwa.
Wildlife: Rich biodiversity including elephants, leopards, and birds.
UNESCO sites: Eight cultural and natural heritage locations.
Ceylon tea: Famous for scenic tea plantations in Nuwara Eliya and Ella.
Beaches & surfing: Pristine beaches and top surfing spots like Mirissa and Arugam Bay.
Are any vaccines required for Sri Lanka tours?
Vaccinations for Sri Lanka are recommended, not mandatory. Common suggestions include Hepatitis A, Typhoid, and Tetanus. Yellow Fever vaccination is only required if arriving from a country where it’s present. Always check with your doctor before traveling.
What documents do I need for a Sri Lanka ETA?
To apply for a Sri Lanka ETA, you typically need:
A valid passport (with at least 6 months validity from your arrival date)
Your personal details (as they appear on your passport)
Travel details, including your intended arrival date
A valid email address to receive the ETA approval
A credit or debit card to pay the ETA fee
Do I need a visa to visit Sri Lanka?
Yes, you can easily apply online for an Electronic Travel Authorization (ETA) before arrival. It’s a quick process and usually approved within a short time. Some nationalities may also obtain a visa on arrival, but applying for the ETA in advance is recommended for a smoother entry.
Is Sri Lanka safe for tourists?
Yes, Sri Lanka is generally safe for tourists. Popular areas such as Colombo, Kandy, Galle, and major beach destinations are well-visited and welcoming. As with any destination, it’s wise to follow basic safety precautions, keep an eye on your belongings, and stay updated on local guidelines or weather conditions.
What is the best time to visit Sri Lanka?
The best time to visit the west and south coasts is December–March, and for the east coast April–September. With two monsoon seasons, Sri Lanka is a year-round destination, but the best period depends on your itinerary and preferred region.
What are the top things to do on Sri Lanka tours?
Explore ancient cities like Anuradhapura, Polonnaruwa, and Sigiriya Rock Fortress
Visit tea plantations in Nuwara Eliya and Ella
Go on wildlife safaris in Yala, Udawalawe, or Minneriya National Park
Relax on beautiful beaches in Mirissa, Bentota, Trincomalee, and Unawatuna
Ride the iconic train from Kandy to Ella for stunning mountain views
Discover cultural heritage at the Temple of the Tooth in Kandy
Try Sri Lankan cuisine, famous for curries, seafood, and spices
Enjoy water activities like surfing, diving, and whale watching
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
Top Rated Tours
Curated selection of our finest itineraries.
View Collection
Places to Visit
Find the perfect vibe for your next adventure.
View All Styles
Inspiring Articles
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
Culture
Culture
8 Etiquette Rules make your India Experience Hilarious!
Travelling to India is Hilarious! Get your Guide to the most common rules and etiquette to follow for a super smooth Indian Experience. Explore Now!
Read Article
Attractions
Attractions
5 Stunning Natural Wonders to Explore in Turkey
From surreal landscapes to hidden gems, explore the most breathtaking natural wonders in Turkey and uncover the untamed beauty behind the wonders of Turkey.
Read Article
Travel Tips
Travel Tips
Dahabiya vs Nile Cruise: Which Delivers the Better Experience?
Your honest guide to choosing between intimate dahabiya sailing and traditional Nile cruising
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
Guide
Know more with Memphis
From travel tips to destination highlights - Explore our travel guide!
Galle: Sri Lanka's Most Historic City
Discover Galle, Sri Lanka: historic Fort, beautiful beaches, vibrant streets, and unforgettable coastal charm.
Read Guide
Dambulla Cave Temple
Plan your visit to Dambulla Cave Temple with top highlights like cave murals, Buddha statues, panoramic views, plus useful visitor tips.
Read Guide
Why Visit Anuradhapura in Sri Lanka?
Explore Anuradhapura in Sri Lanka, home to sacred Buddhist sites, ancient ruins, massive dagobas, and unforgettable cultural experiences.
Read Guide
Discovering Colombo: Your Guide to Sri Lanka's Vibrant Capital
Your complete guide to Colombo, Sri Lanka: discover sights, food, nightlife, guided tours, weather, and travel tips for every visitor.
Read Guide
© 2026 Copyright to MEMPHIS TOURS
