@charset "UTF-8";
/*
Theme Name: QQ Theme
Theme URI: https://facebook.com/nguyentranquang45th
Author: the WordPress team
Author URI: https://facebook.com/nguyentranquang45th
Description: This theme designed by Nguyen Tran Quang
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
Text Domain: qqtheme
*/
@charset "utf-8";
@font-face{font-family:mainfont;src:url(./fonts/Philosopher-Regular.ttf);font-weight:400}
@font-face{font-family:mainfont;src:url(./fonts/Philosopher-Bold.ttf);font-weight:700}
@font-face{font-family:titlefont;src:url(./fonts/DVN-DAREK.ttf);font-weight:400}
@font-face{font-family:secondfont;src:url(./fonts/MTD-Attention-Script.otf);font-weight:400}
:root {
  --normal-color:#000000;
  --second-color:#EDC68E;
  --third-color:#282829;
  --four-color:#fff;
  --active-color:#164373;
  --deactive-color:#ABABAB;
  --lightbg-color: #F0EBE1;
  --extra-small-font-size:12px;
  --small-font-size:14px;
  --normal-font-size:20px;
  --large-font-size:18px;
  --subtitle-font-size:20px;
  --big-font-size:36px;
  --extra-font-size:46px;
  --max-width-container:1160px;
  --maxsmall-width-container:800px;
}
*{box-sizing:border-box;}
a{text-decoration:none;color:inherit;}
a:hover{color: var(--second-color)}
img{object-fit: cover;height: auto;vertical-align: bottom;}
p.viewmore a,.wp-block-columns p a{position: relative;}
p.viewmore a::after,.wp-block-columns p a::after{content: "";padding-left: 15px;font-size:var(--subtitle-font-size);}
h1{font-family: secondfont;font-size: var(--extra-font-size);font-weight: normal}
h2{font-family: secondfont;font-size: var(--big-font-size); margin: 5px 0; line-height: 36px}
h3,h4,h5,h6{font-family: secondfont;font-size: var(--big-font-size); margin: 0}
li{padding-bottom:5px}
.wp-block-columns.alignnormal{align-items: normal!important;}
.wp-block-columns.paddingleft .wp-block-column:first-child{padding-left: calc((100vw - var(--max-width-container) ) / 2);}
.wp-block-columns.itineraryimage .wp-block-image{height: 100%;}
.paddingright{padding-right: calc((100vw - var(--max-width-container) ) / 2);}
.ghostkit-tabs-buttons{justify-content: center;border-bottom: none;}
.ghostkit-tabs-buttons .ghostkit-tabs-buttons-item{border:none;border-right: 1px solid #d9d9d9;border-radius:0}
.ghostkit-tabs-buttons .ghostkit-tabs-buttons-item:last-child{border-right: none;}
figure img{width: 100%;}
.boldtext{font-weight: bold;letter-spacing: normal;}
.bigtext{font-size: var(--big-font-size);}
.extratext{font-size: var(--extra-font-size);}
.width100{width: 100%;}
.width95{width: 95%;}
.width90{width: 90%;}
.width85{width: 85%;}
.width80{width: 80%;}
.width75{width: 75%;}
.width70{width: 70%;}
.width65{width: 65%;}
.width60{width: 60%;}
.width55{width:55%;}
.width50{width:50%;}
.width45{width: 45%;}
.width40{width: 40%;}
.width35{width: 35%;}
.width30{width: 30%;}
.width25{width: 25%;}
.width20{width: 20%;}
.width15{width: 15%;}
.orderfirst{order:-1;}
.flexcontainer{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.graycontainer{background: var(--deactive-color);padding:50px 0;}
.container{width:100%;max-width:var(--max-width-container); margin:0 auto;overflow: hidden;}
.smallcontainer{width:100%;max-width:var(--maxsmall-width-container); margin:0 auto 50px auto;text-align-last: center;}
.title{font: var(--big-font-size) secondfont;color:var(--active-color);position: relative;text-transform: uppercase;text-align: center;}
.gallerytitlehomepage {font: var(--big-font-size) secondfont;color:var(--active-color);position: relative;padding: 0 0 10px 0;text-transform: uppercase;text-align: center;padding-bottom:30px}
.titleleft{font: var(--large-font-size) titlefont;color:var(--active-color);text-align: left;padding-top: 10px;position: relative;font-weight: normal;text-transform: uppercase;}
.package-highlights-title{font: var(--big-font-size) secondfont;color:var(--active-color);padding: 30px 0;position: relative;font-weight: normal;text-transform: uppercase;}
.inclusiontitle{font: var(--big-font-size) secondfont;color:var(--active-color);padding: 50px 0 0 0;position: relative;font-weight: normal;text-transform: uppercase;}
.personalized-title{font: var(--big-font-size) secondfont;color:var(--active-color);padding: 50px 0 0 0;position: relative;font-weight: normal;text-transform: uppercase;text-align:center}
.titleyellow{font:600 var(--large-font-size) mainfont;color:var(--second-color);letter-spacing: 3px;padding: 50px 0 0 0}
.smalltitle{font-family: titlefont;color:var(--active-color);font-weight:400;text-transform: uppercase;padding: 10px 0; font-size: var(--large-font-size);}
.smalltitleleft{font-size:var(--subtitle-font-size);font-family: secondfont;text-align: left;text-transform: uppercase;color: var(--active-color);line-height: 24px;font-weight: normal; padding: 0 0 10px}
body{font: var(--normal-font-size) mainfont; color:var(--normal-color);display:grid; grid-template-columns:100%; grid-gap:0; margin:0;line-height: 26px;text-align: justify;font-style: normal;
font-weight: 400;background-color: #f0ebe3;}
.textcenter{text-align: center;}
.textleft{text-align: left!important;}
.heightscreen{height: 100vh;}
.subpagetitle {font: var(--big-font-size) secondfont;color:var(--active-color);position: relative;padding: 50px 0 10px 0;text-transform: uppercase;text-align: center;line-height:46px}
.subpagetitledeal {font: var(--big-font-size) secondfont;color:var(--active-color);position: relative;padding: 50px 0 30px 0;text-transform: uppercase;text-align: center;}
.grid12col{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 30px}
.grid1col{display: grid;grid-template-columns: 1fr;justify-content: space-between;gap: 30px}
.grid2col{display: grid;grid-template-columns:1fr 1fr;justify-content: space-between;gap: 30px}
.grid3col{display: grid;grid-template-columns:1fr 1fr 1fr;justify-content: space-between;grid-gap: 30px}
.grid4col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content: space-between;gap: 10px}
.grid5col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid6col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid7col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid8col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid9col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid10col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid11col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.item2row{grid-row:auto / span 2;}
.item3row{grid-row:auto / span 3;}
.item4row{grid-row:auto / span 4;}
.item5row{grid-row:auto / span 5;}
.item6row{grid-row:auto / span 6;}
.item7row{grid-row:auto / span 7;}
.item2col{grid-column: auto / span 2;}
.item3col{grid-column: auto / span 3;}
.item4col{grid-column: auto / span 4;}
.item5col{grid-column: auto / span 5;}
.item6col{grid-column: auto / span 6;}
.item7col{grid-column: auto / span 7;}
.item8col{grid-column: auto / span 8;}
.item9col{grid-column: auto / span 9;}
.item10col{grid-column: auto / span 10;}
.item11col{grid-column: auto / span 11;}
.item12col{grid-column: auto / span 12;}
.clearfix:after{content:'';visibility:hidden;clear:both;display:table;}
.boxmiddle {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center; font: inherit;}
.boxbottom{position: absolute;bottom: 0;left:0; font: inherit;}
.borderbottom{border-bottom: 1px solid var(--deactive-color);}
.closemenumobile{width:100%; padding:10px;}
.closemenumobile img{width:15px; float:right;}

.contentdichvu{text-align: justify;}
.slick .slickitem img{width: 100%;}
.mobile{display: none;}
.slickblockcontainer{position: relative;}
.slickblockcontainer > a.left{position: absolute;top:50%;left:10px;transform: translateY(-50%);background:rgba(255,255,255,0.7);color:#000;font-size: 40px;z-index: 10;padding: 10px 25px;border-radius: 40px;}
.slickblockcontainer > a.right{position: absolute;top:50%;right:10px;transform: translateY(-50%);background:rgba(255,255,255,0.7);color:#000;font-size: 40px;z-index: 10;padding: 10px 25px;border-radius: 40px;}
.slickblockcontainer .slideblockitem > img{width: 100%;}
.slickblockcontainer .slideblockitem > a > img{width: 100%;}
.lightvideocontainer{display: none;}
.paddingtop30{padding-top:30px;}
.listmenu{display: grid;grid-template-columns: 2fr 1fr 2fr;padding:10px 0;}
.listmenu .logo {text-align: center;}
.floatcontainer{position: fixed;top:50%;transform: translateY(-50%);border:1px solid var(--active-color);max-width: 400px;right: 0;background-color: var(--deactive-color);color:#fff;border-radius: 10px 0 0 10px;}
.floatcontainer .floatmenu ul{list-style: none;padding:20px;}
.floatcontainer .floatmenu ul li{margin: 10px 0;}
.floatcontainer .floatmenu ul:hover li i.icon{margin-right: 10px;}
.floatcontainer .floatmenu ul li span{display: none;}
.floatcontainer .floatmenu ul li:hover span{color:var(--active-color)}
.floatcontainer .floatmenu ul:hover li span{display: inline;}
.floatcontainer .floatmenu ul li i.icon img{width:30px;vertical-align: middle;}

/*Rieng tung web*/
.contactform input,.contactform textarea,.contactform input::placeholder,.contactform textarea::placeholder{font-family: mainfont;}
header{background-image: linear-gradient(to bottom, rgba(22, 67, 115, 0.9),rgba(22, 67, 115, 0.9));width: 100%;z-index: 10;color: #fff;position: absolute;}
header.scrolled{position: fixed;}
header .logocontainer img{width: 120px;margin:10px 0 10px 30px;}

.logocontainer {padding: 0;}
header .menucontainer{display: flex;align-items: center;padding-right: 30px;}

header ul.menu{list-style: none;display: flex; padding:10px 0;justify-content: space-between;}
header ul.menu li{position: relative;font:500 14px mainfont; text-transform: uppercase;}
/*header ul.menu > li.menu-item-has-children::after{position: absolute;content: '';top:50%;right: 0;transform: translateY(-50%);background: url(images/arrow-down.png) center no-repeat;background-size: contain;width: 20px;height: 20px;}*/
header ul.menu > li{padding: 0 25px;}
header ul.menu > li:last-child{padding:0 0 0 15px;}
header ul.menu > li:hover {color:var(--second-color);}
header ul.menu > li.active {color:var(--second-color);}
header ul.menu li:last-child{margin:0;}
header ul.menu li ul{margin-top:13px;position: absolute;display: none;z-index: 100;min-width: 250px;transition: all 0.5s;opacity: 0; padding: 20px 0;visibility: hidden;list-style: none;background: rgba(0,0,0,0.6);color: #fff;}
header ul.menu li:hover ul{opacity: 1;visibility: visible;}
header ul.menu li ul li{font:500 15px mainfont;padding:10px 20px;border-bottom: 1px solid var(--deactive-color);}
header ul.menu li ul li:hover{color:var(--second-color);}
header ul.menu li ul li.active{color:var(--second-color);}
header ul.menu li ul li:last-child{border-bottom: none;}
header ul.menu li.current-menu-item,header ul.menu li.current-menu-parent,header ul.menu li.current-menu-ancestor{color:var(--second-color)}
header ul.menu li ul li ul{display: none;}
header .topheadcontainer{background: #fff;padding: 5px 30px 5px 0;display: flex;gap:40px;justify-content: flex-end;color:var(--normal-color);font-size: var(--small-font-size)}
header .topheadcontainer .hotline a{color: var(--second-color);background: url(images/icon-phone.svg) center left no-repeat;background-size: contain;padding-left: 30px;padding-bottom: 5px;display: inline-block;line-height: 16px;font-family:titlefont}
header .topheadcontainer .topmenu{display: flex;gap:40px;}
header .topheadcontainer .topmenu .menuitem.active a{color:var(--second-color)}
header .topheadcontainer select.language{border: none;font-weight: bold;}
header.scrolled .topheadcontainer{display: none;}
.slickcontainer{position: relative;}
.slickcontainer.fullscreen{height: 100vh;overflow: hidden;;}
.slickcontainer > a.left{position: absolute;top:50%;left:5px;transform: translateY(-50%);z-index: 10;padding: 10px 0;}
.slickcontainer > a.right{position: absolute;top:50%;right:5px;transform: translateY(-50%);z-index: 10;padding: 10px 0;}
.slickcontainer > a img{width: 10px;}
.slickcontainer.contentslick > a img{width: 30px;display:none}
.slickcontainer .slickdot{position: absolute;bottom: 90px;right:50%;transform: translateX(50%);z-index: 10;display:none}
.slickcontainer .slickdot a{display: inline-block;width:100px;height:5px;;background: rgba(255,255,255,0.6);margin:0 5px;}
.slickcontainer .slickdot a.active{background: #DDBC5F;}
.slickcontainer.video .slickdot a.active{background: rgba(255,255,255,0.6);position: relative;}
.slickcontainer.video .slickdot a.active i{position: absolute;background: #DDBC5F;height: 100%;width: 50%;;}
.slickcontainer .slickitem{position: relative;}
.slickcontainer .slickitem .sample,.slickcontainer .slickitem .slicksample{color: #fff;position: absolute;top:50%;left: calc((100% - var(--max-width-container)) / 2);transform: translate(0,-50%);width: 100%; max-width: 650px;text-align: left;line-height: 50px}
.slickcontainer .slickitem .slicksample h3 {font-family: mainfont; font-size: var(--large-font-size); padding:0}
.slickcontainer .slickitem .slicksample h1 {margin:0}
.slickcontainer .slickitem .sample h2,.slickcontainer .slickitem .sample h1,.slickcontainer .slickitem .slicksample h2{font-family:secondfont;font-size: var(--extra-font-size);line-height: 46px;font-weight:normal}
.slickcontainer .findcruisecontainer{position: absolute;bottom: 20px;width: 100%;}
.slickcontainer .findcruisecontainer .container{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:15px; background-color: rgba(22, 67, 115, 0.7); padding:15px;justify-content: space-between; color: #fff;border-radius: 100px;}
.slickcontainer .findcruisecontainer .container .formitem select,.slickcontainer .findcruisecontainer .container .formitem input
{width: 100%;padding:10px 10px;border:1px solid #fff; font-family: mainfont; background-color: rgba(0, 0, 0, 0);height:100%;border-radius: 50px;color:#fff;}
.slickcontainer .findcruisecontainer .container .formitem input::placeholder{color:#fff}
.slickcontainer .findcruisecontainer .container .formitem input[type='button']{background: var(--second-color);color: var(--active-color);font-weight: bold;border: 1px solid var(--second-color);}
.slickcontainer .findcruisecontainer .container .formitem input:hover[type='button']{color: var(--third-color);}

.slickcontainer .findcruisecontainer .container .formitem input.calendar{position: relative;background: url(images/icon-calendar.svg) center right no-repeat;background-position: calc(100% - 10px) center;}
.slickcontainer .findcruisecontainer .container .formitem select{position: relative;background: url(/wp-content/uploads/2025/03/arrow-down.svg) center right no-repeat; background-position: calc(100% - 10px) center;appearance: none;-webkit-appearance: none;}
.slickcontainer .findcruisecontainer .container .formitem option{background: var(--active-color)}
.prizeitem {text-align: center;}
.prizeitem img{display: inline-block;}
.leftmenu ul{list-style: none;padding:0;margin: 0;}
.leftmenu ul li{padding:10px 5px;border-bottom: 1px solid #4d5b5b;margin-right: 25px;}
.leftmenu ul li:first-child{margin-top:20px;}
.navi{margin: 30px 0;}
.navi a{padding:20px 10px;font-size: var(--big-font-size);margin: 30px 0;}
.navi a:first-child{background-color: rgba(77,91,91,1);color: #fff;border-radius: 10px 10px 0 0;}
.listpost .postitem {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.listpost .postitem .avatar img{width:100%;}
.listpost .postitem .postcontent .postname a{font-size: var(--big-font-size);color: var(--second-color);margin-bottom: 20px;}
.productgallery .slickitem img{aspect-ratio: 1/1;}
.price{font-weight: bold;color: #a73636;}
.oncart {text-align: center;}
.oncart a{background-color: var(--active-color);color: var(--third-color);font-weight: bold;padding: 10px; border-radius: 5px;display: inline-block;}
.productname {color:var(--active-color);font-weight: bold;padding:10px 0;}
.proudctitem .price{padding-bottom: 10px;}
.cartproduct{display: grid;grid-template-columns: auto 200px 200px 200px 200px;gap:10px;margin:10px auto;}
.cartproduct > div {border:1px solid var(--active-color);padding: 40% 10px 10px 10px;}
.cartproduct > div:first-child,.cartproduct:last-child > div{padding: 10px;}
.cartproduct .productname{padding:10px; text-align: center;}
.cartproduct .productname img{width:100%;}
.cartproduct div label{font-weight: bold;}
.cartproduct div span{font-weight: bold;color:#a73636;}
.cartproduct div input{padding: 5px;border: 1px solid var(--active-color);max-width: 50%;}
.formgroup{display: grid;gap:10px;grid-template-columns: 200px auto;margin:15px auto;}
.formgroup label{font-weight: bold;}
.formgroup input,.formgroup select{padding:10px;border:none;border-bottom: 1px solid var(--deactive-color);transition: all 1s;}
.formgroup button{border:none;color:var(--third-color);background-color: var(--normal-color);font-weight: bold;border-radius: 5px;padding:20px;}
.formgroup.submitcontainer{justify-content: center;}
.sample .cart{padding: 20px 0;}
.sample .cart a{background-color: rgba(77,91,91,1);color: #fff;display: inline-block;padding:10px 30px;margin:10px 0;}
.contentwithslide{padding:80px 0;}
.contentwithslide h2.title{margin-bottom: 50px;}
.contentwithslide h3{letter-spacing: 5px;font-size: var(--big-font-size);font-weight: normal;text-align: center;margin:30px 0;}
.contentwithslide .maincontent{padding:0 200px;text-align: center;}
.videocontainer{position: relative;}
.videocontainer .title{width: 100%;max-width: 800px;margin:50px auto;}
.videocontainer .video{top:0;left: 0;}
.gallerygrid {padding:50px 0;}
.gallerygrid .title{max-width: 800px;margin:50px auto;}
.gallerygrid .galleryitem{position: relative;}
.gallerygrid .galleryitem img{height: 100%;}
.gallerygrid .galleryitem .icongallery{position: absolute; bottom: 20px; left: 20px;}
.gallerygrid .gallerysocial {display:flex;gap:20px;justify-content: center;padding:30px 0;}
.gallerygrid .gallerysocial img{width:70px;}
.navigation{display: flex;justify-content: center;padding:20px 0;}
.navigation .navitem{padding:0 20px; border-right: 1px solid var(--deactive-color);color: #85888a;}
.navigation .navitem:last-child{border-right: none;}
.activelink{display: flex;justify-content: center;gap:20px;padding:50px 0;}
.activelink .activeitem{padding:10px 20px; border-radius: 20px;color:var(--normal-color);background: var(--third-color);border:1px solid var(--active-color);}
.activelink .activeitem.active{background: var(--normal-color);color: var(--third-color);}
.tablink{display: flex;justify-content: center;padding:20px 0;}
.tablink .tabitem{padding:0 20px; border-right: 1px solid var(--deactive-color);}
.tablink .tabitem.active{font-weight: bold;}
.tablink .tabitem:last-child{border-right: none;}

.gallerytab{display: flex;justify-content: center;padding:20px 0;}
.gallerytab .tabitem{padding:0 20px; border-right: 1px solid var(--deactive-color);}
.gallerytab .tabitem.active{font-weight: bold;}
.gallerytab .tabitem:last-child{border-right: none;}
.gallerycontent .galleryslideitem .galleryitem .imageitem img{width: 100%;}

.listimages{padding:50px 0;text-align: center;}
.listimages h2{margin-bottom: 50px;}
.listimages .imageitem img{width: 100%;height: 100%;}
.contentwithslidebeside{background:#d0d1d2;}
.contentwithslidebeside .contentcontainer{padding:0px 50px 30px calc((100vw - var(--max-width-container) ) / 2);text-align: center;}
.contentwithslidebeside .contentcontainer h2{margin-bottom: 50px;}
.imageslidecontainer .slick3item img{height: 100%;margin:20px 10px 0;}
.itinerarycontainer h2{text-align: center;max-width: var(--maxsmall-width-container);margin: 20px auto 50px;}
.itinerarycontainer .day:first-child{width: 50%;padding-right: 50px;border-right: 1px solid var(--deactive-color);}
.itinerarycontainer .day:nth-child(2){width: 50%;padding-left: 50px;}
.itinerarycontainer .day .subtitle{margin-bottom: 50px;font-weight: bold;}
.content3column {padding:50px 0;}
.content3column .thecontent{padding: 20px 0;}
.content3column .slickcontainer .contentitem{margin:0 10px;}
.content3column .contentitem .itemcontent{padding:50px; text-align: center;}
.content3column .contentitem .itemcontent h3{padding-bottom: 30px;}
.content3column .contentitem .avatar img{width: 100%;}

.content4column .slickcontainer .contentitem{margin:0 10px;}
.content4column .contentitem .itemcontent{}
.content4column .contentitem .itemcontent h3{padding-bottom: 30px;text-align: center;}
.content4column .contentitem .avatar img{width: 100%;}

.video-js .vjs-big-play-button{top:50%;left: 50%;transform: translate(-50%,-50%);}
.gallerycontainer .imageitem img{width: 100%;}
.contactformcontainer {padding:50px 0;gap:50px;}
.contactformcontainer > div:last-child{text-align: center;}

.contactformcontainer > div > label{display: block;}
.contactformcontainer > div > input[type="text"],.contactformcontainer > div > input[type="email"],.contactformcontainer > div > textarea,.contactformcontainer > div > select{width: 100%;border:1px solid #ccc;padding:10px;}
.contactformcontainer > div > input[type="submit"]{padding:10px 30px; border-radius: 20px;color:var(--third-color);background: var(--normal-color);text-transform: uppercase;border:none;}
.graybackground {background: #e2e3e4;padding:50px 0;}
.unbold{font-weight: normal!important;}
.border-right{border-right:1px solid #ccc;}
.border-top{border-top: 1px solid #ccc;}
.slicklistprice .priceitem,.otherday .priceitem{padding:15px 30px;background: #f3f4f4;text-align: center;}
.slicklistprice .priceitem:nth-child(odd),.otherday .priceitem:nth-child(odd){background: #dcdedf;}
.slicklistprice .priceitem .blockprice,.otherday .priceitem .blockprice{font-weight: bold;}
.gridgallery img{width: 100%;height: 100%;}
.twocolumnsbackground{position: relative;}
.twocolumnsbackground img.background{position: absolute;top:0;left: 0;z-index: -1;}
.twocolumnsbackground .twocolumncontnet {display:grid;grid-template-columns: 1fr 1fr;gap:50px;padding:50px 0;}
.twocolumnsbackground .twocolumncontnet h2{margin-bottom: 50px;}
.twocolumnsbackground .twocolumncontnet .sample{margin-bottom: 30px;}
.gridproductcontainer .productitem {position: relative;}
.gridproductcontainer .productitem  img.background{width: 100%;height: 100%;border-radius: 30px;}
.gridproductcontainer .productitem  .content .name{padding:30px;color: #fff;position: absolute;top:0;left: 0;z-index: 10;}
.solutioncontainer{background: #F5F5F5;}
.solutioncontainer .container{overflow-x: hidden;padding-bottom: 100px;}
.solutioncontainer .sample{text-align: center;padding-bottom: 100px;}
.solutioncontainer .solutionslick .slick-list{overflow: visible;}
.solutioncontainer .solutionslick .solutionitem .content{background: #BE242D;color: #fff;border-radius: 0 0 30px 30px ;padding:30px;display: flex;align-items: center;}
.solutioncontainer .solutionslick .solutionitem .content .itemtitle{font-size: 20px;}
.solutioncontainer .solutionslick .solutionitem .content .itemsample{font-size:14px;line-height: 15px;}
.solutioncontainer .solutionslick .solutionitem .content .itemsample,.solutioncontainer .solutionslick .solutionitem .content .solutionreadmore{display: none;text-align: left;}
.solutioncontainer .solutionslick .solutionitem{}
.solutioncontainer .solutionslick .solutionitem.slick-current{transform: scale(1.2);transition: all 1s;}
.solutioncontainer .solutionslick .solutionitem.slick-current .content .itemsample,.solutioncontainer .solutionslick .solutionitem.slick-current .content .solutionreadmore{display: block;}
.solutioncontainer .solutionslick .solutionitem .solutionreadmore a{border:1px solid #fff;font-size:14px;background-image:linear-gradient(to bottom,rgba(231,10,0,0.8),rgba(190,8,0,0.8)) ;padding:5px 15px;display: inline-block;border-radius: 20px;width:120px}

.solutioncontainer .solutionslick .solutionitem .solutionreadmore a::after{content: '\f30b';font-family: fontawesome;display: inline-block;padding-left: 20px;}
.listprojectcontainer{padding:50px 0;}
.listprojectcontainer .toptitle{display: flex;justify-content: space-between;}
.listprojectcontainer .toptitle .projecttitle{font-weight: bold;font-size: var(--big-font-size);}
.listprojectcontainer .topviewmore .viewmoretext{margin-bottom: 20px;}
.listprojectcontainer .listproject{padding:0 10px;margin:50px auto 0;border-top:1px solid #F59123;}
.listprojectcontainer .listproject .projectitem{padding: 10px;}
.listprojectcontainer .listproject .projectitem .viewmore{text-align: right;}
.listprojectcontainer .listproject .projectitem .viewmore a{padding:5px 20px; border: 1px solid #BE0800; color: #BE0800;border-radius: 30px;display: inline-block;}
.listprojectcontainer .listproject .projecttitle{font-weight: bold;margin-bottom: 20px;}
.listprojectcontainer .listproject .sample{height: 60px;overflow: hidden;margin-bottom: 20px;}

.partnercontainer{padding:0 0 50px;background: #F5F5F5;}
.partnercontainer .title{margin:0 auto 50px;}
.partnercontainer .partneritem {padding: 0 20px;}

.negativecontainer{padding:10px 0;border-top:1px solid #ccc;}
.negativecontainer .container{display: flex;gap:5px;}
.negativecontainer .negativeitem{color:#000;}
.negativecontainer .negativeitem:last-child{color: #BDBDBD;}
video{width: 100%;aspect-ratio: 16 / 9;vertical-align: bottom;}
.overviewslidecontainer{background: #f4f4f4;padding:20px 0 50px;}
.overviewslidecontainer .container{position: relative;}
.overviewslidecontainer .container a.left{position: absolute;top:50%;left: -30px;transform: translate(-100%,-50%);}

.overviewslidecontainer .container a.right{position: absolute;top:50%;right: -30px;transform: translate(100%,-50%);}
.overviewslidecontainer .container .slickdot{position: absolute;bottom: 0;right:50%;transform: translateX(50%);z-index: 10;}
.overviewslidecontainer .container .slickdot a{display: inline-block;width:100px;height:5px;;background: rgba(255,255,255,0.6);margin:0 5px;}
.overviewslidecontainer .container .slickdot a.active{background: #DDBC5F;}
.overviewtitle{display: flex;justify-content: center;gap:0;padding:0 0 40px 0;}
.overviewtitle .titleitem{padding:0 30px;font-size: 17px;font-weight: bold;border-right: 1px solid #ababab;color: #ababab;text-transform: uppercase;}
.overviewtitle .titleitem.active{color: var(--normal-color);}
.overviewtitle .titleitem:last-child{border-right: none;}
.overviewcontent{display: flex;gap:0;padding:0 10px;}
.overviewcontent img{width: 100%;margin: 20px 0 40px 0}
.overviewcontent .leftcontent{width:40%;padding-right: 50px;margin-right:50px}
.overviewcontent .leftcontent h2{color:#065669;margin-top: 0;}
.overviewcontent .rightcontent{width: 60%;}
.subtitle{margin: 70px 0 0 0; color: var(--active-color);font-size:18px;font-weight: 400;font-family: titlefont;text-align: center;}
.slickoffercontainer,.offerblockcontainer,.listnewsblockcontainer{position: relative;}
.offerblockcontainer > a,.listnewsblockcontainer > a{display: none;}
.offerblockcontainer > .slickdot,.listnewsblockcontainer > .slickdot{display: none;}
.slickoffercontainer a.left,.offerblockcontainer a.left,.listnewsblockcontainer a.left{position: absolute;top:50%;left: 0;transform: translate(-100%,-50%);}

.slickoffercontainer a.right,.offerblockcontainer a.right,.listnewsblockcontainer a.right{position: absolute;top:50%;right: 0;transform: translate(100%,-50%);}
.slickoffercontainer .slickdot,.offerblockcontainer .slickdot,.listnewsblockcontainer .slickdot{position: absolute;bottom: 0;right:50%;transform: translateX(50%);z-index: 10;}
.slickoffercontainer .slickdot a,.offerblockcontainer .slickdot a,.listnewsblockcontainer .slickdot a{display: inline-block;width:50px;height:5px;;background: rgba(0,0,0,0.2);margin:0 5px;margin-bottom:50px}
.slickoffercontainer .slickdot a.active,.offerblockcontainer .slickdot a.active,.listnewsblockcontainer .slickdot a.active{background: var(--second-color);}

.slickoffercontainer .offeritem{box-shadow: 0 0 5px #ccc;margin:0 15px; margin-bottom:100px ;}
.slickoffercontainer .offeritem .avatar img{width: 100%; aspect-ratio: 360 / 200;}
.slickoffercontainer .offeritem .fromprice{background: #F4F4F4;text-align: center;padding:10px 0;}
.slickoffercontainer .offeritem .content{padding:20px;min-height: 450px;position: relative;}
.slickoffercontainer .offeritem .content h3{font-size:var(--subtitle-font-size);font-family: secondfont;text-align: left;text-transform: uppercase;color: var(--active-color);line-height: 24px;font-weight: normal; padding: 0 0 10px}
.slickoffercontainer .offeritem .content .attractions,.slickoffercontainer .offeritem .content .activities{position: relative;padding-left: 35px;}
.slickoffercontainer .offeritem .content .activities .activity{display: flex;gap:10px;}
.slickoffercontainer .offeritem .content .attractions .icon img,
.slickoffercontainer .offeritem .content .activities img.icon{position: absolute;left: 5px;}
.slickoffercontainer .offeritem .content .activities img.iconinfo{width: 28px;}
.slickoffercontainer .offeritem .content .activities .moreactivities{position: absolute;opacity: 0;visibility: hidden;z-index: -1;bottom:0;left: 0;box-shadow: 0 0 5px #ccc;background:#fff;}
.slickoffercontainer .offeritem .content .activities .moreinfo:hover .moreactivities,
.slickoffercontainer .offeritem .content .activities .moreactivities.active{opacity: 1;visibility: visible;z-index: 10;}
.slickoffercontainer .offeritem .content .readmore{position: absolute; bottom: 20px;left: 50%;transform: translateX(-50%);width: calc(100% - 80px );}
.slickoffercontainer .offeritem .content .readmore a{width: 100%;color:var(--normal-color);border: 1px solid var(--second-color);display: inline-block;padding:10px;text-align: center;font-weight: bold;text-transform: uppercase;}
.slickoffercontainer .offeritem .content .readmore a:hover{background: var(--second-color);color: #fff;}
.slickoffercontainer .offeritem .content .activities .moreactivities .item{display: flex;gap:10px;}
.slickoffercontainer .offeritem .content .activities .moreactivities .item .icon img{position: relative;left: 0;}
.slickoffercontainer .offeritem .content .activities .moreactivities {display: grid;grid-template-columns: 250px;gap:10px;background: #fff;padding:10px;font-size:14px}
.slickoffercontainer .offeritem .content ul,.listkoffercontainer .offeritem .content{padding-left: 0;list-style-type: none}
.listknewscontainer{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:40px;margin:50px 0;}
.listkoffercontainer{display: grid;grid-template-columns: 1fr 1fr;gap:60px;margin-bottom:60px}
.listkoffercontainer .offeritem{box-shadow: 0 0 0 #ccc;margin:0;}
.listkoffercontainer .offeritem .avatar{position: relative;}
.listkoffercontainer .offeritem .avatar .fromprice{position: absolute;bottom: 0;left: 0;width: 100%;;}
.listkoffercontainer .offeritem .avatar img{width: 100%; aspect-ratio: 360 / 200;}
.listkoffercontainer .offeritem .fromprice{background-image: linear-gradient(to right,rgba(237, 198, 142, 1),rgba(237, 198, 142, 0));padding:10px 0 10px 30px;color: #000;}
.listkoffercontainer .offeritem .content{padding:30px;min-height: 470px;position: relative;}
.listkoffercontainer .offeritem .content .offertype{font-weight: bold;text-transform: uppercase;padding:0 0 15px 0}
.listkoffercontainer .offeritem .content h3{font-size:var(--subtitle-font-size);font-family: titlefont;text-align: left;text-transform: uppercase;color: var(--active-color);line-height: 24px;font-weight: normal; padding: 0 0 10px}
.listkoffercontainer .offeritem .content .attractions,.listkoffercontainer .offeritem .content .activities{position: relative;}
.listkoffercontainer .offeritem .content .activities .activity{display: flex;gap:10px;}
.listkoffercontainer .offeritem .content .attractions .icon img,
.listkoffercontainer .offeritem .content .activities img.icon{position: absolute;left: 5px;}
.listkoffercontainer .offeritem .content .activities img.iconinfo{width: 28px;}
.listkoffercontainer .offeritem .content .activities .moreactivities{position: absolute;opacity: 0;visibility: hidden;z-index: -1;bottom:0;left: 0;box-shadow: 0 0 5px #ccc;background:#fff;}
.listkoffercontainer .offeritem .content .activities .moreinfo:hover .moreactivities,
.listkoffercontainer .offeritem .content .activities .moreactivities.active{opacity: 1;visibility: visible;z-index: 10;}
.listkoffercontainer .offeritem .content .readmore{position: absolute; bottom: 20px;left: 50%;transform: translateX(-50%);width: calc(100% - 80px );display: flex;justify-content: space-between;}
.listkoffercontainer .offeritem .content .readmore a{color:var(--second-color);border: 1px solid var(--second-color);display: inline-block;padding:10px;text-align: center;font-weight: bold;}
.listkoffercontainer .offeritem .content .readmore a:hover{background: var(--second-color);color: #fff;}
.listkoffercontainer .offeritem .content .activities .moreactivities .item{display: flex;gap:10px;}
.listkoffercontainer .offeritem .content .activities .moreactivities .item .icon img{position: relative;left: 0;}
.listkoffercontainer .offeritem .content .activities .moreactivities {display: grid;grid-template-columns: 250px;gap:10px;background: #fff;padding:10px;font-size:14px}
.wp-block-columns.are-vertically-aligned-center.alignnormal {gap:60px}
.wp-block-columns.alignnormal.is-layout-flex{gap:40px}
.wp-block-columns.is-layout-flex{gap:40px}

.wp-block-image.size-full.ghostkit-custom-oe3xd {padding-bottom:30px}
.wp-block-columns.paddingleft {gap:60px}
.wp-block-columns.mobilepadding20 {gap:60px}
.wp-block-columns.are-vertically-aligned-top{gap:60px}
.backgroundimagecontainer{position: relative;}
.backgroundimagecontainer img{width: 100%;}
.backgroundimagecontainer .content{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.backgroundimagecontainer .content h3{color: var(--second-color);font-family: mainfont;font-weight: bold;font-size:var(--normal-font-size);letter-spacing: 5px; margin: 0}
.backgroundimagecontainer .listlogo{position: absolute;bottom: 30px;left: 0;width: 100%;display: flex;justify-content: center;}
.backgroundimagecontainer .listlogo .logoitem{padding: 0 80px;border-right: 1px solid #fff;}
.backgroundimagecontainer .listlogo .logoitem:last-child{border-right: none;}
.backgroundimagecontainer .listlogo .logoitem img{height: 60px;}
.graybackgroundcontainer{padding:10px 0;background: rgba(196, 154, 108, 0.2);}
.graybackgroundcontainer img{width: 100%;height: 100%;}
.goalcontainer{display: grid;grid-template-columns: 50% 50%;margin-bottom:50px}
.goalcontainer .avatar img{width: 100%;height: 100%;}
.goalcontainer .goalitem{padding-bottom: 0px;}
.goalcontainer .content{position: relative;padding:0 0 0 40px;}
.goalcontainer .content .seemore{position: absolute;bottom: 0;left: 30px;}
.goalcontainer .content .seemore a{display: inline-block;padding: 5px 50px;color: var(--active-color);border: 1px solid var(--second-color);font-size: 14px;font-weight: bold; margin-left: 10px;}
.goalcontainer .content .seemore a:hover{background: var(--second-color); color: #fff}
.testimonialcontainer{margin: 0;}
.testimonialcontainer .content h3{text-align: center;color: var(--second-color);font-family: mainfont;font-size:var(--large-font-size);font-weight: bold;text-transform: uppercase;letter-spacing: 4px;}
.testimonialcontainer .content h2{text-align: center;font-weight: normal;font-size:var(--big-font-size);color: var(--active-color);}
.testimonialcontainer .testimonialcontent{padding-top: 30px;}
.testimonialcontainer .testimonialcontent .testimonialitem{font-size: var(--normal-font-size);}
.testimonialcontainer .testimonialcontent .testimoniallogo{text-align: center;}
.testimonialcontainer .testimonialcontent .testimoniallogo img{width: 150px;}
.testimonialcontainer .testimonialcontent .star{display: flex;gap:10px;justify-content: center;}
.testimonialcontainer .testimonialcontent .testimonial{text-align: center;}
.testimonialcontainer .testimonialcontent .testimonialitem .name{text-align: center;}
.slicktestcontainer {position: relative;padding: 30px 200px 50px}
.slicktestcontainer::before{content: '';position: absolute;top:70px;left: 120px;background: url(images/quote-left.svg) center no-repeat;background-size: contain;width: 50px;height: 50px;}
.slicktestcontainer::after{content: '';position: absolute;bottom:70px;right: 120px;background: url(images/quote-right.svg) center no-repeat;background-size: contain;width: 50px;height: 50px;}
.slicktestcontainer .slickdot{position: absolute;bottom: 0;right:47%;}
.slicktestcontainer .slickdot a{background: #D9D9D9;display: inline-block;padding:5px;border-radius: 10px;margin:0 5px;}
.slicktestcontainer .slickdot a.active{background: var(--second-color);}
.highlightcontainer{background: #f4f4f4;text-align: center;padding: 50px 0;}
.tabbuttoncontainer{position: sticky;top:0;transition: all 0.5s;text-align:center;margin-bottom: 50px; background-color: var(--lightbg-color);color: #000;font-family:titlefont;font-size: var(--normal-font-size)}
.tabbuttoncontainer .tabbuttoncontent{display:flex;gap:0;padding: 10px 0;justify-content: center;}
.tabbuttoncontainer .tabbuttoncontent .tabbuttonitem{padding: 0 20px;border-right: 1px solid #fff;}
.tabbuttoncontainer .tabtitle{text-transform: uppercase;font-size: var(--small-font-size);align-items:center;display: flex;padding-left: 20px;}
.tabbuttoncontainer .tabbuttonitem a{text-transform: uppercase;font-size: var(--small-font-size);align-items:center;}
.tabbuttoncontainer .tabbuttonitem a:hover{color: var(--second-color);}
.tabbuttoncontainer .tabbuttonitem.active{color: var(--second-color);}
.tabbuttoncontainer .tabbuttonitem:last-child{border-right: none;}
.tabbuttoncontainer.fixed{position: sticky;top:70px;z-index: 2;background-color: var(--lightbg-color);color: #000;z-index: 3;}
.listbuttoncontainer{display: flex;justify-content: center;gap: 25px;padding:50px 0;}
.listbuttoncontainer .buttonitem a{display: inline-block;padding:10px 30px;min-width: 310px;text-align: center;color: var(--active-color);font-size: var(--normal-font-size);font-weight: bold;text-transform: uppercase;border: 1px solid var(--second-color);border-radius: 50px;}
.listbuttoncontainer .buttonitem a:hover{color: var(--active-color);background: var(--second-color);}
.listroomcontainer{display: grid;grid-template-columns: 1fr 1fr;gap:60px}
.listroomcontainer .roomitem{}
.listroomcontainer .roomitem .avatar {position: relative;padding-bottom:10px}
.listroomcontainer .roomitem .avatar > img{width: 100%;aspect-ratio: 560 / 350;}
.listroomcontainer .roomitem .avatar .icongallery{position: absolute;bottom: 20px;right: 20px;}
.listroomcontainer .roomitem .avatar .icongallery img{}
.listroomcontainer .roomitem .content{}
.listroomcontainer .roomitem .content .tienich{display: grid;grid-template-columns: 30% auto;padding:5px 0;}
.listroomcontainer .roomitem .content .tienich .value{font-weight: bold;}
.listroomcontainer .roomitem .content .overview{}
.listroomcontainer .roomitem .content .book a{padding: 10px 20px;display: inline-block;text-align: center;border: 1px solid var(--second-color);width: 50%;margin-top:20px; font-weight:bold;border-radius:50px;color: var(--active-color)}
.listroomcontainer .roomitem .content .book a:hover{background: var(--second-color); color: var(--active-color)}
.listroomcontainer .roomitem .roomgallerycontainer{display: none;}
.roomamenitiescontainer{padding:0 0 40px 0}
.roomamenitiescontainer .listamenity{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 40px;text-align:left}
.roomamenitiescontainer .listamenity .amenityitem{display: flex;gap:10px;padding:15px 0;border-bottom: 0; align-items: center}
.roomamenitiescontainer .listamenity .amenityitem .icon {width: 40px;text-align: center;}
.roomamenitiescontainer .listamenity .amenityitem .icon img{height: auto;width:auto}
.gridactivity{padding-bottom: 40px;}
.gridactivity .activityitem{position: relative;}
.gridactivity .activityitem img{width: 100%;height: 100%;}
.gridactivity .activityitem .caption{position: absolute;bottom: 15px;left: 15px;color: #fff;font-weight: bold;font-size: var(--normal-font-size);text-transform: uppercase;}
.gridactivity .activityitem .sample{position: absolute;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 2;transform: rotateY(90deg);transition: all 0.4s;background: rgba(40,40,41,0.8);color:#fff;padding:15px;overflow: hidden;}
.gridactivity .activityitem:hover .sample{transform: rotateY(0deg);}
.capacitycontainer{padding:50px 0;}
.capacitycontainer .listcapacity{display: flex;justify-content: space-between;gap:0;}
.capacitycontainer .listcapacity .capacityitem{text-align: center;padding:0 40px;}
.capacitycontainer .listcapacity .capacityitem .number{font-weight: 500;font-size: 180px;line-height: 130px;padding: 30px 0 10px;font-family: secondfont;color: #E5D1AB;}
.capacitycontainer .listcapacity .capacityitem .name{text-transform: uppercase;font-family: titlefont; font-size: var(--subtitle-font-size)}
.quotacontainer{background: rgba(171,171,171,0.1);padding:50px 0;}
.quotacontainer .listbutton{display: flex;justify-content: center;gap: 30px;padding-top:20px;}
.quotacontainer .listbutton .button a{display: inline-block;padding:10px 30px;min-width: 310px;text-align: center;background: var(--second-color);color: #fff;font-size:var(--normal-font-size);font-weight: bold;text-transform: uppercase;}
.quotacontainer .listbutton .button a:hover{color: #000}
.quotacontainer .content{position: relative;}
.quotacontainer .content::before{content: '';background: url(images/ngoac-kep-trai.png) center no-repeat;background-size: cover;position: absolute;top:0;left: -10px;transform: translateX(-100%);width: 30px;height: 25px;}
.quotacontainer .content::after{content: '';background: url(images/ngoac-kep-phai.png) center no-repeat;background-size: cover;position: absolute;bottom:0;right: -10px;transform: translateX(100%);width: 30px;height: 25px;}
.listkoffercontainer .offeritem{border: 1px solid #D9D9D9;position: relative;}
	.bodytext-leftalign{text-align:center}
.charterservices{text-align:center}
.listkoffercontainer .offeritem .content .available{font-size: 14px;padding:10px 0;}
.listkoffercontainer .offeritem .content .readmore{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: calc(100% - 60px);}
.listkoffercontainer .offeritem .content .readmore a{color:var(--active-color);border: 1px solid var(--second-color);display: inline-block;padding:10px 50px;text-align: center;;border-radius: 50px;text-transform:uppercase}
.listkoffercontainer .offeritem .content .readmore a:first-child{border: none;text-transform:uppercase}
.listkoffercontainer .offeritem .content .readmore a:hover{background: var(--second-color);color: #fff;}
.itinerarydetailcontainer{}
.itinerarydetailcontainer .map img{width: 100%;height: 100%;vertical-align: bottom;}
.itinerarydetailcontainer .content{position: relative;}
.itinerarydetailcontainer .content .day{padding:0;border-top: 1px solid #d9d9d9;}
.itinerarydetailcontainer .content .day:last-child{border-bottom: 1px solid #d9d9d9;}
.itinerarydetailcontainer .content .day .name{display: flex;justify-content: space-between;padding:20px 20px 20px 0; align-items:center}
.itinerarydetailcontainer .content .day .daycontent{display: none;grid-template-columns: 200px auto;padding-right: 30px;}
.itinerarydetailcontainer .content .day .daycontent em{display: inline-block;width: 200px;font-style: normal;}
.itinerarydetailcontainer .content .download{position: absolute;bottom: 0;left: 0;}
.itinerarydetailcontainer .content .download a{display: inline-block;padding:10px 30px;min-width: 310px;text-align: center;background: var(--second-color);color: #fff;font-size: 17px;font-weight: bold;text-transform: uppercase;}
.itinerarydetailcontainer .content .download a:hover{color: var(--third-color)}
ul.checkstyle{list-style-image: url(images/check.png);}
ul.checkstyle li{padding: 10px;}
ul.excludestyle{list-style-image: url(images/exclude.png);}
ul.excludestyle li{padding: 10px;}
.listknewscontainer .newsitem{position: relative;padding-bottom: 70px;margin-bottom: 50px}
.listknewscontainer .newsitem .avatar img{width: 100%;aspect-ratio: 95 / 58;}
.listknewscontainer .newsitem .content{padding:0;}
.listknewscontainer .newsitem h3{font-size: var(--normal-font-size);font-weight: bold;font-family: titlefont;color: var(--active-color);line-height: 26px; text-transform:uppercase}
.listknewscontainer .newsitem .date{font-size: var(--small-font-size);padding: 10px 0}
.listknewscontainer .newsitem .readmore{position: absolute;bottom: 20px;}
.listknewscontainer .newsitem .readmore a{display: inline-block;text-align: center;width: 100%;border:1px solid var(--second-color);padding: 5px 30px;border-radius: 50px;color:var(--active-color);margin-top:10px; font-size: var(--small-font-size);text-transform:uppercase}
.listknewscontainer .newsitem .readmore a:hover{background: var(--second-color); color: #fff}
.gform_footer input[type='submit']{display: inline-block;padding:10px 20px;text-align: center;background: var(--second-color);color: #fff;text-transform: uppercase;font-weight: bold;font-size: 17px;width: 100%;border: none;font-family: mainfont}
.gform_footer input:hover{color: #000}
.listlightgallery .avatar{position: relative;}
.listlightgallery .avatar img{width: 100%;aspect-ratio: 360 / 260;}
.listlightgallery .avatar{position: relative;}
.listlightgallery .avatar .icongallery{position: absolute;bottom: 20px;right:20px;}
.listlightgallery .avatar .icongallery img{width: 50px;height: 50px;}
.listlightgallery .lightgallerycontainer{display: none;}
.listlightgallery .caption{text-align: center;padding:20px 0 0;}
.enquerycontainer{text-align-last: left;}
.enquerycontainer input,.enquerycontainer textarea,.enquerycontainer select{padding:10px 20px;border-radius: 50px;width: 100%;border:1px solid var(--active-color); font-family: mainfont;margin: 15px 0;;}
.enquerycontainer input[type="radio"]{width: 40px;}
.enquerycontainer textarea{height: 100%; font-family: mainfont}
.enquerycontainer .formbutton{text-align-last: center; font-family: mainfont}
.enquerycontainer .formbutton button{padding:10px 20px; width: 100%;color: #fff;background: var(--second-color);border: none;font-family: mainfont;font-weight: bold;border-radius: 50px;margin-top:15px; margin-bottom: 15px}
.contactusform input,.contactusform textarea{padding:15px;border-radius: 50px;width: 100%;border:1px solid #ABABAB;font-size: var(--normal-font-size);font-family:mainfont}
.contactusform .formitem{padding:20px 0;font-family: mainfont;text-align-last: left;}
.contactusform .formbutton{text-align: center;padding: 20px 0;font-family:titlefont}
.contactusform .formbutton button{padding:15px 20px; width: 100%;color: #fff;background: var(--second-color);border: none;font-family: mainfont; font-size: var(--normal-font-size);border-radius: 50px;}
.contactusform .formbutton button:hover{color: var(--normal-color)}
.inquirytitle {font: var(--big-font-size) secondfont; color: var(--active-color); position: relative; padding: 150px 0 10px 0; text-transform: uppercase; text-align: center;}
input.calendar{background: url(images/icon-calendar.png) center right no-repeat;}
.firstload{position: fixed;top:0;left: 0;width: 100%;height: 100vh;background: var(--active-color);z-index: 100;transition: all 2s;}
.firstload img,.firstload svg{margin: 50vh auto;transform: translateY(-50%);display: block;width: 15%}
.firstload.disable{opacity: 0;visibility: hidden;}

.inlinegallery{width: 100%;height: 0;padding-bottom: 60%;}
.inlinegallery .lg-backdrop{background: none;}
.inlinegallery .lg-outer .lg-thumb-outer{background: none;}
.inlinegallery .lg-thumb-item{opacity: 0.3;transition: all 0.3s;}
.inlinegallery .lg-thumb-item.active{opacity: 1;}
.highlighttext{font-size: var(--small-font-size);color: var(--active-color);text-transform: uppercase;margin:0; padding-top:20px;display:none}
.listicon{display: flex;gap:50px;}
.listicon .iconitem{display: flex;gap:10px;;}
.listicon .iconitem img{width: 30px;vertical-align: middle;}
.stayconnected{padding:0; text-align:center}
.cookiecontainer{background: var(--active-color);position: fixed;bottom: 0;left: 0;width: 100%;padding:10px 20px;color: #fff;z-index: 10000;font-size: var(--small-font-size);line-height: 20px;}
.cookiecontainer .container{display: grid;grid-template-columns: 200px auto 400px;gap:20px;align-items: center;}
.cookiecontainer .container .logo img{width: 180px;}
.cookiecontainer .container .button{display: flex;justify-content: center;gap:20px;}
.cookiecontainer .container .button button{background: #fff;border: none;color: var(--active-color);padding:5px 20px;border-radius: 30px;font-weight: bold;}
.gallerycontent .contentitem{display:none;}
.gallerycontent .contentitem.active{display: block;}
.gallerycontent .contentitem h3{    font: var(--normal-font-size) mainfont;font-weight: bold;text-transform: uppercase;}
.inlinegallerycontainer{position: relative;}
.inlinegallerycontainer .gallerycontent{position: absolute;z-index: 3;bottom: 100px;left: 0;width: 100%;background-image: linear-gradient(to top, rgba(40,40,41,0.9),rgba(40,40,41,0));color: #fff;padding:0 20px;}
.inlinegallery .lg-content{bottom: 100px!important;}
.inlinegallery .lg-toolbar{display: none;}
.inlinegallery .lg-outer .lg-object{width: 100%;}
.inlinegallery .lg-outer.lg-animate-thumb .lg-thumb{display: flex;justify-content: center;}
.inlinegallery .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{width: 15%!important;margin-bottom: 0;margin-right: 0;}
.slidegallerycontainer .slidegalleryitem {padding: 10px;}
.slidegallerycontainer .slidegalleryitem img{width: 100%;}
.backgroundcontent .backgroundcontentitem{position: relative;}
.backgroundcontent .backgroundcontentitem > img{width: 100%;height: 100%;}
.backgroundcontent .backgroundcontentitem .content{padding:10px 30px;background:rgba(0,0,0,0);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;}
.backgroundcontent .backgroundcontentitem .content .head{font-family:titlefont; text-transform:uppercase}
.backgroundcontent .backgroundcontentitem .content p{padding:0;margin: 0;font-size: var(--small-font-size)}
.slideroomscontainer .listtitle{display: flex;justify-content: center;border-bottom: 1px solid #C2C2C2;border-top: 1px solid #C2C2C2;padding:15px 0;font-family:titlefont; text-align:center}
.slideroomscontainer .listtitle .titleitem{padding:0 20px;line-height: 20px;border-left: 1px solid var(--normal-color);font-weight: bold;text-transform: uppercase;}
.slideroomscontainer .listtitle .titleitem:hover{color: var(--active-color);}
.slideroomscontainer .listtitle .titleitem.active{color: var(--active-color);}
.slideroomscontainer .listtitle .titleitem:first-child{border-left: none;}
.slideroomscontainer .roomscontainer{position: relative;}
.slideroomscontainer .roomscontainer .roomslideitem{height: auto;visibility: visible;opacity: 1;transition: all 0.5s;display: block;}
.slideroomscontainer .roomscontainer .roomslideitem.deactive{visibility: visible;opacity: 0;display: none;}
.slideroomscontainer .roomscontainer .avatarcontainer{position: relative;}
.slideroomscontainer .roomscontainer .avatarcontainer .content{display: flex;justify-content: space-between;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0);color: #fff;width: 100%;padding:20px 30px;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .roomname{text-transform: uppercase;font-family: titlefont;font-size: var(--large-font-size)}
.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities{display: flex;justify-content: flex-start;gap:0;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities span{display: inline-block;padding:0 20px;line-height: 20px;border-left: 1px solid #fff;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities span:first-child{border-left: none;padding: 0 20px 0 0;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .readmore a{display: inline-block;padding:10px 20px; border: 1px solid #fff;border-radius: 50px;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .readmore a:hover{background-color: var(--second-color); border:0; color: var(--active-color)}
.tabslidecontainer .tabcontent .tabcontentitem.deactive{display: none;}
	.playbutton{display:none}
.tabslidecontainer .tabcontent img{width:100%;}
.tabslidecontainer .tabtitle{display: flex;justify-content: center;gap:0;padding:20px 0 40px 0; align-items: center;}
.tabslidecontainer .tabtitle .tabtitleitem{padding:0 20px; line-height: 16px;text-transform: uppercase;border-left: 1px solid var(--normal-color);font-family:titlefont; font-size: var(--normal-font-size)}
.tabslidecontainer .tabtitle .tabtitleitem:first-child{border-left: none;}
.tabslidecontainer .tabtitle .tabtitleitem.active,.tabslidecontainer .tabtitle .tabtitleitem:hover{color: var(--second-color);}
.floatcontactcontainer{position: fixed;top:50%;right: 20px;background: rgba(240, 235, 225, 0.8);border-radius: 50px;padding: 10px;transform: translateY(-50%);}
.floatcontactcontainer .listcontact{display: flex;flex-direction: column;gap:10px; ;}
.wp-block-columns.itineraryimage{align-items: normal!important;}
.wp-block-columns.itineraryimage img{width: 100%;height: 100%;}
.servicecolumn .content:first-child{padding-left: calc((100% - var(--max-width-container)) / 2);}
.servicecolumn .content:last-child{padding-right: calc((100% - var(--max-width-container)) / 2);}
.downloadcontainer{padding:30px 0;}
.downloadcontainer .downloaditem{padding:20px 0;border-top: 1px solid #C2C2C2;}
.downloadcontainer .downloaditem:last-child{border-bottom: 1px solid #C2C2C2;}
.tabgallery .tabcontentitem.deactive{display: none;}
.slick-dots{display: flex;list-style: none;gap: 2px;justify-content: center;position: relative;padding: 0 0 30px 0;bottom: 20px;width: 100%;z-index: 1;margin:0}
.slick-dots li button{font-size: 0;
    border: none;
    position: relative;
    width: 30px;}
.slick-dots li button::before{content: '';width: 30px;position: absolute;top: 0;left: 0;height: 2px;background: #fff;}
.slick-dots li button:hover::before{background: #4D2A08;}
.slick-dots li.slick-active button::before{background: #4D2A08;}
.slick-prev {
    font-size: 0;
    border: none;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    z-index: 1;
    background: transparent;
}
.slick-prev::before {
    content: '';
    background: url(images/white-left.png) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
}
.slick-next {
    font-size: 0;
    border: none;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 1;
    background: transparent;
}
.slick-next::before {
    content: '';
    background: url(images/white-right.png) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
}

/* ===== BANNER ===== */
.banner {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 700px;
    overflow: hidden;
}

.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width:;
    margin: 0 auto;
    padding: 60px 80px;
}

/* ===== LOGO ===== */
.logo-wrapper {
    position: absolute;
    top: 150px;
    left: 12%;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 1.6s ease-out 1.2s forwards;
}

.logo {
    width: 160px;
    height: auto;
    display: block;
}

/* ===== LEFT TEXT BLOCK (15 NĂM hành trình) ===== */
.text-block {
    position: absolute;
    top: 300px;
    left: 12%;
    opacity: 0;
    animation: fadeInUp 1.8s ease-out 1.8s forwards;
}

.line-15 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.num-15 {
    position: relative;
    display: inline-block;
    font-family: mainfont;
    font-size: 250px;
    font-weight: 400;
    line-height: 0.7;
    letter-spacing: 0;

    /* Use background-clip on inner content with image positioned via img tag effect via mask: */
    color: transparent;
    background-image: url('images/bg-text.jpg');
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
}

.num-15 .text-bg-img,
.word-kientao .text-bg-img {
    display: none;
}

.num-15 .text-content,
.word-kientao .text-content {
    background: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
	font-family: titlefont;
}

.word-nam {
    font-family: titlefont;
    font-size: 60px;
    font-weight: 400;
    color: #f5e6c8;
    letter-spacing: 0;
    margin-top: 112px;
}

.line-hanhtrinh {
    margin-top: -30px;
    margin-left: 90px;
}

.word-hanhtrinh {
    font-family: secondfont;
    font-size: 56px;
    color: #f5e6c8;
    font-weight: 400;
	position: relative;
}

/* ===== RIGHT TEXT BLOCK (NGƯỜI KIẾN TẠO) ===== */
.right-text {
    position: absolute;
    top: 550px;
    right: 13%;
    text-align: center;
    opacity: 0;
    animation: fadeInUp 1.8s ease-out 2.2s forwards;
}

.word-nguoi {
    font-family: titlefont;
    font-size: 60px;
    font-weight: 400;
    color: #f5e6c8;
    letter-spacing: 4px;
    margin-bottom: 6px;
	text-align: left;
}

.word-kientao {
    position: relative;
    display: inline-block;
    font-family:titlefont;
    font-size: 80px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 2px;

    color: transparent;
    background-image: url('images/bg-text.jpg');
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
}

/* ===== SCROLL DOWN ===== */
.scroll-down {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    opacity: 0;
    animation: fadeIn 1.5s ease-out 2.8s forwards;
}

.scroll-down span {
    display: block;
    font-family: 'Philosopher', serif;
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.arrow {
    animation: bounce 2s infinite;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeIn {
    to { opacity: 1; }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
}

/* ===== INTRO SECTION ===== */
.intro {
    position: relative;
    background-image: url('images/yellow-background.jpg');
    background-size: cover;
    background-position: center;
    padding: 70px 0 70px;
    overflow: hidden;
}

.intro-cloud {
    position: absolute;
    top: 0;
    width: 600px;
    pointer-events: none;
    z-index: 2;
}
.intro-cloud-left  { left: 0; top: 35%;transform: translateX(-50%);animation: cloudmovefromleft 50s linear infinite; }
.intro-cloud-right { right: 0; top: 3%;transform: translateX(50%);animation: cloudmovefromright 50s linear infinite;}
@keyframes cloudmovefromleft {
    0%   { left: 0; }
    50% { left:300px; }
    100% { left: 0; }
}
@keyframes cloudmovefromright {
    0%   { right: 0; }
    50% { right: 300px; }
    100% { right: 0; }
}
.intro-text-block {
    position: relative;
    z-index: 3;
    max-width: 860px;
    margin: 0 auto 50px;
    padding: 0 40px;
    text-align: center;
}

.intro-para {
    font-family: mainfont;
    font-size: 20px;
    line-height: 28px;
    color: #3a2a1a;
    margin-bottom: 24px;
}
.intro-para:last-child { margin-bottom: 0; }
.intro-para-indent { padding: 0 10px; }

.intro-headline {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 20px;
}

.intro-num {
    font-family: titlefont;
    font-size: 180px;
    font-weight: 400;
    line-height: 1;
    color: transparent;
    background-image: url(images/bg-text.jpg);
    background-size: cover;
    background-position: 50% 50%;
    -webkit-background-clip: text;
}

.intro-headline-right {
    display: flex;
    flex-direction: column;
	padding: 30px 0 0 0;
}

.intro-nam {
    font-family: titlefont;
    font-size: 40px;
    font-weight: 400;
    color: #4D2A08;
}
.intro-nam em {
    font-family: secondfont;
    font-weight: 400;
    font-size: 50px;
    color: #4D2A08;
}

.intro-brand {
    font-family: titlefont;
    font-size: 40px;
    font-weight: 400;
    color: transparent;
    background-image: url(images/bg-text.jpg);
    background-size: cover;
    background-position: 50% 50%;
    -webkit-background-clip: text;
	line-height: 1.3;
}

/* slider */
.intro-slider-wrap {
    position: relative;
    z-index: 3;
    width: 100%;
    overflow: hidden;
}

.intro-slider {
    display: flex;
    gap: 30px;
    width: max-content;
    animation: introScroll 30s linear infinite;
	align-items: center;
}
.intro-slide .avatar{
    position: relative;
}
.intro-slide .avatar .year{
    font-size: 50px;
    font-weight: 400;
    color: transparent;
	-webkit-text-stroke: 1px #ffffff; line-height: 50px; margin-top: -25px;padding-left: 10px}
.slickintro-slider .slick-list{overflow: visible;}
.slickintro-slider .slick-list .slick-track{display:flex;align-items: center;}
.slickintro-slider .slick-dots{bottom: 0;}
@keyframes introScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.intro-slide {
    position: relative;
    padding:15px;
    transition: all 0.45s ease;
    
}
.intro-slide:hover{transform: scale(1);}

.intro-slide img {
    width: 100%;
    transition: height 0.45s ease;
}

.intro-slide-caption {
    padding: 0 4px;
    opacity: 0;
    transform: translateY(-6px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: opacity 0.35s ease, transform 0.35s ease, max-height 0.45s ease, padding 0.45s ease;
    pointer-events: none;
	margin:10px 0;
}

.intro-slide-caption strong {
    font-family: mainfont;
    font-size: 17px;
    color: #5a3a18;
    font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
	margin-top:10px;
	font-weight:bold;
}

.intro-slide-caption p {
    font-family: mainfont;
    font-size: 16px;
    color: #6e553e;
	font-style: italic;
	margin:0;
	
}

.intro-slide:hover {
    z-index: 10;
}

.intro-slide:hover img {
}

.intro-slide:hover .intro-slide-caption {
    opacity: 1;
    transform: translateY(0);
}

.intro-dots-line {
    position: relative;
    z-index: 3;
    height: 2px;
    margin: 0 220px;
    background: repeating-linear-gradient(
        to right,
        #b8945a 0px, #b8945a 18px,
        transparent 18px, transparent 28px
    );
    opacity: 0.5;
}
/* ===== REVEAL ANIMATIONS ===== */
[data-reveal] {
    opacity: 0;
    transition: opacity 0.75s ease, transform 0.75s ease;
}
[data-reveal="up"]    { transform: translateY(36px); }
[data-reveal="left"]  { transform: translateX(-40px); }
[data-reveal="right"] { transform: translateX(40px); }

[data-reveal].is-visible {
    opacity: 1;
    transform: translate(0, 0);
}
/* ===== STATS SECTION ===== */
.stats {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 80px;
}

.stats-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.stats-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 10, 5, 0.55);
    z-index: 2;
}

.stats-content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
}

.stats-title {
    font-family: titlefont;
    font-weight: 400;
    line-height: 1.00;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.stats-title-top {
    font-size: 50px;
	line-height: 0.7;
    color: #E5D6AC;
}

.stats-title-bottom {
    font-size: 80px;
    line-height: 1.5;
    color: transparent;
    background-image: url(images/bg-text.jpg);
    background-size: cover;
    background-position: 50% 75%;
    -webkit-background-clip: text;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 28px;
    max-width: 1500px;
    margin: 0 auto;
}

.stat-card {
    position: relative;
    padding: 60px 28px;
    text-align: center;
    color: #f5e6c8;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:;
    background-image: url('images/bg-nhung-con\ so.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.stat-number {
    font-family: titlefont;
    font-size: 55px;
    font-weight: 400;
    color: #E5D6AC;
    line-height: 1;
}

.stat-number sup {
    font-size: 0.55em;
    font-weight: 600;
    top: -0.5em;
    margin-left: 2px;
}

.stat-desc {
    font-family: mainfont;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    max-width: 220px;
}
/* ===== DUALITY SECTION ===== */
.duality {
    position: relative;
    width: 100%;
    overflow: hidden;
	text-align: center;
}

.duality-side {
    overflow: hidden;
}
.duality-side.duality-left { position: relative;width: 100%;z-index: 1; }
.duality-side.duality-right { position: absolute;width: 50%;z-index: 2;top:0;right:0;height: 100%;transition: width 0.5s ease; }
.duality-side.duality-right.active{width: 95%;}

.duality-side.duality-right.deactive{width: 5%; }
.duality-side.duality-left.active{width: 95%;}
.duality-side.duality-left.deactive{width: 5%;}
.duality-bg {
    width: 100vw;
}
.duality-side.duality-right .duality-bg {
    position: absolute;
    top:0;right:0;
}
.duality-side.duality-left .duality-content {
    position: absolute;
    top:40%;
    left: 25%;
    transform: translate(-50%, -50%);
    z-index: 2;
	text-align: center;
}
.duality-side.duality-right .duality-content {
    position: absolute;
    top:40%;
    right: 100px;
    transform: translate(0%, -50%);
    z-index: 2;
	text-align: center;
}
.duality-side.duality-right.deactive .duality-content{width: 550px;}

.duality-eyebrow {
    font-family: titlefont;
    font-size: 24px;
    color: #704922;
    margin-bottom: 22px;
}

.duality-eyebrow-dark {
    color: #E5D6AC;
}

.duality-title {
    font-family: mainfont;
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 50px;
    color: #704922;
}
.duality-right .duality-title {
	color: #E5D6AC;
}

.duality-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.duality-content ul li {
    font-family: mainfont;
    font-size: 17px;
    letter-spacing: 0;
    color: #704922;
    font-weight: 500;
}

.duality-right .duality-content ul li {
    color: #fff;
}

/* ===== PHILOSOPHY SECTION ===== */
.philosophy {
    background-image: url('images/bg2.jpg');
    background-size: cover;
    background-position: center top;
    padding-bottom: 80px;
}

.philosophy-header {
    text-align: center;
    padding: 120px 0 60px 0;
}

.philosophy-heading {
    font-family: titlefont;
    font-size: 80px;
    font-weight: 400;
	color: transparent;
    background-image: url(images/bg-text.jpg);
    background-size: cover;
    background-position: 50% 75%;
    -webkit-background-clip: text;
	line-height: 1.2;
}

.philosophy-subheading {
    font-family: mainfont;
    font-size: 50px;
    color: #4D2A08;
    font-style:;
	margin-top:0;
}

.philosophy-body {
    display: grid;
    grid-template-columns: 60% 1fr;
    min-height:;
}

.philosophy-left {
    position: relative;
    overflow: hidden;
}

.philosophy-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* ============================================================
   HIỆU ỨNG ĐỐM SÁNG DI CHUYỂN (SPARKLES)
   ============================================================
   Hiệu ứng những đốm sáng bay nhẹ trên ảnh philosophy-left.

   CÁCH TÙY CHỈNH:
   - Mỗi đốm sáng (.sparkle-1 → .sparkle-6) có thể chỉnh riêng:
       --size       : đường kính đốm sáng (px)
       --color      : màu lõi đốm sáng (thường là trắng/vàng nhạt)
       --glow       : màu hào quang xung quanh (toả sáng)
       --brightness : độ sáng/đậm (0 = tắt, 1 = sáng nhất)
       --start-x/y  : vị trí XUẤT PHÁT (% so với khung ảnh)
       --end-x/y    : vị trí KẾT THÚC sau khi di chuyển (% so với khung ảnh)
       --duration   : thời gian 1 chu kỳ di chuyển (giây)
       --delay      : trễ trước khi bắt đầu (giây) – giúp các đốm lệch nhịp nhau
   - Muốn THÊM đốm: copy 1 khối .sparkle-N, đổi tên thành .sparkle-7…
     và nhớ thêm <span class="sparkle sparkle-7"></span> trong index.html.
   - Muốn BỎ đốm: xoá khối .sparkle-N tương ứng + span trong HTML.
   ============================================================ */

.sparkle {
    position: absolute;
    /* Giá trị mặc định – mỗi đốm bên dưới sẽ override lại */
    --size: 8px;
    --color: #ffffff;          /* màu lõi */
    --glow: #ffe9a8;           /* màu hào quang vàng nhạt, hợp tông ấm của ảnh */
    --brightness: 1;           /* 0 → 1 ; càng cao càng chói */
    --start-x: 20%;
    --start-y: 80%;
    --end-x: 80%;
    --end-y: 20%;
    --duration: 8s;
    --delay: 0s;

    top: 0;
    left: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: radial-gradient(circle,
        var(--color) 0%,
        var(--glow) 40%,
        rgba(255, 255, 255, 0) 70%);
    /* Hào quang bên ngoài – tăng glow size để toả sáng rộng hơn */
    box-shadow:
        0 0 calc(var(--size) * 1.5) var(--glow),
        0 0 calc(var(--size) * 3)   var(--glow);
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    animation:
        sparkle-move var(--duration) ease-in-out infinite,
        sparkle-twinkle calc(var(--duration) / 4) ease-in-out infinite;
    animation-delay: var(--delay), var(--delay);
    /* Nhân độ sáng với --brightness */
    filter: brightness(calc(0.6 + var(--brightness) * 0.8));
}

/* Quỹ đạo di chuyển: từ (start-x, start-y) → (end-x, end-y) rồi quay lại */
@keyframes sparkle-move {
    0%   { transform: translate(var(--start-x), var(--start-y)) scale(0.6); }
    50%  { transform: translate(var(--end-x),   var(--end-y))   scale(1.1); }
    100% { transform: translate(var(--start-x), var(--start-y)) scale(0.6); }
}

/* Nhấp nháy: đốm sáng mờ → tỏ → mờ liên tục */
@keyframes sparkle-twinkle {
    0%, 100% { opacity: 0; }
    50%      { opacity: var(--brightness); }
}

/* ----- 6 ĐỐM SÁNG MẶC ĐỊNH -----
   Thay đổi các giá trị bên dưới để di chuyển/đổi màu/đổi độ sáng từng đốm. */

.sparkle-1 {
    --size: 30px;
    --color: #ffffff;
    --glow: #fff3c4;        /* vàng kem nhẹ */
    --brightness: 0.9;
    --start-x: 30px;  --start-y: -30px;
    --end-x:   80px;  --end-y:   30px;
    --duration: 7s;
    --delay: 0s;
    top:10%;
    left: 80%;
}

.sparkle-2 {
    --size: 30px;
    --color: #ffffff;
    --glow: #ffd98a;        /* vàng đậm hơn */
    --brightness: 1;
    --start-x: 60px;  --start-y: 85px;
    --end-x:   75px;  --end-y:   45px;
    --duration: 9s;
    --delay: 1.2s;
    top:60%;
    left: 80%;
}

.sparkle-3 {
    --size: 30px;
    --color: #ffffff;
    --glow: #ffe9a8;
    --brightness: 0.75;
    --start-x: 80px;  --start-y: 20px;
    --end-x:   55px;  --end-y:   55px;
    --duration: 11s;
    --delay: 2.5s;
    top:80%;
    left: 80%;
}

.sparkle-4 {
    --size: 5px;
    --color: #ffffff;
    --glow: #ffffff;        /* trắng tinh, lạnh hơn */
    --brightness: 1;
    --start-x: 30%;  --start-y: 25%;
    --end-x:   70%;  --end-y:   65%;
    --duration: 6s;
    --delay: 0.6s;
}

.sparkle-5 {
    --size: 8px;
    --color: #ffffff;
    --glow: #f6c976;        /* vàng cam ấm */
    --brightness: 0.85;
    --start-x: 85%;  --start-y: 65%;
    --end-x:   45%;  --end-y:   15%;
    --duration: 10s;
    --delay: 3s;
}

.sparkle-6 {
    --size: 7px;
    --color: #ffffff;
    --glow: #fff3c4;
    --brightness: 0.7;
    --start-x: 10%;  --start-y: 40%;
    --end-x:   25%;  --end-y:   80%;
    --duration: 8s;
    --delay: 1.8s;
}

/* Tôn trọng người dùng giảm chuyển động */
@media (prefers-reduced-motion: reduce) {
    .sparkle { animation: none; opacity: 0; }
}
.philosophy-vertical-text {
    position: absolute;
    right: -10px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: 'Philosopher', serif;
    font-size: 88px;
    font-weight: 700;
    color: rgba(30, 20, 10, 0.18);
    letter-spacing: 12px;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    line-height: 1;
}

.philosophy-right {
    padding: 10px 50px 10px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
}

.philosophy-block {
    padding:0;
    border-bottom: none;
}

.philosophy-block:last-child {
    padding-bottom: 0;
}

.philosophy-block-divider {
    position: relative;
    width: 1px;
    height: 100px;
    background: linear-gradient(to bottom, transparent, #b8945a);
    margin-bottom: 28px;
}

.philosophy-block-divider::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #b8945a;
}

.philosophy-block-title {
    font-family: titlefont;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #4D2A08;
    margin-bottom: 20px;
}

.philosophy-block-text {
    font-family: mainfont;
    font-size: 14px;
    line-height: 1.9;
    color: #5a4030;
    margin-bottom: 14px;
}

.philosophy-block-text:last-child {
    margin-bottom: 0;
}
.bgcloud{position: relative;}
.bgcloud::before{
    content:'';
    position: absolute;
    top:-30%;left:0;
    width: 520px;
    background: url('images/cloud.svg') center no-repeat;
    background-size: contain;
    animation: cloudmovefromleft 50s linear infinite;
    height: 100%;transform: translateX(-100%);
    z-index: -1;
}
/* ===== TAM NHIN SECTION ===== */
.tamnhin {
    position: relative;
    background-image: url('images/bg1.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 0 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.tamnhin-cloud-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    pointer-events: none;
    transform: translateX(-50%);
        
}

.tamnhin-quote {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 900px;
    text-align: center;
}

.tamnhin-quote-mark {
    font-family: 'Philosopher', serif;
    font-size: 200px;
    line-height: 0.7;
    color: #D9C2A3;
    flex-shrink: 0;
}

.tamnhin-quote-open {
    align-self: flex-start;
    margin-top: 10px;
}

.tamnhin-quote-close {
    align-self: flex-end;
    margin-top: 10px;
}

.tamnhin-quote-text {
    font-family:mainfont;
    font-size: 28px;
    line-height: 1.3;
    color: #3a2a1a;
    font-style:;
}

.tamnhin-video-wrap {
    width: 100%;
    max-width: 1200px;
}

.tamnhin-video {
    width: 100%;
    display: block;
}

/* ===== MOMENTS SECTION ===== */
.moments {
    background-color: #f0ebe3;
    padding: 40px 0 0 0;
}

.moments-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.moments-header {
    text-align: center;
    margin-bottom: 70px;
}

.moments-title {
    font-family: titlefont;
    font-size: 90px;
    font-weight: 400;
    line-height: 1;
}

.moments-title-bold {
    color: #704922;
	text-decoration: underline;
    cursor: pointer;
}

.moments-title-light {
    color: #C7C7C7;
    cursor: pointer;
}

.moments-body {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 120px;
    align-items: start;
    display: none;
}
.moments-body.active{display: grid;}

.moments-left {
    display: flex;
    flex-direction: column;
    gap: 60px;
	align-items: flex-end;
}

.moments-desc {
    font-family: mainfont;
    font-size: 20px;
  
    color: #4a3a2e;
}

.moments-img-left-wrap {
    width: 100%;
    max-width: 420px;
}

.moments-img-left {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	padding-left:100px;
}

.moments-right {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.moments-right p{
 margin: 20px 0 0 0;
}

.moments-img-right-wrap {
    width: 100%;
}

.moments-img-right {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}

.moments-list {
    list-style: disc;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.moments-list li {
    font-family:mainfont;
    font-size: 15px;
    line-height: 1.5;
    color: #4a3a2e;
}

/* ===== REVEAL ANIMATIONS ===== */
[data-reveal] {
    opacity: 0;
    transition: opacity 0.75s ease, transform 0.75s ease;
}
[data-reveal="up"]    { transform: translateY(36px); }
[data-reveal="left"]  { transform: translateX(-40px); }
[data-reveal="right"] { transform: translateX(40px); }

[data-reveal].is-visible {
    opacity: 1;
    transform: translate(0, 0);
}

/* ===== REGISTER SECTION ===== */

.form-quote-mark {
    font-family: 'Philosopher', serif;
    font-size: 200px;
    color: #D9C2A3;
	margin: 100px 0 0 0;
}
.register {
    background-color: #f0ebe3;
    padding: 0 0 100px 0;
}

.register-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.register-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

.register-input {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: none;
    outline: none;
    font-family: mainfont;
    font-size: 20px;
    color: #332113;
    box-sizing: border-box;
	border-radius:4px
}

.register-input::placeholder {
    color: #332113;
}

.register-btn {
    width: 100%;
    padding: 20px 0 15px 0;
    background: #4D2A08;
    color: #E5D6AC;
    border: none;
    cursor: pointer;
    font-family: titlefont;
    font-size: 24px;
    font-weight: 400;
	border-radius:4px
}

.register-btn:hover {
    background: #6e3d18;
}

.register-bottom-row {
    margin-bottom: 0;
}

.register-count {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 20px;
}

.register-count-number {
    font-family: titlefont;
    font-size: 80px;
    font-weight: 400;
    line-height: 1;
    color: transparent;
    background-image: url(images/bg-text.jpg);
    background-size: cover;
    background-position: 50% 75%;
    -webkit-background-clip: text;
    flex-shrink: 0;
}

.register-count-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family:mainfont;
    font-size: 20px;
    color: #4a3a2e;
    line-height:1;
}

.register-count-highlight {
	font-family:mainfont;
    font-weight: 400;
    font-size: 20px;
}

.register-count-highlight em {
	font-family:mainfont;
	font-weight:bold;
    color: #4a3a2e;
}

/* ===== VU LAN SECTION ===== */
.vulan {
    position: relative;
    width: 100%;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.vulan-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.vulan-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vulan-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 60px 0;
    max-width: 860px;
}

.vulan-title {
    font-family: titlefont;
    font-size: 40px;
    font-weight: 400;
    color: #E5D6AC;
    margin-bottom: 20px;
	text-transform: uppercase;
}

.vulan-desc {
    font-family: mainfont;
    font-size: 20px;
	line-height: 1.5;
    color: #FFFFFF;
    margin-bottom: 36px;
    text-align: center;
}

.vulan-btn {
    display: inline-block;
    padding: 20px 70px 15px  70px;
    background: #E5D6AC;
    color: #704922;
    text-decoration: none;
    font-family: titlefont;
    font-size: 24px;
    font-weight: 400;
    border-radius: 4px;
}

.vulan-btn:hover {
    background: #f0ebe3;
	color: #704922;
}

/* ===== FOOTER ===== */
.footer {
    position: relative;
    overflow: hidden;
}

.footer-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.footer-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.footer-inner {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 80px 36px;
}

.footer-top {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 50px;
    align-items: center;
    margin-bottom: 50px;
}

.footer-logo {
    width: 140px;
    display: block;
}

.footer-about {
    font-family: mainfont;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}

.footer-mid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.footer-col-title {
    font-family: mainfont;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #E5D6AC;
    margin-bottom: 16px;
	text-transform: uppercase;
}

.footer-col-text {
    font-family: mainfont;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
	margin: 0;
}

.footer-socials {
    display: flex;
    gap: 20px;
    align-items: center;
}

.footer-social-link img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    filter: brightness(0.85);
    transition: filter 0.2s;
}

.footer-social-link:hover img {
    filter: brightness(1.2);
}

.footer-divider {
    border: none;
    border-top: 1px solid rgba(200, 170, 120, 0.3);
    margin-bottom: 24px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-copyright,
.footer-legal {
    font-family: mainfont;
    font-size: 16px;
    color: #fff;
}

.footer-legal {
    text-decoration: none;
}

.footer-legal:hover {
    color: #c8aa78;
}
/* ===== ECOSYSTEM INTRO SECTION ===== */
.ecosystem-intro {
    background-color:;
    padding: 110px 0 0 0;
    text-align: center;
}

.ecosystem-intro-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.ecosystem-intro-title {
    font-family: titlefont;
    font-size: 80px;
    font-weight: 400;
    color: transparent;
    background-image: url(images/bg-text.jpg);
    background-size: cover;
    background-position: 50% 75%;
    -webkit-background-clip: text;
	line-height: 1.5;
}

.ecosystem-intro-subtitle {
    font-family: mainfont;
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    color: #4D2A08;
    margin: 0;
}
.ecosystem-intro-subtitle p {    margin: 0;
}

.ecosystem-intro-desc {
    font-family: mainfont;
    font-size: 28px;
    
    color: #332113;
}
.ecosystem-intro-desc p{
    margin-bottom:0;
}

.ecosystem-intro-question {
    font-family: mainfont;
    font-size: 28px;
    
    color: #332113;
    margin-bottom: 32px;
}
.ecosystem-intro-question p{    margin-top: 10px;
}

/* ===== BANNER 2 (animated buddha) ===== */
.banner2 {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 700px;
    overflow: hidden;
    background: #2d1c0f;
}

.banner2-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    animation: b2BgIn 1.2s ease-out 0.1s forwards;
}

.banner2-stage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
}

/* Statue */
.banner2-statue {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: auto;
    max-height: 78%;
    object-fit: contain;
    opacity: 0;
    transform: translateY(30px) scale(0.96);
    animation: b2StatueIn 1.4s cubic-bezier(0.22, 0.61, 0.36, 1) 1.0s forwards;
    bottom: 20px;
}

/* Shadow of statue — same image, darkened, blurred, skewed */
.banner2-shadow {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: auto;
    max-height: 78%;
    object-fit: contain;
    transform: translate(-50px, 0) skewX(0deg) scaleY(1.02);
    filter: brightness(0) blur(14px) opacity(0.55);
    opacity: 0;
    animation: b2ShadowIn 1.2s ease-out 2.2s forwards;
    pointer-events: none;
    bottom:20px
}

/* Halo behind buddha's head */
.banner2-halo {
    position: absolute;
    z-index: 3;
    left: 50%;
    width: 32%;
	top: 37%;
    aspect-ratio: 1 / 1;
    height: auto;
    transform: translate(-50%, -50%) translateY(-22%) scale(0.6);
    opacity: 0;
    animation: b2HaloIn 1.6s cubic-bezier(0.22, 0.61, 0.36, 1) 3.2s forwards;
    pointer-events: none;
    bottom:180px;
}

/* Content overlay */
.banner2-content {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 30px;
}

.banner2-logo-wrapper {
    position: absolute;
    top: 90px;
    left: 10%;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 1.4s ease-out 4.6s forwards;
}

.banner2-logo {
    width: 160px;
    height: auto;
    display: block;
}

.banner2-text-left {
    position: absolute;
    top: 250px;
    left: 10%;
    opacity: 0;
    animation: fadeInUp 1.6s ease-out 5.0s forwards;
}

.banner2-line-15 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.banner2-num-15 {
    position: relative;
    display: inline-block;
    font-family: titlefont;
    font-size: 200px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0px;
    color: transparent;
    background-image: url('images/bg-text.jpg');
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
}

.banner2-num-15 .text-bg-img,
.banner2-word-kientao .text-bg-img {
    display: none;
}

.banner2-num-15 .text-content,
.banner2-word-kientao .text-content {
    background: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.banner2-word-nam {
    font-family: titlefont;
    font-size: 60px;
    font-weight: 400;
    color: #E5D6AC;
    letter-spacing: 2px;
    margin-top: 95px;
}

.banner2-line-hanhtrinh {
    margin-top: -40px;
    margin-left: 90px;
    position: relative;
}

.banner2-word-hanhtrinh {
    font-family: secondfont;
    font-size: 56px;
    color: #E5D6AC;
    font-weight: 400;
}

.banner2-text-right {
    position: absolute;
    top: 50%;
    right: 12%;
    text-align: left;
    opacity: 0;
    animation: fadeInUp 1.6s ease-out 5.4s forwards;
}

.banner2-word-nguoi {
    font-family: titlefont;
    font-size: 60px;
    font-weight: 400;
    color: #E5D6AC;
}

.banner2-word-kientao {
    position: relative;
    display: inline-block;
    font-family: titlefont;
    font-size: 80px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 2px;

    color: transparent;
    background-image: url('images/bg-text.jpg');
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
}

.banner2-scroll-down {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    opacity: 0;
    animation: fadeIn 1.2s ease-out 5.8s forwards;
}

.banner2-scroll-down span {
    display: block;
    font-family: 'Philosopher', serif;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.banner2-arrow {
    animation: bounce 2s infinite;
}

/* ===== BANNER 2 KEYFRAMES ===== */
@keyframes b2BgIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes b2StatueIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes b2ShadowIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes b2HaloIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-22%) scale(0.55);
        filter: blur(14px);
    }
    60% {
        opacity: 1;
        filter: blur(2px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(-22%) scale(1);
        filter: blur(0);
    }
}

/* ===== POPUP ===== */
.popup {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup.is-open {
    visibility: visible;
    opacity: 1;
}

.popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
}

.popup-dialog {
    position: relative;
    z-index: 2;
    max-width: 90vw;
    max-height: 90vh;
    transform: scale(0.96);
    transition: transform 0.3s ease;
}

.popup.is-open .popup-dialog {
    transform: scale(1);
}

.popup-img {
    display: block;
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
}

.popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    color: #5a3010;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.popup-close:hover {
    background: #fff;
}


/* ===== RESPONSIVE ===== */

@media(max-width: 1400px) {
    .moments-inner { padding: 0 20px; }
    .register-inner{padding: 0 20px; }
    .moments-img-left{padding-left: 0;}
}

@media(max-width:1470px){
    .philosophy-block-title{font-size: 30px}
}
@media(max-width:1366px){
  :root {
    
    --max-width-container:1160px;
    --maxsmall-width-container:800px;
	--normal-font-size:18px;
	--large-font-size:18px;
  }
  header ul.menu > li{padding:0 20px;}
  header .menucontainer{order:2;width: 100%;padding-right: 20px;padding-left: 30px}
  header .menucontainer > div{width: 100%;}
	header ul.menu li{font-size:13px}
	header .logocontainer img{width: 120px;margin:5px 0 5px 20px;}
  .slickoffercontainer{padding-bottom: 50px;}
    .slickoffercontainer .slickdot{display: flex;bottom: 50px;}
    .slickoffercontainer a.left{top:auto;bottom:80px;left:10px;transform:translate(0,0);z-index: 2;}
    .slickoffercontainer a.right{top:auto;bottom:80px;right:10px;transform:translate(0,0);z-index: 2;}
    header ul.menu > li{padding:0 5px;}
	header .topheadcontainer{padding-right:20px}
	.listkoffercontainer .offeritem .content .readmore a{padding: 10px 30px}
	.slickcontainer.fullscreen{height:auto}
	.slickcontainer .slickitem .sample, .slickcontainer .slickitem .slicksample {left: auto; padding:0}
	.tabbuttoncontainer.fixed{}
	.slideroomscontainer .listtitle .titleitem {padding: 0 10px}
	.text-block{left: 10%}
	.logo-wrapper{left: 10%}
	.num-15 {font-size: 150px}
	.word-nam {font-size: 30px; margin-top: 50px}
	.word-hanhtrinh{font-size: 36px}
	.right-text{top: 400px; right: 18%}
	.word-nguoi {font-size: 30px}
	.word-kientao {font-size: 46px}
	.intro-para{font-size: 16px}
	.intro-num{font-size: 150px}
	.intro-nam{font-size: 30px}
	.intro-brand{font-size: 30px}
	.intro-nam em{font-size: 40px}
	.intro-slide-caption strong{font-size: 18px}
	.intro-slide-caption span{font-size: 18px}
	.stat-number{font-size: 50px}
	.duality-bg {}
	.philosophy-heading {font-size: 50px}
	.philosophy-subheading{font-size: 24px}
	.philosophy-img {height: auto}
	.philosophy-right {padding: 0 40px 0 40px}
	.philosophy-block-title{font-size: 30px}
	.tamnhin-quote-text{font-size: 24px}
	.ecosystem-intro-title{font-size: 50px}
	.ecosystem-intro-subtitle{font-size: 24px; margin: 0}
	.ecosystem-intro-desc{font-size: 16px;margin: 0}
	.ecosystem-intro-question{font-size: 16px;margin: 0}
	.moments-title-bold{font-size: 50px}
	.moments-title-light{font-size: 50px}
	.moments-desc{font-size: 16px}
	.register-input{font-size: 16px}
	.footer-about{font-size: 16px}
	.vulan-title{font-size: 40px}
	.vulan-desc{font-size: 16px; padding: 0 30px}
	.register-btn{font-size: 20px}
	.vulan-btn{font-size: 20px}
	.register-count-number {font-size: 70px}
	.duality-right .duality-title {font-size: 36px}
	.duality-left .duality-title {font-size: 36px}
	
	.stat-desc {font-size: 16px}
	.stat-card {padding-left: 15px; padding-right: 15px}
	.philosophy-body {grid-template-columns: 55% 1fr}
	.philosophy-block-divider {height:50px}
	
}
@media (max-width: 1024px) {
    .num-15 { font-size: 150px; }
    .word-kientao { font-size: 70px; }
    .word-nguoi { font-size: 38px; }
    .word-hanhtrinh { font-size: 44px; }
    .word-nam { font-size: 30px; }
    .logo { width: 110px; }

    .stats { padding: 80px 30px; }
    .stats-title-top { font-size: 32px; }
    .stats-title-bottom { font-size: 58px; }
    .stats-grid { gap:0 15px; }
    .stat-number { font-size: 48px; }
    .stat-desc { font-size: 18px; line-height:1.5}
    .stat-card { padding: 30px 15px 15px 15px; min-height: 200px; }
    
    .duality-side {height: auto;min-height: auto;padding: 60px 0 0 0;}
    .duality-bg{width: 200%;}
    .duality-side.duality-left .duality-content{top:45%;left:0;transform: translateY(-50%);text-align:left; padding: 15px}
    .duality-left .duality-title{font-size: 24px;}
    .duality-side.duality-right{position: relative;width: 100%;padding:0;}
    .duality-side.duality-right.active{width: 100%;}
    .duality-side.duality-right.deactive{width: 100%;}
    .duality-side.duality-right .duality-bg{position: relative;width: 200%;transform: translateX(-50%);}
    .duality-side.duality-right .duality-content{top:35%;right:0;transform: translateY(-50%);text-align:right; padding: 15px}
    .duality-side.duality-right.deactive .duality-content{width:auto;}
    .duality-right .duality-title{font-size: 24px;}
    .duality-title { font-size: 32px; letter-spacing: 2px;}
    .duality-eyebrow { font-size: 18px; letter-spacing: 4px; margin-bottom: 0;}
	.duality-right .duality-title {}
	.duality-right .duality-content ul li {}
    .duality-list li { font-size: 18px; letter-spacing: 2px; }
    .duality-list { gap: 16px; }

    .philosophy-body { grid-template-columns: 1fr; }
    .philosophy-left { min-height: 500px; }
    .philosophy-right { padding: 20px; }
    .philosophy-vertical-text { font-size: 60px; }

    .moments { padding: 20px; }
    .moments-title { font-size: 30px; }
    .moments-body { grid-template-columns: 1fr; gap: 40px; }
    .moments-img-left { height: 320px; }
    .moments-img-right { height: 300px; }

    .register { padding: 50px 30px; }
    .register-row { grid-template-columns: 1fr; gap: 16px; }
    .register-count-number { font-size: 60px; }
    .register-bottom-row { grid-template-columns: 1fr; }
    .register-count { padding-left: 0; }

    .vulan-title { font-size: 30px; }

    .footer-inner { padding: 50px 30px 30px; }
    .footer-top { grid-template-columns: 1fr; gap: 30px; }
    .footer-mid { grid-template-columns: 1fr; gap: 30px; }
    .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
	.footer-copyright, .footer-legal {font-size: 18px}
}

@media screen and (max-width:1023px){
	.cartproduct{grid-template-columns: 100%;border:1px solid var(--active-color);}
  .cartproduct > div {padding:10px;border:none;}
  .cartproduct div label{width: 50%;display: inline-block;}
  .cartproduct div input{width: 50%;display: inline-block;}
  .philosophy-right { padding: 20px; }
}
  
@media screen and (max-width:900px){
  :root {
    --extra-small-font-size:11px;
    --small-font-size:12px;
    --normal-font-size:18px;
	--large-font-size:18px;
    --subtitle-font-size:18px;
    --big-font-size:20px;
    --extra-font-size:24px;
    --max-width-container:1200px;
    --maxsmall-width-container:600px;
  }
  body{line-height: 25px;}
  p{margin: 0;font-size: 18px;
        line-height: 1.5;}
  h1{font-size: 32px; line-height:32px;padding:5px 15px;margin: 0}
  h2, h3, h4, h5, h6{padding:5px 15px;margin: 0;line-height:32px}
  ol, ul{padding: 0 15px 0 15px;}
	.graybackgroundcontainer{margin-bottom: 20px}
  .slickcontainer > a.left{padding: 5px 15px;}
  .slickcontainer > a.right{padding: 5px 15px;}
  .slickcontainer > a img{width: 15px;}
  .slickcontainer.video video{width: 200%;object-fit:cover; display:block;text-align:center}
	.slickcontainer.fullscreen{height:auto}
	.slickcontainer .slickitem .sample {top:50%!important}
	.slickcontainer .slickitem .sample h1 {padding: 0; line-height:24px}
  .slickcontainer .slickitem .sample,.slickcontainer .slickitem .slicksample{top:55%;left: 45%;transform: translate(-50%,-50%);width: 80%;line-height:24px}
	.grid12col{grid-template-columns:100%;grid-gap:10px;}
  .desktop{display: none;}
 .mobile{display: block;}
	.width95{width: 100%;}
.width90{width: 100%;}
.width85{width: 100%;}
.width80{width: 100%;}
.width75{width: 100%;}
.width70{width: 100%;}
.width65{width: 100%;}
.width60{width: 100%;}
.width55{width:100%;}
.width50{width:100%;}
.width45{width: 100%;}
.width40{width: 100%;}
.width35{width: 100%;}
.width30{width: 100%;}
.width25{width: 100%;}
.width20{width: 100%;}
.width15{width: 100%;}
.flexcontainer{flex-direction: column;}
.grid2col{grid-template-columns:100%;padding: 0 15px; gap:15px}
.grid3col{grid-template-columns:100%;}
.grid4col,.grid1col,.grid5col,.grid6col,.grid7col,.grid8col,.grid9col,.grid10col,.grid11col,.grid12col{grid-template-columns:100%;}
.item2row{grid-row:auto}
.item3row{grid-row:auto}
.item4row{grid-row:auto}
.item5row{grid-row:auto}
.item6row{grid-row:auto}
.item7row{grid-row:auto}
.item2col{grid-column: auto}
.item3col{grid-column: auto}
.item4col{grid-column: auto}
.item5col{grid-column: auto}
.item6col{grid-column: auto}
.item7col{grid-column: auto}
.item8col{grid-column: auto}
.item9col{grid-column: auto}
.item10col{grid-column: auto}
.item11col{grid-column: auto}
.item12col{grid-column: auto}
.orderfirst{order: 0;}
.mobilefirst{order: -1;}
.leftmenu ul li{margin-right: 5px;}
.floatcontainer{display: none;}
.contentwithslide .maincontent{padding:0 5px;}
.videocontainer .title{position: relative;}
.gallerytab{flex-direction: column;padding:10px;}
.smalltitle{padding:15px;}
	.listroomcontainer .roomitem .content .overview{padding:0}
header .topheadcontainer {padding:0;}
header .topheadcontainer .hotline,header .topheadcontainer .topmenu{display: none;}

header .topheadcontainer.active .topmenu{display: none;position: absolute;top:30px;left: 15px;color: #fff;z-index: 10;}
header .topheadcontainer.active .hotline{display: block;position: absolute;top:500px;left: 50%;transform: translateX(-50%);color: #fff;z-index: 10;}
header .topheadcontainer.active .hotline a{background: url(images/icon-phone-white.svg) center left no-repeat;font-size: var(--large-font-size)}
header .topheadcontainer select.language{position: absolute;top:30px;left: 15px;background: none;color: #fff;}
header::after{content: '';clear: both;display: block;height: 70px;;}
header .logocontainer img.alogo{width: 100px;position: absolute;top:0;left: 50%;transform: translateX(-50%);margin:0;padding-top: 10px;}
header .logocontainer .mobile{padding-right:15px;position: absolute;top:10px;right: 0;}
header .logocontainer .mobile img{width: 40px;}
header .menucontainer{display: flex;justify-content: space-between;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;transition: all 0.4s;transform: translateX(100%);opacity: 0;visibility: hidden;background: rgba(39,81,108,0.9);align-items: flex-start;padding-top: 75px;}
header .menucontainer.active{transform: translateX(0);opacity: 1;visibility: visible;}
header .menucontainer ul.menu{display: block;padding-left:15px; font-size: var(--large-font-size)}
header .menucontainer ul li ul{display: none;visibility: visible;position: relative;opacity: 1;padding:5px;background: none;margin:0!important;}

header .menucontainer .mobile{padding:10px;top:0;right: 20px;position: absolute;}
header .menucontainer .mobile img.close{width: 20px;}
header ul.menu li ul li{border-bottom:none; padding-bottom:0; font-size: var(--small-font-size)}
header ul.menu li{margin:0;padding:0 0 25px 0;font-size: var(--large-font-size)}
header ul.menu li.menu-item-has-children::after{top:10px;}
header ul.menu > li:last-child{padding: 0;}
header .headsocial.active{position: fixed;;display: flex;flex-direction: column;width: calc(100% - 40px);bottom: 20px;gap:20px;left: 50%;transform: translateX(-50%);height: auto;visibility: visible;opacity: 1;}
header .menucontainer > div{width:auto;}
header.scrolled .topheadcontainer{display: block;}
.heightscreen{height: auto;}
	.title{padding:0 15px;font-size: var(--extra-font-size); text-align:center}
	.subtitle{margin:0; line-height:var(--subtitle-font-size);font-size: var(--small-font-size);letter-spacing:1px; padding-top:15px}
	.wp-block-columns.alignnormal.is-layout-flex{gap:0}
	.stayconnected{text-align:left; padding: 0 15px}
	.ghostkit-custom-ZTg1U9{padding:0!important}
	.backgroundimagecontainer .content h3{margin:0; line-height:var(--subtitle-font-size); text-align:center; padding:15px;font-size: var(--small-font-size)}
	.backgroundimagecontainer .listlogo{bottom:0}
	.backgroundimagecontainer .listlogo .logoitem{padding:10px;}
	.backgroundimagecontainer .listlogo .logoitem img {height:auto}
	.wp-block-columns.are-vertically-aligned-top{gap:0}
	.wp-block-columns.is-layout-flex{gap:0}
	.ghostkit-custom-Zdtbq3{padding:0!important}
	.testimonialcontainer .content h3{margin:0; line-height:var(--subtitle-font-size); text-align:center;font-size:var(--small-font-size)}
	.testimonialcontainer .content h2{text-align:center; font-size: var(--extra-font-size)}
	.highlighttext{text-align:left; padding:15px 0 0 0; display:none}
	.titleyellow{padding:15px; margin:0; text-align:left; font-size:var(--small-font-size);letter-spacing:1px}
	.titleleft{padding:15px; text-align:left; font-size:var(--large-font-size)}
.content2columnswithmore .flexcontainer .width50:first-child{padding:50px 10px;}
	.firstload img{width: 30%}
	.smallcontainer{padding:10px; margin: 0}
	.goalcontainer .avatar img{padding: 0 15px}
	.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities{display:none}
	.slideroomscontainer .roomscontainer .avatarcontainer .content .readmore a{padding: 5px 20px}
	.slideroomscontainer .roomscontainer .avatarcontainer .content{padding:10px 30px}
	.slideroomscontainer .roomscontainer .avatarcontainer{padding:0 15px}
	.subpagetitle{padding: 15px}
	.backgroundcontent .backgroundcontentitem .content{padding:15px; line-height:16px}
	.slickcontainer .slickitem .sample h2, .slickcontainer .slickitem .sample h1, .slickcontainer .slickitem .slicksample h2{line-height:24px}
.gridactivity{grid-template-columns: 1fr 1fr 1fr;padding:0 15px;}
.gridactivity.onecolumnmobile{grid-template-columns: 1fr;}
.gridactivity .activityitem{display: none;}
.gridactivity{grid-template-columns: 1fr 1fr 1fr;padding:15px;gap:5px}
.gridactivity.onecolumnmobile .activeitem{display: block;}
.gridactivity .activityitem:nth-child(1),.gridactivity .activityitem:nth-child(2),.gridactivity .activityitem:nth-child(3),.gridactivity .activityitem:nth-child(4),.gridactivity .activityitem:nth-child(5),.gridactivity .activityitem:nth-child(6){display: block;}
.overviewcontent{flex-direction: column;padding:20px;}
.overviewcontent .leftcontent{width: 100%;}
.overviewcontent .rightcontent{width: 100%;}
.overviewcontent .leftcontent .avatar{display: none;}
.overviewslidecontainer .container a.left{top:auto;bottom:0;left:20px;transform:translate(0,0);z-index: 2;}
.overviewslidecontainer .container a.right{top:auto;bottom:0;right:20px;transform:translate(0,0);z-index: 2;}
.overviewslidecontainer .container .slickdot a{width: 50px;}
.slickcontainer .slickdot a{width: 50px;}
.slickcontainer .slickdot.disable{visibility:hidden;}
.overviewtitle .titleitem {font-size: 18px;padding:0 20px;}
.slickoffercontainer{padding-bottom: 50px;}
.offerblockcontainer,.listnewsblockcontainer{padding-bottom: 30px;}
.slickoffercontainer .slickdot,.offerblockcontainer .slickdot,.listnewsblockcontainer .slickdot{display: flex;}
.slickoffercontainer a.left,.offerblockcontainer a.left,.listnewsblockcontainer a.left{top:auto;bottom:80px;left:10px;transform:translate(0,0);z-index: 2;display:none}
.slickoffercontainer a.right,.offerblockcontainer a.right,.listnewsblockcontainer a.right{top:auto;bottom:80px;right:10px;transform:translate(0,0);z-index: 2;display:none}
.backgroundimagecontainer .content{position: relative;width: 100%;top:0;left: 0;transform: none;color: var(--normal-color);}
.backgroundimagecontainer img{width: 100%;}
.backgroundimagecontainer .content h2{color: var(--active-color);line-height: 24px; padding-bottom: 20px;text-transform:uppercase;font-size: var(--extra-font-size)}
.mobileorderfirst{order: -1;}
.goalcontainer{grid-template-columns: 100%;}
.slickcontainer .findcruisecontainer .container{justify-content: center;grid-template-columns: 1fr; background: none}

/*.slickcontainer .slick img{height: 100vh;}*/
.listbuttoncontainer{flex-wrap: wrap;padding:30px 0; gap:15px}
.tabbuttoncontainer {width: 100%;overflow-x: auto;flex-wrap: wrap;}
.tabbuttoncontainer.fixed{top:66px;width: 100%;}
.tabbuttoncontainer .tabbuttonitem{padding:0;font-size: 13px;text-align:center}
	.tabbuttoncontainer .tabbuttonitem a{padding:0}
.roomamenitiescontainer{padding: 0}
.wp-block-columns .wp-block-column{padding-top: 0px!important;padding-bottom: 0px!important;}
.notpadding.wp-block-columns .wp-block-column{padding:0;}
.notpadding.wp-block-columns .wp-block-column figure.notpadding img{padding:0;}
.paddingmobileimg{padding: 0 15px}
.roomamenitiescontainer .listamenity{grid-template-columns:1fr}
	.roomamenitiescontainer .listamenity .amenityitem{padding: 5px 15px}
	.listicon .iconitem{gap:5px; padding: 0 15px}
	.listicon{gap:0}
	.inclusiontitle{padding:15px}
.ghostkit-custom-mYW6E{padding-bottom:0!important}
.ghostkit-custom-WIR4V{padding-top:0!important}
	.wp-block-image.size-full.ghostkit-custom-oe3xd{padding:0!important}
.itinerarydetailcontainer{grid-template-columns: 1fr;}
.itinerarydetailcontainer .content .download{position: relative;padding: 20px;text-align: center;}
.capacitycontainer .listcapacity .capacityitem{padding:0 15px}
.quotacontainer .content{padding: 0 40px;}
.quotacontainer .content::before{left: 15px;transform: translateX(0);}
.quotacontainer .content::after{right: 15px;transform: translateX(0);}
.goalcontainer .content{padding:20px 15px;position: relative}
.goalcontainer .content .seemore{width: 100%;left: 0;text-align: left;position: relative; padding-top: 20px}
.itinerarydetailcontainer .content{padding:0 10px;}
.listlightgallery{padding:0 15px;}
.ghostkit-video,.ghostkit-video-poster{padding:0 15px;}
.listknewscontainer .newsitem{padding: 0 15px;padding-bottom: 60px;}
.listkoffercontainer,.listknewscontainer{display: block;width: 85%;}
.listkoffercontainer .slick-list,.listknewscontainer .slick-list{overflow: visible;}
	.listkoffercontainer .offeritem{margin:0 15px}
	.slickoffercontainer .slickdot a, .offerblockcontainer .slickdot a.active{width: 25px}
	.slickoffercontainer .slickdot a, .offerblockcontainer .slickdot a, .listnewsblockcontainer .slickdot a{width: 25px}
.listroomcontainer{display: block;}
.slickoffercontainer .offeritem .content{min-height: 400px}
.wp-block-image img{padding:0 15px}
.itinerarydetailcontainer .content .day .name{padding:0}
.itinerarydetailcontainer .content .day .daycontent{padding:0;grid-template-columns: 140px auto;}
.graybackgroundcontainer{padding:20px 0;}
.wp-block-columns {gap:15px}
.wp-block-columns.is-not-stacked-on-mobile{padding-left:15px; padding-right:15px; margin:0;gap:15px}
.testimonialcontainer{padding:15px}
.quotacontainer{padding:20px 0}
.contactusform .formitem{padding:15px;text-align-last: left;}
.contactusform .formbutton{padding:0 15px}
.listknewscontainer .newsitem .content{padding:15px 0}
	.listknewscontainer .newsitem .readmore{position: absolute;}
	.listknewscontainer .newsitem .date{position: relative;}
	.listknewscontainer .newsitem h3{padding: 0}
	.slick .slickitem img{height:300px;  object-fit: cover;}
	.slickcontainer .slickdot{display:none}
  .slickcontainer .findcruisecontainer{bottom:0;}
	.slickcontainer .slickitem .slicksample h1{display:none}
	.slickcontainer .slickitem .slicksample h3{display:none}
  .slickcontainer.video .slickdot{bottom: 150px;}
  .listroomcontainer .roomitem{margin: 30px 0;}
	.ghostkit-custom-Pz8YT{padding:20px 0!important}
.cookiecontainer .container{grid-template-columns: 1fr}
.cookiecontainer .container .logo{text-align: center;}
.cookiecontainer .container .logo img{width: 50%;}
.cookiecontainer .container .button{gap:20px;flex-wrap: wrap;}
.offerblockcontainer > a ,.listnewsblockcontainer > a {display: inline;}
.offerblockcontainer .slickdot,.listnewsblockcontainer > .slickdot{display: flex;}
.capacitycontainer .listcapacity .capacityitem .icon img{height: 60px;}
.capacitycontainer .listcapacity .capacityitem .number{font-size: 50px;line-height:40px}
	.capacitycontainer .listcapacity .capacityitem .name{font-size: var(--large-font-size)}
.tabbuttoncontainer .tabbuttoncontent .tabbuttonitem{min-width: 170px;padding:0}
.inlinegallerycontainer .gallerycontent{display: none;}
.inlinegallery{padding-bottom: 85%;}
.tabbuttoncontainer .tabtitle{display:none}
  .slickoffer{width:85%;}
  .slickoffer .slick-list{overflow: visible;}
  .inlinegallery .lg-outer.lg-animate-thumb .lg-thumb{width: 680px!important;}
  .inlinegallery .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{width: 100px!important;display: block;}
  .inlinegallery .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{width: 100px;margin-bottom: 5px;margin-right: 5px;}
	.bodytext-leftalign{text-align:left}
	.charterservices{text-align:center;padding: 0 0 30px 0}
	.ghostkit-custom-ZaNd75{text-align:center}
	.ghostkit-custom-2bUkEV{text-align:center}
	.ghostkit-custom-ZpaMYw{text-align:center}
	.personalized-title{font-size: var(--extra-font-size)}
	.ghostkit-custom-Z1Onvdy{text-align:center}
	.ghostkit-custom-1SM9J1{text-align:center}
	.paddingmobileimg{padding:0}
  .listkoffercontainer .offeritem .content{}
  .listkoffercontainer .offeritem .content .readmore{width: calc(100% - 30px);}
  .listkoffercontainer .offeritem .content .readmore a{padding:10px;}
  .slideroomscontainer .listtitle{flex-wrap: wrap;row-gap: 10px;}
  .slicktestcontainer{padding:0;}
  .slicktestcontainer::before{display: none;}
  .slicktestcontainer::after{display: none;}
	.listkoffercontainer .offeritem .content{padding: 15px}
	.listroomcontainer .roomitem .content .tienich{padding-left: 15px}
	.itinerarydetailcontainer .content .day .daycontent em{width: 15%}
	.capacitycontainer{padding:0}
	.listroomcontainer .roomitem .avatar{padding:0 15px}
	.listroomcontainer .roomitem .content .book a{margin:15px}
	.contactusform .formbutton button{margin-bottom:50px}
  .listtitlecontainer{width: 100%;overflow: auto;}
  .listtitle{min-width: 1100px;justify-content: flex-start;}
	.testimonialcontainer .testimonialcontent{padding:10px 0}
	.inquirytitle{padding-top: 80px}
	.enquerycontainer{margin:15px}
	.downloadcontainer .downloaditem {padding-left:15px}
	.tabslidecontainer .tabtitle{padding: 10px 0;min-width: 1000px;justify-content: flex-start;}
    .philosophy-block-title{font-size: 24px; margin:0; padding:0}
}
@media (max-width: 900px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px;
    }
    .stats-play { display: none; }
    
}

@media (max-width: 768px) {
    .banner-content { padding: 30px 20px; }
    .logo-wrapper { left: 35%; transform: translateX(-50%); top: 30px; }
    .text-block { left: 35%; top: 50%; }
	.line-15{align-items: flex-end;}
    .right-text {position: relative; right: 0}
    .num-15 { font-size: 100px; }
    .word-kientao { font-size: 50px;text-align:center;margin:0}
    .word-nguoi { font-size: 28px;color:#3a2a1a; text-align:center; margin:20px 0 0 0}
    .word-hanhtrinh { font-size: 32px;color:#3a2a1a  }
    .word-nam { font-size: 22px; color:#3a2a1a; margin:0 }
    .line-hanhtrinh { margin-left: 50px;margin:0; }
	.scroll-down span {letter-spacing: 0}
	.intro {background-position: right;padding:50px 0 0 0}
	.intro-slider-wrap{margin: 0}
	.intro-slide img {width: 100%}
	.intro-cloud-right {top:0; width: 50%; opacity: 0.5}
	.intro-slide-caption {opacity:1; overflow:visible; font-size: 18px}
	.intro-slide-caption strong {font-size: 18px; font-weight:bold}
	.intro-cloud-left{ width: 50%; opacity: 0.5}
	.intro-num {font-size: 120px}
	.intro-nam {font-size: 24px}
	.intro-nam em {font-size: 30px}
	.intro-brand{font-size: 24px}
	.intro-headline-right {padding:0}
	.intro-headline{margin-bottom: 10px}
	.stat-card {padding:}
    .stats { padding: 60px 20px; min-height: auto; }
    .stats-title { margin-bottom: 0 }
    .stats-title-top { font-size: 24px; letter-spacing: 2px; }
    .stats-title-bottom { font-size: 42px; letter-spacing: 3px; }
    .stats-grid {
        grid-template-columns: 1fr 1fr;
    }

    .duality { flex-direction: column;}
    .duality-side { }
	.duality-bg {}
    .duality-title { font-size: 22px; margin: 0 0 10px 0; padding: 0}
	.duality-content ul li {font-size: 13px; text-transform: capitalize; padding: 0}
	.philosophy-heading{font-size: 40px}
	.philosophy-subheading{font-size: 20px}
	
	.tamnhin {padding: 50px 0}
	.tamnhin-cloud-left {opacity: 0.5; width: 50%}
	.tamnhin-quote-text{font-size: 18px; padding-bottom: 40px}
	.tamnhin-quote-mark {font-size: 80px}
	.ecosystem-intro { padding: 70px 20px 0 20px; }
    .ecosystem-intro-title { font-size: 40px; letter-spacing: 0; }
    .ecosystem-intro-subtitle p{ font-size: 20px;margin-bottom:20px}
	.ecosystem-intro-desc p{margin-bottom:0}
	.ecosystem-intro-subtitle {margin-bottom: 0}
    .ecosystem-intro-desc, .ecosystem-intro-question { font-size: 16px; }
	.ecosystem-intro-desc {margin-bottom:10px}
	.moments-title-bold, .moments-title-light {padding: 0 10px}
	.moments-header {margin-bottom: 20px}
	.moments-left {gap: 10px}
	.moments-img-left {padding-left:0; height:auto}
	.moments-body{gap: 10px}
	.form-quote-mark {padding:0; margin: 0; line-height: 0.5;font-size: 80px}
	.register {padding: 20px}
	.register-input {font-size: 18px; padding: 10px}
	.register-row {margin-bottom:16px}
	.register-btn {font-size: 20px}
	.register-count {flex-direction: column;gap: 0}
	.register-count-text {text-align:center}
	.footer-top {    justify-items: center;margin-bottom: 30px}
	.footer-about {font-size: 18px; line-height: 1.5;}
	.footer-col-title {margin:0; font-size: 16px; padding:0}
	.footer-col-text {font-size: 18px}
	.intro-slide-caption span{font-size: 18px}
	.intro-text-block {padding: 0 20px}
	.philosophy-header {padding: 50px 0}
	.moments-right {gap: 0px}
	.banner2-logo {width: 100px}
	.banner2-statue{width: auto;height: 73%;}
	.banner2-logo-wrapper {top:auto; left:10%;}
	.banner2-halo {width: 80%;top: 39%;}
	.banner2-shadow{width: auto;height: 73%;}
	.banner2-content {display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: flex-start;}
	.banner2-text-left{top: 50%; left: auto}
	.banner2-line-15{align-items: center;}
    .banner2-right-text {position: relative; right: auto}
    .banner2-num-15 { font-size: 100px; }
    .banner2-word-kientao { font-size: 50px;text-align:center;margin:0}
    .banner2-word-nguoi { font-size: 28px;color:#3a2a1a; text-align:center; margin:20px 0 0 0}
    .banner2-word-hanhtrinh { font-size: 32px;color:#3a2a1a  }
    .banner2-word-nam { font-size: 22px; color:#3a2a1a; margin:0 }
    .banner2-line-hanhtrinh {margin-left: 50px;margin:0; }
	.banner2-text-right{top: 67%; right: auto}
	.banner2-scroll-down span {letter-spacing:0}
	.moments-title-bold {font-size: 30px}
	.moments-title-light {font-size: 30px}
	
}
/* ===== POPUP FORM (Vu Lan) ===== */
.popup-form-dialog {
    background: #f0ebe3;
    width: min(720px, 92vw);
    max-height: 90vh;
    overflow-y: auto;
    padding: 56px 56px 48px;
    box-sizing: border-box;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}

.popup-form-header {
    text-align: center;
    margin-bottom: 32px;
}

.popup-form-title {
font-family: mainfont; font-size: 30px; font-weight: 400;
    color: #5a3010;
    margin: 0 0 10px;
}

.popup-form-subtitle {
    font-family:mainfont;
    font-size: 16px;
    color: #7a4f2e;
    margin: 0;
}

.popup-form-body .register-row {
    margin-bottom: 20px;
	grid-template-columns: 1fr;
}
.popup-form-body .register-input  {
	padding: 15px
}

.popup-form-submit-row {
    grid-template-columns: 1fr;
    margin-bottom: 0;
    margin-top: 8px;
}

.popup-form .popup-close {
    top: 16px;
    right: 16px;
    background: rgba(90, 48, 16, 0.12);
}

.popup-form .popup-close:hover {
    background: rgba(90, 48, 16, 0.22);
}

@media (max-width: 768px) {
    .popup-form-dialog { padding: 44px 24px 28px; }
    .popup-form-title { font-size: 30px; letter-spacing: 3px; }
    .popup-form-body .register-row { grid-template-columns: 1fr; gap: 14px; margin-bottom: 14px; }
}