html { scroll-behavior: smooth; }
.container-fluid.mcentre{ background: #174285; padding:30px 0;}

div.malaysialogo{position: absolute;top: 10px;right: 60px;z-index: 1;}
div.malaysialogo span{display: inline;}
div.malaysialogo span.malaysia img {width: 170px;margin-left: 38px;}

.overview-bx {max-width: 900px;width: 94%;margin: 0 auto 30px auto;text-align: center;}
.overview-bx h1 {font-size: 3.4em;font-size: clamp(2.4em, 4vw, 3.4em);margin-bottom: 15px;color: #000000;color: var(--txtblack);
    font-weight: 800;}
.overview-bx p {line-height: 25px;font-size: 1.8em;color: var(--txtsixteen);font-weight: 500;color: #000000;color: var(--txtblack);}
.overview-bx p a {color: #F95539;text-decoration: none;}
.overview-bx a#readMore {font-size: 1.6em;color: #ff0000;margin-top: 10px;display: block;}
	div#moreText{ display: none;}


.scollspytab{ width:100%; max-width:1800px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.scollspytab .scrollitems{width:100%; max-width:1800px; display: flex; flex-wrap: wrap; }
.scollspytab .scrollitems ul{ width:auto; display: flex; flex-wrap: wrap; margin: 30px auto; border-bottom: 2px solid #ddd; }
.scollspytab .scrollitems ul li{ flex:0 0 auto; margin: 0 5px;}
.scollspytab .scrollitems ul li a{ font-size: 1.6em;padding: 10px 30px;text-decoration: none;display: block;text-align: center;font-weight: 500;
    color: #fff;box-shadow: 0px 1px 8px rgba(0 0 0 / 20%);background-color: #174285;}
.scollspytab .scrollitems ul li a:hover{ text-decoration: underline;}
.scollspytab.fixed{ position: fixed; z-index: 999; width:100%; max-width:100%; top:0; left:0; right: 0; background: #174285;}
.scollspytab.fixed .scrollitems ul{ margin: 5px auto; border: none;}


/*luxury stay*/
.subscribe{padding: 20px 0;}
.toursection{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin:50px auto 30px;}
.toursection h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800; text-align: center;}
.toursection h2 + p {display: block;font-size: 1.8em;text-align: center;line-height: 23px;width: 75%;padding-bottom: 30px;}
.toursection .toursection-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: center; overflow: auto; padding-bottom: 20px;  scroll-snap-type: x mandatory; /* Optional: Snap effect */}
.toursection .toursection-bx .toursection-items{ flex:0 0 32%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);}
.toursection .toursection-bx .toursection-items .toursectionimg{ width:100%; height: auto; background: #ddd; position: relative;}
.toursection .toursection-bx .toursection-items .toursectionimg img{ width:100%; height: auto;}

.toursection .toursection-bx .toursection-items  .toursectioninfo{width:100%; font-size:1.6em; padding: 15px; line-height: 21px;}
.toursection .toursection-bx .toursection-items .toursectioninfo strong{ font-size:1.2em; font-weight:800; display: block; padding-bottom: 10px;}
.toursection .toursection-bx .toursection-items .toursectioninfo strong span{ display: block; font-size: .8em; font-weight:500;}
.toursection .toursection-bx .toursection-items .toursectioninfo p{ font-size:.9em; line-height: 18px;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice{ width:100%; display: flex; flex-wrap: wrap; position: relative; margin-top:20px;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice p{ width:calc(100% - 120px); color: #F95539; font-weight: 700; font-size: 1em; line-height: 21px;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice p strong{ font-size:1.5em; font-weight: 800; padding: 0 0 0 0;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice p span{ color: #000; font-weight:400; font-size:.9em; display: block;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice a{ width:120px; position: absolute; top: 0; right: 0; text-align: center;background: #F95539;background: var(--btnred); color: #fff; padding: 10px; text-decoration: none;}


/* WebKit Browsers (Chrome, Edge, Safari) */
.toursection .toursection-bx::-webkit-scrollbar {
  height: 8px; /* Adjust scrollbar thickness */
}

.toursection .toursection-bx::-webkit-scrollbar-track {
  background: #f0f0f0; /* Scrollbar track color */
  border-radius: 4px;
}

.toursection .toursection-bx::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar color */
  border-radius: 4px;
}

.toursection .toursection-bx::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker on hover */
}

/* Firefox Custom Scrollbar */
.toursection .toursection-bx{
  scrollbar-width: thin;
  scrollbar-color: #888 #f0f0f0;
}




/*Top Attractions*/
.topattractions{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.topattractions h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800;}
.topattractions .attractionlist{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: center;}
.topattractions .attractionlist .attractionsitems{ flex:0 0 20%; max-width:100%; background: #fff;}
.topattractions .attractionlist .attractionsitems .attimg{ width:100%; height: 242px; background: #ddd;}
.topattractions .attractionlist .attractionsitems .attimg img{ width:100%; height: 242px; object-fit: cover;}
.topattractions .attractionlist .attractionsitems .attinfo{ font-size:1.6em; line-height: 21px; padding: 10px;}
.topattractions .attractionlist .attractionsitems .attinfo strong{ font-size:1.2em; font-weight:800; display: block; padding-bottom: 10px;}

/*Foodie*/
.foodiebx{ width:100%; max-width:1340px; display: flex; flex-wrap: nowrap; justify-content: center; margin:50px auto; background: #174285; align-items: center;}
.foodiebx .foodimg{ flex:0 0 50%; height: 400px; background: #f2f2f2;}
.foodiebx .foodimg img{width:100%; height: 400px; object-fit: cover;}
.foodiebx .foodinfo{ flex:0 0 50%; padding: 50px; color: #fff;}
.foodiebx .foodinfo h2{font-size:3em; display: block; padding-bottom: 20px; font-weight: 800; width:100%; text-align: left;}
.foodiebx .foodinfo p{ font-size: 1.6em; line-height: 21px;}



/*wheretodine*/
.wtdine{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 40px auto;}
.wtdine h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800; width:100%; text-align: center;}
.wtdine h2 + p{font-size: 1.8em;text-align: center;width: 100%;max-width: 900px;line-height: 23px;padding-bottom: 30px;}
.wtdine .wtdine-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: center;}
.wtdine .wtdine-bx .wtdinitems{ flex:0 0 33.3%; max-width:100%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);}
.wtdine .wtdine-bx .wtdinitems .wtdimg{ width:100%; height: 242px; background: #ddd;}
.wtdine .wtdine-bx .wtdinitems .wtdimg img{ width:100%; height: 100%; object-fit: cover;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo{ font-size:1.6em; line-height: 21px; padding:20px;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo strong, .wtdine .wtdine-bx .wtdinitems .wtdinfo p{ font-size:1.2em; font-weight:600; display: block; padding-bottom: 10px;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo ul{padding: 5px 0 0 0;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo ul li{ position: relative; padding: 0 0 0 15px; margin: 3px 0;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo ul li:before{ content: ''; width:6px; height: 6px; background: #000; border-radius: 100%; position: absolute; top:6px; left:0;}


/*luxury stay*/
.lstay{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto;}
.lstay h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800; text-align: center;}
.lstay h2 + p {font-size: 1.8em;text-align: center;width: 100%;max-width: 900px;line-height: 23px;padding-bottom: 30px;}
.lstay .lstay-bx{ width:100%; display: flex; flex-wrap:wrap; gap:10px; justify-content: center;}
.lstay .lstay-bx .lstay-item{ display: inline-flex; width:49%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);}
.lstay .lstay-bx .lstay-item .lstayimg{ flex:0 0 50%; height: 300px; background: #ddd; overflow: hidden;}
.lstay .lstay-bx .lstay-item .lstayimg img{ width:100%; height: 100%; object-fit: cover;}
.lstay .lstay-bx .lstay-item .lstayinfo{ flex:0 0 50%;font-size:1.6em; line-height: 21px; padding:20px; position: relative;}
.lstay .lstay-bx .lstay-item .lstayinfo strong{ font-size:1.2em; font-weight:800; display: block; padding: 0;}
.lstay .lstay-bx .lstay-item .lstayinfo div.strgrp{ width:100%; display: flex; padding: 10px 0;}
.lstay .lstay-bx .lstay-item .lstayinfo div.strgrp svg{width: 14px;height: 14px;fill: #F95539;margin-right: 3px;}
.lstay .lstay-bx .lstay-item .lstayinfo .frmfrs{display: block;padding: 10px 0;font-size: 1.2em;font-weight: 800;color: #f95539;}
.lstay .lstay-bx .lstay-item .lstayinfo  a.vdetails{background: #fc5119;color: #fff;padding: 6px 25px;font-size: 1em;font-weight: normal;
    display: block;cursor: pointer;border: none; width: 150px; text-align: center; text-decoration: none; }




/*luxury stay*/
.tltreasure{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto;}
.tltreasure h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800;}
.tltreasure .tltreasure-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: flex-start; overflow: auto; padding-bottom: 20px; scroll-snap-type: x mandatory; /* Optional: Snap effect */}
.tltreasure .tltreasure-bx .tltreasure-items{ flex:0 0 30%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg{ width:100%; height: 400px; background: #ddd; position: relative;}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg img{ width:100%; height: 400px; object-fit: cover;}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg::after {content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.19%, #000000 100%);
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;transition: all .5s;transition: var(--smoothness);}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg .tltreasureinfo{ position: absolute; bottom: 20px; left:0; right:0; width:100%; font-size:1.6em; padding: 15px; line-height: 21px; color: #fff; z-index: 1;}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg .tltreasureinfo strong{ font-size:1.2em; font-weight:800; display: block; padding-bottom: 10px;}


/* WebKit Browsers (Chrome, Edge, Safari) */
.tltreasure .tltreasure-bx::-webkit-scrollbar {
  height: 8px; /* Adjust scrollbar thickness */
}

.tltreasure .tltreasure-bx::-webkit-scrollbar-track {
  background: #f0f0f0; /* Scrollbar track color */
  border-radius: 4px;
}

.tltreasure .tltreasure-bx::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar color */
  border-radius: 4px;
}

.tltreasure .tltreasure-bx::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker on hover */
}

/* Firefox Custom Scrollbar */
.tltreasure .tltreasure-bx{
  scrollbar-width: thin;
  scrollbar-color: #888 #f0f0f0;
}


.faqsection {display: block;width: 100%; max-width:900px;padding-bottom: 0;margin: 30px auto;}
.faqsection .faqquestion .question{ background: #fff;}
.faqsection .faqquestion .faqcontent strong.heading{ display: block; padding: 10px 0; font-weight:700;}
.faqsection .faqquestion .faqcontent strong{ font-weight:700;} 
.faqsection .faqquestion .faqcontent ul{ margin: 10px 0;}
.faqsection .faqquestion .faqcontent ul li{ margin: 3px 0;}
#bottomtop {background-color: #F95539;width: 35px;height: 35px;position: fixed;bottom: 10px;right: -100%;transition: all .5s;
    text-align: center;cursor: pointer;z-index: 999;}
.faqsection .faqquestion .question > .faqheading{ font-size: 2em; font-weight: 600;}
.faqsection .faqquestion .question > .faqheading > span{ top:20px;}

@media screen and (max-width:900px){
	.scollspytab.fixed{ top:124px;}
	.scollspytab .scrollitems ul{flex-wrap: nowrap; overflow: auto; padding-bottom: 15px;}
	.topattractions .attractionlist, .wtdine .wtdine-bx{ overflow: auto; justify-content: flex-start;}
	.toursection .toursection-bx{justify-content: flex-start;}
	.toursection .toursection-bx .toursection-items, .topattractions .attractionlist .attractionsitems, .wtdine .wtdine-bx .wtdinitems, .tltreasure .tltreasure-bx .tltreasure-items{ flex:0 0 90%;}
	.lstay .lstay-bx{flex-wrap: nowrap; justify-content: flex-start; overflow: auto;}
	.lstay .lstay-bx .lstay-item{flex:0 0 90%; flex-wrap: wrap; justify-content: flex-start;}
	.lstay .lstay-bx .lstay-item .lstayimg, .lstay .lstay-bx .lstay-item .lstayinfo{ flex:0 0 100%;}
	
	.expert-tips .expert-items-bx, .multicentre .multicentre-bx{ flex-wrap: wrap; justify-content: flex-start; gap:10px;}
.expert-tips .expert-items-bx .expert-items, .multicentre .multicentre-bx .multicentreitems{ flex:0 0 100%; }
	.yraround .yraround-bx{ justify-content: flex-start;}
	.tab-links{flex-wrap: wrap}
	.tab-content .tab{ padding: 30px;}
	.foodiebx{ flex-wrap: wrap;}
	.foodiebx .foodimg, .foodiebx .foodinfo{ flex:0 0 100%; height: auto;}
	.foodiebx .foodimg img{ height: auto; display: block;}
	.foodiebx .foodinfo{ padding: 30px 20px;}
	
	
	
}