<!DOCTYPE html>
<html lang="en-US" class="loading-site no-js">
<head>
	<meta charset="UTF-8" />
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="https://zastravel.vn/xmlrpc.php" />

	<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<title>Sapa &#8211; Zas Travel</title>
<meta name='robots' content='max-image-preview:large' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<meta name="viewport" content="width=device-width, initial-scale=1" /><link rel='prefetch' href='https://zastravel.vn/wp-content/themes/flatsome/assets/js/flatsome.js?ver=a0a7aee297766598a20e' />
<link rel='prefetch' href='https://zastravel.vn/wp-content/themes/flatsome/assets/js/chunk.slider.js?ver=3.18.7' />
<link rel='prefetch' href='https://zastravel.vn/wp-content/themes/flatsome/assets/js/chunk.popups.js?ver=3.18.7' />
<link rel='prefetch' href='https://zastravel.vn/wp-content/themes/flatsome/assets/js/chunk.tooltips.js?ver=3.18.7' />
<link rel='prefetch' href='https://zastravel.vn/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=49415fe6a9266f32f1f2' />
<link rel="alternate" type="application/rss+xml" title="Zas Travel &raquo; Feed" href="https://zastravel.vn/feed/" />
<link rel="alternate" type="application/rss+xml" title="Zas Travel &raquo; Sapa Category Feed" href="https://zastravel.vn/tour-category/tours/sapa/feed/" />
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://zastravel.vn/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.3' type='text/css' media='all' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel='stylesheet' id='fontAwesome-css' href='https://zastravel.vn/wp-content/themes/flatsome-child/statics/lib/fontawesome/v6/css/all.min.css?ver=6.8.3' type='text/css' media='all' />
<link rel='stylesheet' id='swiper-css-css' href='https://zastravel.vn/wp-content/themes/flatsome-child/statics/lib/swiper/swiper-bundle.min.css?ver=6.8.3' type='text/css' media='all' />
<link rel='stylesheet' id='datepicker-css-css' href='https://zastravel.vn/wp-content/themes/flatsome-child/statics/lib/date-picker/jquery-ui.css?ver=6.8.3' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-swatches-frontend-css' href='https://zastravel.vn/wp-content/themes/flatsome/assets/css/extensions/flatsome-swatches-frontend.css?ver=3.18.7' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-main-css' href='https://zastravel.vn/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.18.7' type='text/css' media='all' />
<style id='flatsome-main-inline-css' type='text/css'>
@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://zastravel.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.18.7);
				src:
					url(https://zastravel.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.18.7) format("embedded-opentype"),
					url(https://zastravel.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.18.7) format("woff2"),
					url(https://zastravel.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.18.7) format("truetype"),
					url(https://zastravel.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.18.7) format("woff"),
					url(https://zastravel.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.18.7#fl-icons) format("svg");
			}
</style>
<link rel='stylesheet' id='flatsome-shop-css' href='https://zastravel.vn/wp-content/themes/flatsome/assets/css/flatsome-shop.css?ver=3.18.7' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-style-css' href='https://zastravel.vn/wp-content/themes/flatsome-child/style.css?ver=3.0.7' type='text/css' media='all' />
<script type="text/javascript">
            window._nslDOMReady = (function () {
                const executedCallbacks = new Set();
            
                return function (callback) {
                    /**
                    * Third parties might dispatch DOMContentLoaded events, so we need to ensure that we only run our callback once!
                    */
                    if (executedCallbacks.has(callback)) return;
            
                    const wrappedCallback = function () {
                        if (executedCallbacks.has(callback)) return;
                        executedCallbacks.add(callback);
                        callback();
                    };
            
                    if (document.readyState === "complete" || document.readyState === "interactive") {
                        wrappedCallback();
                    } else {
                        document.addEventListener("DOMContentLoaded", wrappedCallback);
                    }
                };
            })();
        </script><script type="text/javascript" src="https://zastravel.vn/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://zastravel.vn/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://zastravel.vn/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.1.4" id="jquery-blockui-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/zastravel.vn\/cart\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type="text/javascript" src="https://zastravel.vn/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.1.4" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://zastravel.vn/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.1.4" id="js-cookie-js" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://zastravel.vn/wp-content/themes/flatsome-child/statics/lib/swiper/swiper-bundle.min.js?ver=6.8.3" id="swiper-js-js"></script>
<script type="text/javascript" src="https://zastravel.vn/wp-content/themes/flatsome-child/statics/lib/date-picker/datepick-ui.js?ver=6.8.3" id="datepicker-js-js"></script>
<script type="text/javascript" src="https://zastravel.vn/wp-content/themes/flatsome-child/statics/main.js?ver=6.8.3" id="main-script-js"></script>
<link rel="https://api.w.org/" href="https://zastravel.vn/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://zastravel.vn/wp-json/wp/v2/product_cat/136" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://zastravel.vn/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.3" />
<meta name="generator" content="WooCommerce 9.1.4" />
<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.title-main * {
    font-size: 2rem;
    letter-spacing: 0;
}

#header #woocommerce-product-search-field-0 {
    padding: 10px 30px;
}

#header .searchform button { 
	padding-right: 1.6em;
}


#header .searchform button:hover { 
	box-shadow: none;
}

.nav-uppercase>li>a {
    text-transform: capitalize;
    font-size: 1em !important;
}

.qty {
    background-color: #fff!important;
    border: 1px solid #f0f0f0!important;
	border-radius: 5px!important;
}

.woocommerce-billing-fields input[type=text], .woocommerce-billing-fields input[type=email], .woocommerce-billing-fields .select2-container .select2-selection, #billing_phone {
    box-shadow: none;
    border-radius: 5px;
    padding: 10px 15px;
    height: unset;
}

.select2-container .select2-choice>.select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection {
    line-height: 24px;
    padding: 0;
}

.product-small.box .box-text .product-title a, .recommended .post-title a, .box-blog-post .post-title a {
    font-size: 16px;
	font-weight: 500;
}
.price-from {
    font-size: 16px;
}

.recommended .is-link {
    text-align: center;
    font-size: 14px;
    margin-top: 0;
}
.guides-home .is-link {
    font-size: 14px;
}


.recommended .post-title a {
    height: 24px;
}

.form-container #checkboxForm  .form-item input {
    margin: 0 3px 0 7px;
	height: 15px;
    width: 15px;
    vertical-align: middle;
}
.form-container #checkboxForm .option-title {
    margin-top: 10px;
}

.box-filter .values {
    margin-bottom: 20px;
}
.select2-results__option {
    padding: 6px 12px;
    font-size: 15px;
}

.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {
    color: #ffd439;
}

.checkout ul li {
    padding-bottom: 7px;
}

.checkout ul li .tw-mt-2 {
	margin-left: 32px;
}
.form-date-price .submit-button p {
    text-align: left!important;
}

.box-des h3 a {
	color: #000;
}


.hashtags { 
	text-align: center;
}

.hashtags a { 
	display: inline-block;
    padding: 5px 15px;
    border: 1px solid #8e8e8e;
    border-radius: 25px;
    margin: 5px 7px;
	color: #4e4e4e;
	font-weight: 600;
}

.hashtags a:hover{ 
    color: #fff;
    background: #2092E4; 
}

.home-search { 
	max-width: 750px;
	margin: 0 auto;
}

