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

.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.4em;padding: 10px;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*/
.toursection{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto;}
.toursection h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800;}
.toursection .toursection-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 */}
.toursection .toursection-bx .toursection-items{ flex:0 0 30%; 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: 15px; 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;}

/*multicentre Holidays*/
.multicentre{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin:50px auto;}
.multicentre h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800; color: #fff;}
.multicentre .multicentre-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: center;}
.multicentre .multicentre-bx .multicentreitems{ flex:0 0 50%; max-width:100%; background: #fff;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg{ flex:0 0 100%; height: 400px; background: #ddd; position: relative;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg: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);}
.multicentre .multicentre-bx .multicentreitems .multicentreimg img { width:100%; height: 100%; object-fit: cover;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo{ flex:0 0 100%;font-size:1.6em; line-height: 21px; padding:20px; position: absolute; bottom: 10px; z-index: 1; color: #fff;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo strong{ font-size:1.6em; font-weight:800; display: block; padding-bottom: 10px;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo p{ font-size:1.2em;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo a{width: 120px;text-align: center; background: #F95539;background: var(--btnred);color: #fff;padding: 10px;text-decoration: none; display: block; margin-top: 10px;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo span.prc{font-size: 1.2em;font-weight: 800;padding-top: 10px;display: block;}


/*wheretodine*/
.wtdine{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px 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; overflow: hidden;}
.wtdine .wtdine-bx .wtdinitems .wtdimg > img{width: 100%; height: 245px; object-fit: cover;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo{ font-size:1.6em; line-height: 21px; padding:20px;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo strong{ font-size:1.2em; font-weight:800; display: block; padding-bottom: 10px;}


/*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;}
.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;
}




/* Style the tab links */
.yraround{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto 30px auto;}
.yraround h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800;}
.yraround .yraround-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content:center; overflow: auto;}
.tab-links {list-style: none;padding: 0;margin: 0;display: flex; font-size: 1.6em; justify-content: center;}
.tab-links li {margin: 5px 0; padding: 5px; position: relative;}

.tab-links li:before {height: 2px;background-color: #cccccc;content: '';display: block;width: 100%;position: absolute;bottom: -4px;left: 0;}
.tab-links li.active:after {background-color: #174285;background-color: var(--bluebg);height: 2px;position: absolute;bottom: -4px;width: 50%;
    content: '';left: 0;right: 0;margin: auto;border-radius: 10px;}
.tab-links li a {font-size: 1em;padding: 10px 15px;padding: var(--btnpadding);text-decoration: none;display: block;
    font-weight: 500;color: #000000;color: var(--txtblack);	box-shadow: 0px 1px 8px rgba(0 0 0 / 20%)}
.tab-links li.active a {color: #000;}
/* Style the tab content */
.tab-content{ width:100%; max-width:900px; justify-content: center; margin: 20px auto; text-align: center;}
.tab-content .tab {display: none; font-size:1.6em; padding: 30px 0;}
.tab-content .tab strong{font-size:1.6em; font-weight:600; display: block; padding-bottom: 10px;}
.tab-content .tab p{line-height: 25px;font-size: 1.2em;}
.tab-content .tab.active {display: block;}

/* expert tips*/
.expert-tips{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto;}
.expert-tips h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 800;}
.expert-tips .expert-items-bx{ width:100%; display: flex; flex-wrap: nowrap; justify-content: center; gap:10px;}
.expert-tips .expert-items-bx .expert-items{ flex:0 0 33%; font-size:1.6em; text-align: left;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);
    box-shadow: var(--fltshadow); padding: 0;}

.expert-tips .expert-items-bx .expert-items .expert-items-img{ width:100%; height: 242px; background: #ddd;display: flex;}
.expert-tips .expert-items-bx .expert-items .expert-items-img img{ width:100%; height: 242px; object-fit:cover;  }

.expert-tips .expert-items-bx .expert-items .expert-items-info{width:100%; display: flex; flex-wrap: wrap; padding: 20px;}
.expert-tips .expert-items-bx .expert-items .expert-items-info strong, .expert-tips .expert-items-bx .expert-items .expert-items-info ul{ flex:0 0 100%; line-height: 25px;}
.expert-tips .expert-items-bx .expert-items .expert-items-info strong { font-weight:700; display: block; padding: 10px; font-size: 1.4em;}
.expert-tips .expert-items-bx .expert-items .expert-items-info ul li{ font-size:1em; position: relative; padding: 0 0 0 15px; line-height: 21px; margin: 3px 0;}
.expert-tips .expert-items-bx .expert-items .expert-items-info ul li:before{ content: '•';  position: absolute; top:0; left:0;}
.expert-tips .expert-items-bx .expert-items:nth-child(even){ background: #F2F3F7;}



.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;}
#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;}


/* image content Section */
.imgintro{width: 100%; max-width: 1340px; display: flex; flex-wrap: wrap; margin: 0 auto 30px;}
.imgintro h2{font-size: 3em; display: block; padding-bottom: 30px; font-weight: 800; width: 100%; text-align: center;}
.imgintro .colm{flex:0 0 50%; position: relative;}
.imgintro .colm .htimg{width: 100%;}
.imgintro .colm .htimg .toppic{position: absolute;
  top: 0;
  right: 30px;
  background-color: #d15728;
  width: 90px;
  height: 80px;
  z-index: 1;}
.imgintro .colm .htimg .toppic::after{border: 45px solid #d15728;
  border-bottom: 15px solid transparent;
  content: '';
  z-index: 9;
  position: absolute;
  bottom: -20px;
  width: 0;
  left: 0;}
  .imgintro .colm .htimg .toppic > strong{font-weight: 800;
    font-size: 1.8em;
    color: #ffffff;
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 10px;
    position: absolute;
    z-index: 999;
    top: 13px;}
.imgintro .colm .htimg > img{width: 100%; height: auto;}
.htlcont{display: flex; flex-wrap: wrap; flex-direction: column; padding-left: 30px;}
.contentscr{width: auto;}
.htlcont h3, .htlcont strong.htname{font-size: 2.4em; font-weight: 800; text-transform: uppercase;}
.htlcont p{font-size:1.6em; line-height: 22px; font-weight: 500; margin: 10px 0;}
.rdmore{width: auto;}
.rdmore > a{font-size: 1.6em; color: #174286; text-decoration: none; font-weight: 600;}
.cbtngrp{width:100%; margin-top:20px;}
.cbtngrp .dndetail{display:flex; flex-direction: column;}
.cbtngrp .dndetail > strong{font-size:2.2em; font-weight: 800; margin: 2px 0;}
.cbtngrp .dndetail > strong > span{color:#FC492B; font-size: 1.5em}
.btngrp{width: 100%; margin-top: 10px;}
.btngrp ul{list-style: none; display: flex; flex-wrap: wrap; gap: 20px;}
.btngrp ul li{flex:0 0 auto;}
.btngrp ul li a{text-decoration: none; font-size: 1.6em; border: 1px solid #FF5E24; color: #FF5E24; display: block; padding:15px 20px; font-weight: 600; width:200px; text-align: center;}
.btngrp ul li a.callbg{background-color: #FF5E24; color: #ffffff;}
/* image content Section */

/* Tour Highlight Section */
.tourhighlight{width:94%;  max-width: 1340px; display: flex; flex-wrap: wrap; margin: 0 auto;}
.tourhighlight > .tourspoint{flex:0 0 480px;}
.tourhighlight > .tourspoint > strong, .tourhighlight > .toursglance > strong{font-weight: 800; font-size: 2.4em; margin-bottom: 30px; display: block;}
.tourhighlight > .tourspoint > ul{display: block; list-style: none;}
.tourhighlight > .tourspoint > ul > li{width: 100%; display: flex; flex-wrap: wrap; align-items: center; font-size: 1.8em; margin: 15px 0;}
.tourhighlight > .tourspoint > ul > li span.cateheading{padding-left: 15px;}
.tourhighlight > .tourspoint > ul > li span.starsvg{padding-left: 8px;}
.tourhighlight > .tourspoint > ul > li span.starsvg svg{fill:#FF5E24; width: 20px;}
.tourhighlight > .toursglance{flex:0 0 calc(100% - 480px);}
.tourhighlight > .toursglance > ul{display: block; list-style: none;}
.tourhighlight > .toursglance > ul > li{width: 100%; display: flex; flex-wrap: wrap; align-items: center; font-size: 1.8em; margin: 15px 0; position: relative; padding-left: 25px; line-height: 22px;}
.tourhighlight > .toursglance > ul > li::before{content:''; width: 10px; height: 10px; background-color: #000000; border-radius: 50px; position: absolute; left: 0; top: 5px;}
/* Tour Highlight Section */

@media screen and (max-width:1200px){
.scollspytab.fixed{top: 95px;}
.scollspytab .scrollitems ul{flex-wrap: nowrap; overflow: auto; padding-bottom: 5px;}
.topattractions .attractionlist, .wtdine .wtdine-bx{ overflow: auto; justify-content: flex-start;}
}


@media screen and (max-width:900px){
	

	.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;}
	
	
  .imgintro .colm{flex:0 0 100%;}	
  .htlcont{padding: 20px;}
  .tourhighlight > .tourspoint, .tourhighlight > .toursglance{flex:0 0 100%; padding-bottom: 20px;}
  .tourhighlight > .toursglance{padding-bottom: 0; border-top: 1px solid grey; padding-top: 20px;}
  div.tabs{overflow: hidden;}
  div.tabs ul.tab-links{flex-wrap: nowrap; overflow: auto; justify-content: flex-start;}  
  div.tabs ul.tab-links li a{white-space: nowrap;}
}

@media only screen and (max-width:767px){
  .cbtngrp .dndetail > strong{font-size: 1.8em;}
  .btngrp ul{gap:7px;}
  .btngrp ul li a{font-size: 1.8em; padding: 12px;}
  .tourhighlight > .tourspoint > ul > li span.starsvg{padding-left: 8px;}
  .tourhighlight > .tourspoint > ul > li span.starsvg svg{width: 15px;}
  .tourhighlight > .toursglance > ul > li{padding-left: 35px;}
  .tourhighlight > .toursglance > ul > li::before{left: 7px;}
  .imgintro h2, .topattractions h2, .multicentre h2, .lstay h2, .tltreasure h2, .expert-tips h2{font-size: 2.6em; text-align: center;}
  .scollspytab.fixed{top:110px;}
}

@media only screen and (max-width:480px){
.scollspytab.fixed{top:125px;}
}