.live-search-results {
	background: #fff;
    color: #000;
	border-radius: 4px;
}

.home-search .searchform-wrapper .autocomplete-suggestions {
    max-height: 20vh;
}

@media (max-width: 768px) {
	.home-search .searchform-wrapper .autocomplete-suggestions {
		max-height: 40vh;
	}
	
	#woocommerce-product-search-field-0 {
		font-size: 13px;
	}
}

.dark .price, .dark .price del, .dark span.amount {
    color: #000;
}

.breadcrumb li:last-child {
	display: none;
}

.search-live-product .fa-location-dot {
    left: 15px!important;
    color: #000;
}

.autocomplete-suggestion img+.search-name {
    font-size: 14px;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { 
	display: none;
}

.box-rcm h4, .product-small.box .box-text .product-title a, .recommended .post-title a, .box-blog-post .post-title a {
    font-size: 18px;
}

.box-rcm a, .guides-home .is-link {
	font-size: 16px;
}

.guides-home .is-link {
	font-weight: 500;
}

.checkbox-label, .option-title, .travel-tour-item__desc, #wpcf7-f209-o1 .form-group label {
    font-size: 16px;
}

#country_code_select {
    top: -14px;
    left: 4px;
}

#billing_phone_field .input-text {
    padding-left: 120px;
}</style>
<!-- end Simple Custom CSS and JS -->
<style>.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}</style>	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<style class='wp-fonts-local' type='text/css'>
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://zastravel.vn/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://zastravel.vn/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');}
</style>
<link rel="icon" href="https://zastravel.vn/wp-content/uploads/2024/07/cropped-ztv-100x100.png" sizes="32x32" />
<link rel="icon" href="https://zastravel.vn/wp-content/uploads/2024/07/cropped-ztv-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://zastravel.vn/wp-content/uploads/2024/07/cropped-ztv-300x300.png" />
<meta name="msapplication-TileImage" content="https://zastravel.vn/wp-content/uploads/2024/07/cropped-ztv-300x300.png" />
<style type="text/css">div.nsl-container[data-align="left"] {
    text-align: left;
}

div.nsl-container[data-align="center"] {
    text-align: center;
}

div.nsl-container[data-align="right"] {
    text-align: right;
}


div.nsl-container div.nsl-container-buttons a[data-plugin="nsl"] {
    text-decoration: none;
    box-shadow: none;
    border: 0;
}

div.nsl-container .nsl-container-buttons {
    display: flex;
    padding: 5px 0;
}

div.nsl-container.nsl-container-block .nsl-container-buttons {
    display: inline-grid;
    grid-template-columns: minmax(145px, auto);
}

div.nsl-container-block-fullwidth .nsl-container-buttons {
    flex-flow: column;
    align-items: center;
}

div.nsl-container-block-fullwidth .nsl-container-buttons a,
div.nsl-container-block .nsl-container-buttons a {
    flex: 1 1 auto;
    display: block;
    margin: 5px 0;
    width: 100%;
}

div.nsl-container-inline {
    margin: -5px;
    text-align: left;
}

div.nsl-container-inline .nsl-container-buttons {
    justify-content: center;
    flex-wrap: wrap;
}

div.nsl-container-inline .nsl-container-buttons a {
    margin: 5px;
    display: inline-block;
}

div.nsl-container-grid .nsl-container-buttons {
    flex-flow: row;
    align-items: center;
    flex-wrap: wrap;
}

div.nsl-container-grid .nsl-container-buttons a {
    flex: 1 1 auto;
    display: block;
    margin: 5px;
    max-width: 280px;
    width: 100%;
}

@media only screen and (min-width: 650px) {
    div.nsl-container-grid .nsl-container-buttons a {
        width: auto;
    }
}

div.nsl-container .nsl-button {
    cursor: pointer;
    vertical-align: top;
    border-radius: 4px;
}

div.nsl-container .nsl-button-default {
    color: #fff;
    display: flex;
}

div.nsl-container .nsl-button-icon {
    display: inline-block;
}

div.nsl-container .nsl-button-svg-container {
    flex: 0 0 auto;
    padding: 8px;
    display: flex;
    align-items: center;
}

div.nsl-container svg {
    height: 24px;
    width: 24px;
    vertical-align: top;
}

div.nsl-container .nsl-button-default div.nsl-button-label-container {
    margin: 0 24px 0 12px;
    padding: 10px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .25px;
    overflow: hidden;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    flex: 1 1 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    display: inline-block;
}

div.nsl-container .nsl-button-google[data-skin="light"] {
    box-shadow: inset 0 0 0 1px #747775;
    color: #1f1f1f;
}

div.nsl-container .nsl-button-google[data-skin="dark"] {
    box-shadow: inset 0 0 0 1px #8E918F;
    color: #E3E3E3;
}

div.nsl-container .nsl-button-google[data-skin="neutral"] {
    color: #1F1F1F;
}

div.nsl-container .nsl-button-google div.nsl-button-label-container {
    font-family: "Roboto Medium", Roboto, Helvetica, Arial, sans-serif;
}

div.nsl-container .nsl-button-apple .nsl-button-svg-container {
    padding: 0 6px;
}

div.nsl-container .nsl-button-apple .nsl-button-svg-container svg {
    height: 40px;
    width: auto;
}

div.nsl-container .nsl-button-apple[data-skin="light"] {
    color: #000;
    box-shadow: 0 0 0 1px #000;
}

div.nsl-container .nsl-button-facebook[data-skin="white"] {
    color: #000;
    box-shadow: inset 0 0 0 1px #000;
}

div.nsl-container .nsl-button-facebook[data-skin="light"] {
    color: #1877F2;
    box-shadow: inset 0 0 0 1px #1877F2;
}

div.nsl-container .nsl-button-spotify[data-skin="white"] {
    color: #191414;
    box-shadow: inset 0 0 0 1px #191414;
}

div.nsl-container .nsl-button-apple div.nsl-button-label-container {
    font-size: 17px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

div.nsl-container .nsl-button-slack div.nsl-button-label-container {
    font-size: 17px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

div.nsl-container .nsl-button-slack[data-skin="light"] {
    color: #000000;
    box-shadow: inset 0 0 0 1px #DDDDDD;
}

div.nsl-container .nsl-button-tiktok[data-skin="light"] {
    color: #161823;
    box-shadow: 0 0 0 1px rgba(22, 24, 35, 0.12);
}


div.nsl-container .nsl-button-kakao {
    color: rgba(0, 0, 0, 0.85);
}

.nsl-clear {
    clear: both;
}

.nsl-container {
    clear: both;
}

.nsl-disabled-provider .nsl-button {
    filter: grayscale(1);
    opacity: 0.8;
}

/*Button align start*/

div.nsl-container-inline[data-align="left"] .nsl-container-buttons {
    justify-content: flex-start;
}

div.nsl-container-inline[data-align="center"] .nsl-container-buttons {
    justify-content: center;
}

div.nsl-container-inline[data-align="right"] .nsl-container-buttons {
    justify-content: flex-end;
}


div.nsl-container-grid[data-align="left"] .nsl-container-buttons {
    justify-content: flex-start;
}

div.nsl-container-grid[data-align="center"] .nsl-container-buttons {
    justify-content: center;
}

div.nsl-container-grid[data-align="right"] .nsl-container-buttons {
    justify-content: flex-end;
}

div.nsl-container-grid[data-align="space-around"] .nsl-container-buttons {
    justify-content: space-around;
}

div.nsl-container-grid[data-align="space-between"] .nsl-container-buttons {
    justify-content: space-between;
}

/* Button align end*/

/* Redirect */

#nsl-redirect-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(1px);
    background-color: RGBA(0, 0, 0, .32);;
}

#nsl-redirect-overlay-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 30px;
    border-radius: 10px;
}

#nsl-redirect-overlay-spinner {
    content: '';
    display: block;
    margin: 20px;
    border: 9px solid RGBA(0, 0, 0, .6);
    border-top: 9px solid #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, .6), 0 0 0 1px RGBA(0, 0, 0, .6);
    width: 40px;
    height: 40px;
    animation: nsl-loader-spin 2s linear infinite;
}

@keyframes nsl-loader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

#nsl-redirect-overlay-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #3C434A;
}

#nsl-redirect-overlay-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    text-align: center;
    font-size: 14px;
    color: #3C434A;
}

/* Redirect END*/</style><style type="text/css">/* Notice fallback */
#nsl-notices-fallback {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 10000;
}

.admin-bar #nsl-notices-fallback {
    top: 42px;
}

#nsl-notices-fallback > div {
    position: relative;
    background: #fff;
    border-left: 4px solid #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin: 5px 15px 2px;
    padding: 1px 20px;
}

#nsl-notices-fallback > div.error {
    display: block;
    border-left-color: #dc3232;
}

#nsl-notices-fallback > div.updated {
    display: block;
    border-left-color: #46b450;
}

#nsl-notices-fallback p {
    margin: .5em 0;
    padding: 2px;
}

#nsl-notices-fallback > div:after {
    position: absolute;
    right: 5px;
    top: 5px;
    content: '\00d7';
    display: block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}</style><style id="custom-css" type="text/css">:root {--primary-color: #2092e4;--fs-color-primary: #2092e4;--fs-color-secondary: #2092e4;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #334862;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.off-canvas .mfp-content.off-canvas-cart {--drawer-width: 360px;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1250px}.row.row-collapse{max-width: 1220px}.row.row-small{max-width: 1242.5px}.row.row-large{max-width: 1280px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #ffffff}.header-main{height: 100px}#logo img{max-height: 100px}#logo{width:140px;}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 90px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bottom {background-color: #f1f1f1}@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}body{color: #4a4747}body{font-size: 110%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Jost, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Jost, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Jost, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 500;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Jost, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: Jost, sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 0px!important;width: 0px!important;}}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style>		<style type="text/css" id="wp-custom-css">
			#woocommerce-product-search-field-0 {
    box-shadow: none;
    border-radius: 50px;
    padding: 0 20px 0 40px;
    line-height: 14px;
	background-color: #FFF;
	height: 46px;
}
.search-live-product .fa-location-dot {
	position: absolute;
    z-index: 99;
    top: 13px;
    font-size: 20px;
    left: 10px;
}
.searchform-wrapper .searchform .ux-search-submit {
    position: absolute;
    right: 7px;
    border-radius: 16px !important;
    padding: 6px 25px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 1.3em;
    min-height: unset;
    top: 6px;
}
.searchform {
	margin-top: 20px;
}		</style>
		<style id="flatsome-swatches-css" type="text/css"></style><style id="kirki-inline-styles">/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://zastravel.vn/wp-content/fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}</style></head>

<body class="archive tax-product_cat term-sapa term-136 wp-theme-flatsome wp-child-theme-flatsome-child theme-flatsome woocommerce woocommerce-page woocommerce-no-js lightbox nav-dropdown-has-arrow nav-dropdown-has-shadow nav-dropdown-has-border">


<a class="skip-link screen-reader-text" href="#main">Skip to content</a>

<div id="wrapper">

	
	<header id="header" class="header has-sticky sticky-jump">
		<div class="header-wrapper">
			<div id="masthead" class="header-main ">
      <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">

          <!-- Logo -->
          <div id="logo" class="flex-col logo">
            
<!-- Header logo -->
<a href="https://zastravel.vn/" title="Zas Travel" rel="home">
		<img width="500" height="202" src="https://zastravel.vn/wp-content/uploads/2024/07/ztv.png" class="header_logo header-logo" alt="Zas Travel"/><img  width="500" height="202" src="https://zastravel.vn/wp-content/uploads/2024/07/ztv.png" class="header-logo-dark" alt="Zas Travel"/></a>
          </div>

          <!-- Mobile Left Elements -->
          <div class="flex-col show-for-medium flex-left">
            <ul class="mobile-nav nav nav-left ">
              <li class="nav-icon has-icon">
  		<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="dark" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">

		  <i class="icon-menu" ></i>
		  		</a>
	</li>
            </ul>
          </div>

          <!-- Left Elements -->
          <div class="flex-col hide-for-medium flex-left
            flex-grow">
            <ul class="header-nav header-nav-main nav nav-left  nav-uppercase" >
                          </ul>
          </div>

          <!-- Right Elements -->
          <div class="flex-col hide-for-medium flex-right">
            <ul class="header-nav header-nav-main nav nav-right  nav-uppercase">
              <li id="menu-item-552" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-552 menu-item-design-default has-dropdown"><a href="#" class="nav-top-link" aria-expanded="false" aria-haspopup="menu">Activities<i class="icon-angle-down" ></i></a>
<ul class="sub-menu nav-dropdown nav-dropdown-default">
	<li id="menu-item-42" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42"><a href="#">Cruises</a></li>
	<li id="menu-item-553" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-553"><a href="#">Flights</a></li>
	<li id="menu-item-554" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-554"><a href="#">Hotels</a></li>
	<li id="menu-item-555" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-555"><a href="#">Tickets</a></li>
</ul>
</li>
<li id="menu-item-40" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat current-product_cat-ancestor menu-item-40 menu-item-design-container-width menu-item-has-block has-dropdown"><a href="https://zastravel.vn/tour-category/tours/" class="nav-top-link" aria-expanded="false" aria-haspopup="menu">Tours<i class="icon-angle-down" ></i></a><div class="sub-menu nav-dropdown"><div class="row"  id="row-646162157">


	<div id="col-1002596158" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

<div class="container section-title-container" ><h4 class="section-title section-title-normal"><b></b><span class="section-title-main" style="font-size:75%;">North Vietnam</span><b></b></h4></div>

	<div class="ux-menu stack stack-col justify-start ux-menu--divider-solid">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/ha-noi-capital/" >
						<span class="ux-menu-link__text">
				Hanoi Capital			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/sapa/" >
						<span class="ux-menu-link__text">
				Sapa			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/ha-long-bay/" >
						<span class="ux-menu-link__text">
				Ha Long Bay			</span>
		</a>
	</div>
	


	</div>
	
	<div class="ux-menu stack stack-col justify-start ux-menu--divider-solid">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/ha-giang/" >
						<span class="ux-menu-link__text">
				Ha Giang			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/ninh-binh/" >
						<span class="ux-menu-link__text">
				Ninh Binh			</span>
		</a>
	</div>
	


	</div>
	

		</div>
					</div>

	

	<div id="col-240035747" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

<div class="container section-title-container" ><h4 class="section-title section-title-normal"><b></b><span class="section-title-main" style="font-size:75%;">Central Vietnam</span><b></b></h4></div>

	<div class="ux-menu stack stack-col justify-start ux-menu--divider-solid">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/hoi-an-ancient-town/" >
						<span class="ux-menu-link__text">
				Hoi An			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/danang/" >
						<span class="ux-menu-link__text">
				Danang			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/nha-trang/" >
						<span class="ux-menu-link__text">
				Nha Trang			</span>
		</a>
	</div>
	


	</div>
	
	<div class="ux-menu stack stack-col justify-start ux-menu--divider-solid">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/dalat/" >
						<span class="ux-menu-link__text">
				Dalat			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/hue/" >
						<span class="ux-menu-link__text">
				Hue			</span>
		</a>
	</div>
	


	</div>
	

		</div>
					</div>

	

	<div id="col-349305726" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

<div class="container section-title-container" ><h4 class="section-title section-title-normal"><b></b><span class="section-title-main" style="font-size:75%;">South Vietnam</span><b></b></h4></div>

	<div class="ux-menu stack stack-col justify-start ux-menu--divider-solid">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/ho-chi-minh-city/" >
						<span class="ux-menu-link__text">
				Ho Chi Minh			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/mekong-delta/" >
						<span class="ux-menu-link__text">
				Mekong Delta			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/cu-chi/" >
						<span class="ux-menu-link__text">
				Cu Chi			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/phu-quoc-island" >
						<span class="ux-menu-link__text">
				Phu Quoc			</span>
		</a>
	</div>
	


	</div>
	
	<div class="ux-menu stack stack-col justify-start ux-menu--divider-solid">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn" >
						<span class="ux-menu-link__text">
				Phan Thiet			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/vung-tau" >
						<span class="ux-menu-link__text">
				Vung Tau			</span>
		</a>
	</div>
	


	</div>
	

		</div>
					</div>

	

	<div id="col-1843464122" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

<div class="container section-title-container" ><h4 class="section-title section-title-normal"><b></b><span class="section-title-main" style="font-size:75%;">Travel Style</span><b></b></h4></div>

	<div class="ux-menu stack stack-col justify-start ux-menu--divider-solid">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/tour-category/tours/?nature_adventure=hiking_trekking" >
						<span class="ux-menu-link__text">
				Hikking and Trekking			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/tour-category/tours/?nature_adventure=multi_sport" >
						<span class="ux-menu-link__text">
				Golf Tour			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://zastravel.vn/tour-category/tours/" >
						<span class="ux-menu-link__text">
				Family Tour			</span>
		</a>
	</div>
	


	</div>
	

		</div>
					</div>

	


<style>
#row-646162157 > .col > .col-inner {
  padding: 20px 20px 0px 20px;
}
</style>
</div></div></li>
<li id="menu-item-41" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-41 menu-item-design-default"><a href="https://zastravel.vn/tour-category/hot-deals/" class="nav-top-link">Hot Deals</a></li>
<li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44 menu-item-design-default"><a href="https://zastravel.vn/about-us/" class="nav-top-link">About Us</a></li>
<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45 menu-item-design-default"><a href="https://zastravel.vn/contact-us/" class="nav-top-link">Contact Us</a></li>
<li class="header-divider"></li><li class="account-item has-icon
    "
>
<div class="header-button">
<a href="https://zastravel.vn/my-account/"
    class="nav-top-link nav-top-not-logged-in icon button circle is-outline is-small"
    data-open="#login-form-popup"  >
  <i class="icon-user" ></i>
</a>

</div>

</li>
            </ul>
          </div>

          <!-- Mobile Right Elements -->
          <div class="flex-col show-for-medium flex-right">
            <ul class="mobile-nav nav nav-right ">
              <li class="account-item has-icon">
<div class="header-button">	<a href="https://zastravel.vn/my-account/"
	class="account-link-mobile icon button circle is-outline is-small" title="My account">
	  <i class="icon-user" ></i>	</a>
</div></li>
            </ul>
          </div>

      </div>

            <div class="container"><div class="top-divider full-width"></div></div>
      </div>

<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div>		</div>
	</header>

	<!-- <div class="shop-page-title category-page-title page-title ">
	<div class="page-title-inner flex-row  medium-flex-wrap container">
		<div class="flex-col flex-grow medium-text-center">
			<div class="is-large">
	<nav class="woocommerce-breadcrumb breadcrumbs uppercase"><a href="https://zastravel.vn/tour-category/tours/">Tours</a> <span class="divider">&#47;</span> Sapa</nav></div>
<div class="category-filtering category-filter-row show-for-medium">
	<a href="#" data-open="#shop-sidebar" data-visible-after="true" data-pos="left" class="filter-button uppercase plain">
		<i class="icon-equalizer"></i>
		<strong>Filter</strong>
	</a>
	<div class="inline-block">
			</div>
</div>
		</div>
		<div class="flex-col medium-text-center">
					</div>
	</div>
</div> -->
<div class="row">
	<div class="col large-12">
				<div class="header-search-form-wrapper search-live-product">
			<div class="searchform-wrapper ux-search-box relative is-normal">
				<form role="search" method="get" class="searchform" action="https://zastravel.vn/" siq_id="autopick_p4xgg8n9e1">
					<div class="flex-row relative">
						<div class="flex-col flex-grow">
							<input type="search" id="woocommerce-product-search-field-0" class="search-field mb-0" placeholder="Type anything to search..." value="" name="s" autocomplete="off">
							<i class="fa-light fa-location-dot"></i>
							<button type="submit" value="Search" class="ux-search-submit submit-button secondary button  icon mb-0" aria-label="Submit">Search</button>
							<input type="hidden" name="post_type" value="product">
						</div>
					</div>
					<div class="live-search-results text-left z-top"><div class="autocomplete-suggestions" style="position: absolute; display: none; max-height: 300px; z-index: 9999;"></div></div>
				</form>
			</div>	
		</div>
		</div>
</div>
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_784098954">
								<div class="img-inner dark" >
			<img width="2560" height="800" src="https://zastravel.vn/wp-content/uploads/2024/06/Tourgroup-scaled.png" class="attachment-original size-original" alt="" decoding="async" fetchpriority="high" srcset="https://zastravel.vn/wp-content/uploads/2024/06/Tourgroup-scaled.png 2560w, https://zastravel.vn/wp-content/uploads/2024/06/Tourgroup-300x94.png 300w, https://zastravel.vn/wp-content/uploads/2024/06/Tourgroup-1024x320.png 1024w, https://zastravel.vn/wp-content/uploads/2024/06/Tourgroup-768x240.png 768w, https://zastravel.vn/wp-content/uploads/2024/06/Tourgroup-1536x480.png 1536w, https://zastravel.vn/wp-content/uploads/2024/06/Tourgroup-2048x640.png 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />						
					</div>
								
<style>
#image_784098954 {
  width: 100%;
}
</style>
	</div>
	
	<main id="main" class="">
<input type="hidden" id="term_id" value="136">
<div class="row category-page-row">
		<div class="col large-3 ">
						<div id="shop-sidebar" class="sidebar-inner col-inner">
				<div class="filter-contaner"> <div class="closed-filter show-for-small"><i class="fa-solid fa-xmark"></i></div>    <div class="form-container">
        <form id="checkboxForm" action="" method="GET">
                <div class="box-filter box-applied" style="display: none;">
                    <div class="form-group">
                        <h5 class="sidebar_block__title">Show Filters Applied</h5>
                        <div class="box-apply">
                            <ul id="active-filters">
                                                            </ul>
                            <a class="travel_sidebar_filter__btn" href="/tour-category/tours/sapa/">Clear Filter &amp; Sort</a>
                        </div>
                    </div>
                </div>
<!--             <div class="box-filter">
                <div class="form-group">
                    <h5 class="sidebar_block__title">Duration</h5>
                    <div class="wrapper">
                    <div class="values">
                        <div>
                            <b>Min.</b> <span id="range1">  day</span>
                        </div>
                        <div>
                            <b>Max.</b> <span id="range2">  days</span>
                        </div>
                    </div>
                    <div class="container">
                        <div class="slider-track"></div>
                        <input type="range" min="1" max="30" name="duration" value="" id="slider-1" oninput="slideOne()">
                        <input type="range" min="1" max="30" name="duration" value="" id="slider-2" oninput="slideTwo()">
                    </div>
                    </div>
                </div>
            </div> -->
            <div class="box-filter">
                <h5 class="sidebar_block__title">Travel Styles</h5>
                                        <div class="form-group">
                            <div class="option-title">
                                <i class="fa-light fa-angle-down"></i>
                                <span>Festival & Events</span>
                            </div>
                            <div id="festival_events" class="checkboxes"  >
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="festival_events-festival_events" name="festival_events" label="Festival & Events" value="festival_events"  >
                                            <label for="festival_events-festival_events" class="checkbox-label">Festival & Events</label>
                                        </div>
                                                            </div>
                        </div>
                                            <div class="form-group">
                            <div class="option-title">
                                <i class="fa-light fa-angle-down"></i>
                                <span>Cultural</span>
                            </div>
                            <div id="cultural" class="checkboxes"  >
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-coach_bus" name="cultural" label="Coach/Bus" value="coach_bus"  >
                                            <label for="cultural-coach_bus" class="checkbox-label">Coach/Bus</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-cultural" name="cultural" label="Cultural" value="cultural"  >
                                            <label for="cultural-cultural" class="checkbox-label">Cultural</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-discovery" name="cultural" label="Discovery" value="discovery"  >
                                            <label for="cultural-discovery" class="checkbox-label">Discovery</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-family" name="cultural" label="Family" value="family"  >
                                            <label for="cultural-family" class="checkbox-label">Family</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-hiking_trekking" name="cultural" label="Hiking & Trekking" value="hiking_trekking"  >
                                            <label for="cultural-hiking_trekking" class="checkbox-label">Hiking & Trekking</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-in_depth_cultural" name="cultural" label="In-depth Cultural" value="in_depth_cultural"  >
                                            <label for="cultural-in_depth_cultural" class="checkbox-label">In-depth Cultural</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-local_living" name="cultural" label="Local Living" value="local_living"  >
                                            <label for="cultural-local_living" class="checkbox-label">Local Living</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="cultural-train_rail" name="cultural" label="Train & Rail" value="train_rail"  >
                                            <label for="cultural-train_rail" class="checkbox-label">Train & Rail</label>
                                        </div>
                                                            </div>
                        </div>
                                            <div class="form-group">
                            <div class="option-title">
                                <i class="fa-light fa-angle-down"></i>
                                <span>Nature & Adventure</span>
                            </div>
                            <div id="nature_adventure" class="checkboxes" style="display:none;" >
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="nature_adventure-adventure" name="nature_adventure" label="Adventure" value="adventure"  >
                                            <label for="nature_adventure-adventure" class="checkbox-label">Adventure</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="nature_adventure-beach" name="nature_adventure" label="Beach" value="beach"  >
                                            <label for="nature_adventure-beach" class="checkbox-label">Beach</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="nature_adventure-bicycle" name="nature_adventure" label="Bicycle" value="bicycle"  >
                                            <label for="nature_adventure-bicycle" class="checkbox-label">Bicycle</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="nature_adventure-hiking_trekking" name="nature_adventure" label="Hiking & Trekking" value="hiking_trekking"  >
                                            <label for="nature_adventure-hiking_trekking" class="checkbox-label">Hiking & Trekking</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="nature_adventure-kayaking" name="nature_adventure" label="Kayaking" value="kayaking"  >
                                            <label for="nature_adventure-kayaking" class="checkbox-label">Kayaking</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="nature_adventure-multi_sport" name="nature_adventure" label="Multi-Sport" value="multi_sport"  >
                                            <label for="nature_adventure-multi_sport" class="checkbox-label">Multi-Sport</label>
                                        </div>
                                                            </div>
                        </div>
                                            <div class="form-group">
                            <div class="option-title">
                                <i class="fa-light fa-angle-down"></i>
                                <span>Marine</span>
                            </div>
                            <div id="marine" class="checkboxes" style="display:none;" >
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="marine-cruise" name="marine" label="Cruise" value="cruise"  >
                                            <label for="marine-cruise" class="checkbox-label">Cruise</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="marine-ocean_cruise" name="marine" label="Ocean Cruise" value="ocean_cruise"  >
                                            <label for="marine-ocean_cruise" class="checkbox-label">Ocean Cruise</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="marine-river_cruise" name="marine" label="River Cruise" value="river_cruise"  >
                                            <label for="marine-river_cruise" class="checkbox-label">River Cruise</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="marine-sailing" name="marine" label="Sailing" value="sailing"  >
                                            <label for="marine-sailing" class="checkbox-label">Sailing</label>
                                        </div>
                                                            </div>
                        </div>
                                            <div class="form-group">
                            <div class="option-title">
                                <i class="fa-light fa-angle-down"></i>
                                <span>Independent</span>
                            </div>
                            <div id="independent" class="checkboxes" style="display:none;" >
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="independent-flexi" name="independent" label="Flexi" value="flexi"  >
                                            <label for="independent-flexi" class="checkbox-label">Flexi</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="independent-hop_on_off" name="independent" label="Hop On/Off" value="hop_on_off"  >
                                            <label for="independent-hop_on_off" class="checkbox-label">Hop On/Off</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="independent-private_custom" name="independent" label="Private & Custom" value="private_custom"  >
                                            <label for="independent-private_custom" class="checkbox-label">Private & Custom</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="independent-self_drive" name="independent" label="Self Drive" value="self_drive"  >
                                            <label for="independent-self_drive" class="checkbox-label">Self Drive</label>
                                        </div>
                                                            </div>
                        </div>
                                            <div class="form-group">
                            <div class="option-title">
                                <i class="fa-light fa-angle-down"></i>
                                <span>Special Interest</span>
                            </div>
                            <div id="special_interest" class="checkboxes" style="display:none;" >
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="special_interest-photography" name="special_interest" label="Photography" value="photography"  >
                                            <label for="special_interest-photography" class="checkbox-label">Photography</label>
                                        </div>
                                                                        <div class="form-item">
                                            <input type="checkbox" class="checkbox-travel-style" id="special_interest-volunteer_community" name="special_interest" label="Volunteer/Community" value="volunteer_community"  >
                                            <label for="special_interest-volunteer_community" class="checkbox-label">Volunteer/Community</label>
                                        </div>
                                                            </div>
                        </div>
                    				 <div class="form-group">
					 <div class="option-title">
						 <i class="fa-light fa-angle-down"></i>
						 <span>Cities</span>
					</div>
						 									<div id="cites" class="checkboxes" style="display:none">
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-124" name="categories[]" value="124">
												<label for="category-124" class="checkbox-label">
													Cai Be												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-135" name="categories[]" value="135">
												<label for="category-135" class="checkbox-label">
													Can Gio												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-120" name="categories[]" value="120">
												<label for="category-120" class="checkbox-label">
													Cu Chi												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-109" name="categories[]" value="109">
												<label for="category-109" class="checkbox-label">
													Da Lat												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-131" name="categories[]" value="131">
												<label for="category-131" class="checkbox-label">
													Da Nang												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-274" name="categories[]" value="274">
												<label for="category-274" class="checkbox-label">
													Dong Hoi												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-231" name="categories[]" value="231">
												<label for="category-231" class="checkbox-label">
													Dong Nai												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-134" name="categories[]" value="134">
												<label for="category-134" class="checkbox-label">
													Ha Giang												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-118" name="categories[]" value="118">
												<label for="category-118" class="checkbox-label">
													Ha Long												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-122" name="categories[]" value="122">
												<label for="category-122" class="checkbox-label">
													Hanoi												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-108" name="categories[]" value="108">
												<label for="category-108" class="checkbox-label">
													Ho Chi Minh City												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-133" name="categories[]" value="133">
												<label for="category-133" class="checkbox-label">
													Hoa Lu												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-123" name="categories[]" value="123">
												<label for="category-123" class="checkbox-label">
													Hoi An												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-238" name="categories[]" value="238">
												<label for="category-238" class="checkbox-label">
													Hue												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-119" name="categories[]" value="119">
												<label for="category-119" class="checkbox-label">
													Mekong Delta												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-125" name="categories[]" value="125">
												<label for="category-125" class="checkbox-label">
													Mui Ne												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-128" name="categories[]" value="128">
												<label for="category-128" class="checkbox-label">
													My Son												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-127" name="categories[]" value="127">
												<label for="category-127" class="checkbox-label">
													Nam Cat Tien												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-130" name="categories[]" value="130">
												<label for="category-130" class="checkbox-label">
													Nha Trang												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-117" name="categories[]" value="117">
												<label for="category-117" class="checkbox-label">
													Ninh Binh												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-273" name="categories[]" value="273">
												<label for="category-273" class="checkbox-label">
													Phong Nha												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-126" name="categories[]" value="126">
												<label for="category-126" class="checkbox-label">
													Phu Quoc												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-136" name="categories[]" value="136">
												<label for="category-136" class="checkbox-label">
													Sapa												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-132" name="categories[]" value="132">
												<label for="category-132" class="checkbox-label">
													Trang An												</label>
											</div>
																					<div class="form-item">
												<input type="checkbox" class="checkbox-travel-style" id="category-129" name="categories[]" value="129">
												<label for="category-129" class="checkbox-label">
													Vung Tau												</label>
											</div>
																			</div>
													 
				</div>
            </div>
<!--             <div class="box-filter">
                <div class="form-group">
                    <h5 class="sidebar_block__title">Must-see cities</h5>
                    <select class="select-province" id="select-province" name="province[]" multiple>
                        <option value="1">Option</option>
                                            </select>
                </div>
            </div> -->
        </form>
    </div>


    <link rel="stylesheet" href="https://zastravel.vn/wp-content/themes/flatsome-child/statics/lib/select2/select2.min.css">
    <script src="https://zastravel.vn/wp-content/themes/flatsome-child/statics/lib/select2/select2.min.js"></script>

    <script>
        jQuery(document).ready(function() {
			
            jQuery('.option-title').click(function() {
                jQuery(this).siblings('.checkboxes').toggle();
            });
			jQuery('.action-show-filter').click(function() {
                jQuery('.filter-contaner').toggle("slow");
            });
			jQuery('.closed-filter').click(function() {
                jQuery('.filter-contaner').toggle("slow");
            });
//             jQuery('.select-province').select2({
//                 placeholder: "Type to search a city...",
//                 allowClear: true
//             });
//             jQuery(".select-province option[value='1']").attr('disabled','disabled');
            const form = document.getElementById('checkboxForm');
            const checkboxes = form.querySelectorAll('input[type="checkbox"]');

            checkboxes.forEach(function(checkbox) {
                checkbox.addEventListener('change', function() {
                    combineCheckboxValues();
                });
            });

//             const rangeDuration = form.querySelectorAll('input[type="range"]');
//             rangeDuration.forEach(function(checkbox) {
//                 checkbox.addEventListener('change', function() {
//                     combineCheckboxValues(form);
//                 });
//             });

//             jQuery('#select-province').on('select2:select', function (e) {
//                 combineCheckboxValues(paged);
//             });
// 			var provinceParam = getQueryParam("province");
// 			if (provinceParam) {
// 				jQuery('.select-province').val([provinceParam]);
// 				jQuery('.select-province').trigger('change');
// 				combineCheckboxValues();
// 			}

// 			jQuery(document).on('click', '.province-delete', function (e) {
// 				var provinceId = jQuery(this).data('id');
//                 combineCheckboxValues(1 ,true,provinceId );
//             });
// 			jQuery(document).on('click', '.duration-delete', function (e) {
//                 combineCheckboxValues(form ,false, true);
//             });
//             slideOne();
//             slideTwo();
			
			jQuery(document).on('click', '#active-filters li', function() {
                var dataKey = jQuery(this).data('key');
                // Tìm tất cả các checkbox có value bằng với dataKey và trigger click
                jQuery('input[type="checkbox"][value="' + dataKey + '"]').each(function() {
                    jQuery(this).trigger('click');
                });
            });
// 			jQuery(document).on('click', '#active-filters li.province-delete', function() {
// 				var numbers = jQuery('.select-province').val();
// 				var idRemove = jQuery(this).data('id');
// 				numbers = numbers.filter(number => number != idRemove);

//                 jQuery('.select-province').val(numbers);
// 				jQuery('.select-province').trigger('change');
// 				combineCheckboxValues();
//             });
			
				jQuery(document).on('click','.pagination span.page-numbers', function(e) {
				e.preventDefault();
				var paged = jQuery(this).data('page');
	
				combineCheckboxValues(paged);
			});
        });

        function delete_travel_style(val) {
            const optionCheckboxes = document.querySelectorAll('.checkbox-travel-style:checked');
            const form = document.getElementById('checkboxForm');
            optionCheckboxes.forEach(function(checkbox) {
                if (checkbox.value === val) {
                    checkbox.checked = false;
                }
            });
            combineCheckboxValues();
        }

        function combineCheckboxValues(page=1, province_delete=false, provinceId ='') {
            // if (event) event.preventDefault();
            jQuery('.box-applied').show();
			jQuery('#active-filters').html('');
			 var checkedCount = jQuery('#checkboxForm input:checked').length;
// 			var provienceLength = jQuery('.select-province').val().length;
// 			jQuery('.count-checkbox').text(`(${checkedCount + provienceLength})`);
			var term_id = jQuery('#term_id').val();
          	const travel_key = JSON.parse('["festival_events","cultural","nature_adventure","marine","independent","special_interest"]');
           
            const form = document.getElementById('checkboxForm');
            const action = form.action;
            const url = new URL(action, window.location.origin);
            travel_key.forEach(function(e) {
                // Combine option checkboxes
                const optionCheckboxes = document.querySelectorAll('input[name="'+e+'"]:checked');
                const optionValues = Array.from(optionCheckboxes).map(cb => cb.value).join(',');
		
				const selectedOptions = [];
				optionCheckboxes.forEach(function(checkbox) {
					const value = checkbox.value;
					const dataName = checkbox.getAttribute('label');
					jQuery('#active-filters').append('<li class="delete-travel-style" data-key="'+value+'"><i class="fa-light fa-xmark"></i> Travel style is '+dataName+'</li>')

				});
                if (optionValues) {
                    url.searchParams.set(e, optionValues);
                } else {
                    url.searchParams.delete(e);
                }
            })
			var cities = document.querySelectorAll('input[name="categories[]"]:checked'); // Chỉ lấy những checkbox đã được checked

			if (cities.length > 0) {
				var checkedValues = Array.from(cities).map(function(checkbox) {
					return checkbox.value;
				});
				url.searchParams.set('cities', checkedValues.toString());
			} else {
				url.searchParams.delete('cities');
			}
            // Combine rangeDuration
//             const duration = document.querySelectorAll('input[name="duration"]');
//             const durationValues = Array.from(duration).map(cb => cb.value).join(',');
// 			var durationArr = durationValues.split(',');
// 			jQuery('#active-filters').append('<li class="duration-delete"><i class="fa-light fa-xmark"></i> Duration is '+durationArr[0]+' - '+durationArr[1]+' days</li>');

//             url.searchParams.set('duration', durationValues);
//             if (duration_delete) {
//                 url.searchParams.delete('duration');
//             }
            
//             const provinceValues = jQuery('#select-province').val();
// 			if (province_delete) {
//                 url.searchParams.delete('province');
//             }
//             if (provinceValues.length > 0){
// 				jQuery('#select-province').select2('data').forEach(function(val) {
// 					jQuery('#active-filters').append('<li class="province-delete" data-id="'+val.id+'"><i class="fa-light fa-xmark"></i> Location is '+val.text+'</li>')
// 				})
//                 url.searchParams.set('province', provinceValues.toString());
//             }
            
//             url.searchParams.forEach(function(value, key) {
//                 var values = value.split(',');
// 				 if (key === 'duration') {
// 					 jQuery('#active-filters').append('<li class="duration-delete"><i class="fa-light fa-xmark"></i> Duration is '+values[0]+' - '+values[1]+' days</li>');
// 				 } else {
// 					values.forEach(function(val) {
// 						 jQuery('#active-filters').append('<li class="delete-travel-style" data-key="'+val+'"><i class="fa-light fa-xmark"></i> Travel style is '+val+'</li>')
// 					 })
// 				}
				
//             });

            jQuery.ajax({
				type : "post",
				dataType : "html",
				async: true,
				url : 'https://zastravel.vn/wp-admin/admin-ajax.php',
				data : {
					action: "load_filter",
					values: url.toString(),
					page: page,
					term_id: term_id
				},
				beforeSend: function(){
				    jQuery("#overlay-load").fadeIn(300);　
				},
				success: function(response) {
					jQuery('.filter-reult').html(response);
					 setTimeout(function(){
                        jQuery("#overlay-load").fadeOut(300);
                     },500);
				},
			});
        }
        function toggleVisibility(id) {
            const element = document.getElementById(id);
            if (element.style.display === 'none' || element.style.display === '') {
                element.style.display = 'block';
            } else {
                element.style.display = 'none';
            }
        }


//         let sliderOne = document.getElementById("slider-1");
//         let sliderTwo = document.getElementById("slider-2");
//         let displayValOne = document.getElementById("range1");
//         let displayValTwo = document.getElementById("range2");
//         let minGap = 0;
//         let sliderTrack = document.querySelector(".slider-track");
//         let sliderMaxValue = document.getElementById("slider-1").max;

//         function slideOne() {
//             if (parseInt(sliderTwo.value) - parseInt(sliderOne.value) <= minGap) {
//                 sliderOne.value = parseInt(sliderTwo.value) - minGap;
//             }
//             displayValOne.textContent = sliderOne.value + ' days';
//             fillColor();
//         }
//         function slideTwo() {
//             if (parseInt(sliderTwo.value) - parseInt(sliderOne.value) <= minGap) {
//                 sliderTwo.value = parseInt(sliderOne.value) + minGap;
//             }
//             displayValTwo.textContent = sliderTwo.value + ' days';
//             fillColor();
//         }
//         function fillColor() {
//             percent1 = (sliderOne.value / sliderMaxValue) * 100;
//             percent2 = (sliderTwo.value / sliderMaxValue) * 100;
//             sliderTrack.style.background = `linear-gradient(to right, #dadae5 ${percent1}% , #409cd1 ${percent1}% , #409cd1 ${percent2}%, #dadae5 ${percent2}%)`;
//         }
		function getQueryParam(param) {
			var urlParams = new URLSearchParams(window.location.search);
			return urlParams.get(param);
		}

    </script>
    </div>
<div class="wpcf7 no-js" id="wpcf7-f209-o1" lang="en-US" dir="ltr" data-wpcf7-id="209">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/tour-category/tours/sapa/#wpcf7-f209-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="209" /><input type="hidden" name="_wpcf7_version" value="6.1.3" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f209-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
</fieldset>
<div class="form-group">
	<p><label>Select hotel category</label><br />
<span class="wpcf7-form-control-wrap" data-name="menu-478"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="menu-478"><option value="">&#8212;Please choose an option&#8212;</option><option value="3 Stars">3 Stars</option><option value="4 Stars">4 Stars</option><option value="5 Stars">5 Stars</option><option value="Luxury">Luxury</option></select></span>
	</p>
</div>
<div class="form-group">
	<p><label>Select the number of people</label><br />
<span class="wpcf7-form-control-wrap" data-name="menu-479"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="menu-479"><option value="">&#8212;Please choose an option&#8212;</option><option value="1 Person">1 Person</option><option value="2 Person">2 Person</option><option value="3 Person">3 Person</option><option value="4 Person">4 Person</option><option value="5 Person">5 Person</option><option value="6 Person">6 Person</option><option value="7 Person">7 Person</option><option value="8 Person">8 Person</option><option value="9 Person">9 Person</option><option value="10 Person">10 Person</option><option value="11 Person">11 Person</option><option value="12 Person">12 Person</option><option value="13 Person">13 Person</option><option value="14 Person">14 Person</option><option value="15 Person">15 Person</option><option value="16 Person">16 Person</option><option value="17 Person">17 Person</option><option value="18 Person">18 Person</option><option value="19 Person">19 Person</option><option value="20 Person">20 Person</option><option value="+20 Person">+20 Person</option></select></span>
	</p>
	<div class="form-group">
		<p><label> Select the number of days</label><br />
<span class="wpcf7-form-control-wrap" data-name="menu-480"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="menu-480"><option value="">&#8212;Please choose an option&#8212;</option><option value="1 Day">1 Day</option><option value="2 Days">2 Days</option><option value="3 Days">3 Days</option><option value="4 Days">4 Days</option><option value="5 Days">5 Days</option><option value="6 Days">6 Days</option><option value="7 Days">7 Days</option><option value="8 Days">8 Days</option><option value="9 Days">9 Days</option><option value="10 Days">10 Days</option><option value="11 Days">11 Days</option><option value="12 Days">12 Days</option><option value="13 Days">13 Days</option><option value="14 Days">14 Days</option><option value="15 Days">15 Days</option><option value="16 Days">16 Days</option><option value="17 Days">17 Days</option><option value="18 Days">18 Days</option><option value="19 Days">19 Days</option><option value="20 Days">20 Days</option><option value="+20 Days">+20 Days</option></select></span>
		</p>
	</div>
	<div class="form-group">
		<p><label>Travel date</label><br />
<span class="wpcf7-form-control-wrap" data-name="date-474"><input class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date" aria-invalid="false" placeholder="Travel date" value="" type="date" name="date-474" /></span>
		</p>
	</div>
	<div class="form-group">
		<p><label>Full name</label><br />
<span class="wpcf7-form-control-wrap" data-name="text-920"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Your full name" value="" type="text" name="text-920" /></span>
		</p>
	</div>
	<div class="form-group">
		<p><label>Email</label><br />
<span class="wpcf7-form-control-wrap" data-name="email-341"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="example@mail.com" value="" type="email" name="email-341" /></span>
		</p>
	</div>
	<div class="form-group">
		<p><label>Phone number</label><br />
<span class="wpcf7-form-control-wrap" data-name="tel-152"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Your telephone" value="" type="tel" name="tel-152" /></span>
		</p>
	</div>
	<p class="note">* To be sure you'll receive our itinerary (email failure case...)
	</p>
	<div class="form-group">
		<p><label>Message</label><br />
<span class="wpcf7-form-control-wrap" data-name="textarea-148"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Describe your travel interests, your budget, activities you are interested in, things you want your trip to include/avoid..." name="textarea-148"></textarea></span>
		</p>
	</div>
	<p><div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1303489627" class="gglcptch_recaptcha"></div><input type="hidden" name="gglcptch" value="" id="gglcptch" />
				<noscript>
					<div style="width: 302px;">
						<div style="width: 302px; height: 422px; position: relative;">
							<div style="width: 302px; height: 422px; position: absolute;">
								<iframe src="https://www.google.com/recaptcha/api/fallback?hl=en&k=6LeGYhQqAAAAAC9G0bAX8U4mXEgoyGPs_pZ2tFpH" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe>
							</div>
						</div>
						<div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;">
							<textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea>
						</div>
					</div>
				</noscript></div><span class="wpcf7-form-control-wrap bwsgooglecaptcha-110"><input style="display:none;" class="wpcf7-form-control wpcf7-bwsgooglecaptcha" aria-required="true" type="text" name="bwsgooglecaptcha-110" /></span><br />
<input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Send enquiry" />
	</p>
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
			</div>
					</div>

		<div class="col large-9 small-col-first">
			<div class="filter-action-for-mobile show-for-small text-right"><div class="action-show-filter text">Sort &amp; Filters <span class="count-checkbox">(0)</span></div></div>
		<div class="shop-container">
<div class="woocommerce-notices-wrapper"></div><div class="filter-reult"><div class="products row row-small has-box-vertical large-columns-3 medium-columns-3 small-columns-2">
<div class="product-item">
	<div class="col-inner">
	<div class="product-small box product-custom">
		<div class="box-image">
			<div class="product-gallery">
				<div class="gallery">
					<div class="swiper-container gallery-slider gallery-QYoluD">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/Sapa-Valley-feature-2.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/Sapa-Lao-Cai-Trekking-Tour-Northern-Vietnam-Travel-1024x517-1.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/untitled-design-2023-08-12t164117.663-min-2.png" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/sapa1-1.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/0_DyF-KEu_EZgWDTVI-1.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/cfue1lle49lzzararfpk-1.webp" alt=""></div>						</div>
					</div>
					<div class="swiper-container gallery-thumbs thumbs-QYoluD">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/Sapa-Valley-feature-2.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/Sapa-Lao-Cai-Trekking-Tour-Northern-Vietnam-Travel-1024x517-1.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/untitled-design-2023-08-12t164117.663-min-2.png" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/sapa1-1.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/0_DyF-KEu_EZgWDTVI-1.jpg" alt=""></div><div class="swiper-slide"><img src="https://zastravel.vn/wp-content/uploads/2024/08/cfue1lle49lzzararfpk-1.webp" alt=""></div>						</div>
					</div>
					<div class="box-control">
						<div class="flex">
							<div class="swiper-arrow swiper-button-prev prev-QYoluD"></div>
							<div class="swiper-arrow swiper-button-next next-QYoluD"></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="box-text box-text-products">
			<div class="travel-tour-item__right">
				<div class="travel-tour-item__infor">
					<h4 class="travel-tour-item__title">
						<a href="https://zastravel.vn/browse/tours/sapa/private-full-day-sapa-valley-trekking-tour-2/" class="text">Full Day Sapa Valley Trekking Group Tour</a>
					</h4>
					<div class="travel-tour-item__tag">
						 <a class="text" href="#">Sa Pa</a>, <a class="text" href="#">sapa</a>, <a class="text" href="#">sapa village</a>, <a class="text" href="#">trekking</a>					</div>
					<div class="travel-tour-item__desc">This full day trek from Sapa town along buffalo paths and trails and through several hill tribe villages.</div>
				</div>
								<div class="travel-tour-item__price">
					<div class="item">
						<div class="title">From</div>
						<div class="desc"><span class="type">us</span><span class="num"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>65.00</bdi></span></span><span class="per"> /person</span></div>
					</div>
											<div class="item -last">
							<div class="title">Day</div>
							<div class="desc -fw">1</div>
						</div>
									</div>
								<div class="travel-tour-item__btn"><a class="item -more" href="https://zastravel.vn/browse/tours/sapa/private-full-day-sapa-valley-trekking-tour-2/">View tour</a></div> <!---- <button class="item -down">Download Brochure</button> -->
			</div>
		</div>
	</div>
		</div>
	<script>
		jQuery(document).ready(function() {
			var classSlider = 'slider' + generateRandomClassName(6);
			var classThumbs = 'thumbs' + generateRandomClassName(6);

			var classSlider = new Swiper ('.gallery-QYoluD', {
				slidesPerView: 1,
				centeredSlides: false,
				loop: false,
				loopedSlides: 6,
				slideToClickedSlide: true,
				navigation: {
					nextEl: '.next-QYoluD',
					prevEl: '.prev-QYoluD',
				},
			});

			var classThumbs = new Swiper ('.thumbs-QYoluD', {
				slidesPerView: 'auto',
				spaceBetween: 5,
				centeredSlides: false,
				loop: false,
				slideToClickedSlide: true,
			});

			//slider.params.control = thumbs;
			//thumbs.params.control = slider;

			classSlider.controller.control = classThumbs;
			classThumbs.controller.control = classSlider;
		});
		
	</script>
</div>

<error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Error]]></title>
    <message><![CDATA[&lt;p&gt;There has been a critical error on this website.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Learn more about troubleshooting WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
