/* Keyframes for fade-in and fade-out effect */
@keyframes fadeInOut {
    0%, 100% {
        opacity: 0; /* Fully transparent */
    }
    50% {
        opacity: 1; /* Fully visible */
    }
}
/*.viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.scroll-container {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-style: preserve-3d;
}*/

.itemzoom {
	position: relative;
	display: block;
	overflow: hidden;
}
.itemzoom img {
    filter: grayscale(0%);
    transition: filter 0.6s ease, transform 0.6s ease;
    transform: scale(1.2);
}

.itemzoom img:hover {
    filter: grayscale(25%);
    transform: scale(1.05) translateX(-10px);
}

.itemNZReffect {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #fbfbfb;
}
.itemNZReffect img {
    filter: grayscale(0%);
    transition: filter 0.6s ease, transform 0.6s ease;
    transform: scale(1.1);
}

.itemNZReffect img:hover {
    filter: grayscale(25%);
    transform: scale(1.05) translateX(-10px);
}

.itemNZReffect.centvw img {width: 100%;}

.itemNZReffect .singleSlider img, .itemNZReffect .swiperSingleBunglowVilla img {
    filter: grayscale(0%);
    transition: filter 0.6s ease, transform 0.6s ease;
    transform: scale(1);
}

.itemNZReffect .singleSlider img:hover, .itemNZReffect .swiperSingleBunglowVilla img:hover {
    filter: grayscale(25%);
    transform: scale(1.05) translateX(-10px);
}

.titlewhite {color: #fffff4;}
.titlegrn {color: #6F917B;}
.titleblk {color: #000000;}
.titlegry {color: #565656;}
.sppretitle {
	text-transform: lowercase;
	padding-left: 4px;
}
.prppretitle {
	font-family: 'Zapf Humanist 601 BT';
	letter-spacing: 1.7px;
}

p.cmnpra {	
		font-family: Gilda Display;
		font-weight: 300;
		margin: auto;
		max-width: 1040px;
		font-size: 18px;
		line-height: 27px;
		padding-top: 2em;
/*		color: #514641;*/
}

p.titlePara {
	font-family: Gilda Display;
	font-weight: 300;
	margin: auto;
	max-width: 1040px;
	font-size: 20px;
	line-height: 30px;
	padding: 0.7em 2em;
}

.hidden-VT {
	display: none;
}
.vtIframe .fancybox__content{
	padding: 0;
}
.diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}

    .video-section {
      width: 100vw;
      height: 100vh;
      position: relative;
      overflow: hidden;
    }
    .video-section video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.3);
			display: flex;
			align-items: center;
			justify-content: flex-end;
			color: white;
			font-size: 2rem;
			flex-direction: column;
			flex-wrap: nowrap;
    }
    .overlay span {
    	font-family: 'Zapf Humanist 601 BT';
	    position: relative;
	    display: block;
	    width: 100%;
	    font-size: .85rem;
	    text-align: center;
	    text-transform: uppercase;
	    font-weight: 400;
	    letter-spacing: 3px;
    }
    .overlay .bannertitle {
			font-family: Gilda Display;
			color: #fffff4;
			font-size: 3.75rem;
			font-weight: 400;
			letter-spacing: 2px;
			text-align: center;
			text-transform: uppercase;
    	margin-bottom: 1.7em;
	    opacity: 0; /* Start invisible */
	    transition: opacity 2s ease-in-out; /* Animation for fade in and out */
    }
    .overlay .bannertitle.fade-in {
		    opacity: 1; /* Fully visible */
		}
    .overlay .button {
	    align-items: center;
	    background: 0 0;
	    border-radius: 4px;
	    color: #fff;
	    cursor: pointer;
	    justify-content: center;
	    letter-spacing: .04em;
	    line-height: 1;
	    max-width: 100%;
	    min-height: 1.5em;
	    min-width: 5rem;
	    outline: none!important;
	    outline: none;
	    padding: .6rem 2.4rem;
	    text-align: center;
	    transform: scale(1) translateZ(0) rotate(.02deg);
	    transition: .4s;
	    z-index: 9999
		}
		.overlay .button.white {
	    border: 1px solid #fff;
	    color: #fff;
		}
		.overlay .button span {
			display: block;
			font-size: .8rem !important;
			font-size: .75rem;
			font-weight: 500;
			line-height: 25px;
			outline: none;
			pointer-events: none;
			white-space: nowrap;
			text-transform: uppercase;
		}
    .overlay .button:hover {
    	background-color: #fff;
    	color: #000;
    }

    #video-container {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      background: #000;
    }
    video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .scroll-down-arrow {
			position: absolute;
			bottom: 5%;
			left: 50%;
			margin-left: -17px;
			font-size: 35px;
			text-decoration: none;
			color: #fff;
			animation: blink 1.5s infinite;
    }
    .scroll-down-arrow span {
      display: inline-block;
      animation: bounce 1.5s infinite;
    }

    @keyframes blink {
      0%, 100% {
        opacity: 1;
      }
      50% {
        opacity: 0.5;
      }
    }

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


	#cSection, #gSection, #meetSection, #activitySection {
		position: relative;
		display: block;
		margin-bottom: 0.5em;
		padding: 4em 0;
	}
	#cSection .dContainer, #gSection .dContainer{
		margin: 0 auto;
	}

	#cSection.inPageSection {
		padding: 7em 0;
	}

	/*Inner Landing page styles*/
	.welcomeInnerLanding { position: relative; display: block; margin: 0 10vw;}

	.welcomeInnerLanding .imageHolder, .comonSectionThumb .commonImgHolder {
        position: relative;
        display: block;
        width: 100%;
        height: 70vh;
        background-size: cover !important;
        background-position: 75% 70% !important;
	}
	
	.eventsimz .imageHolder {
		position: relative;
        display: block;
        width: 100%;
        height: 55vh;
        background-size: cover !important;
        background-position: 55% 70% !important;
    }

	.welcomeSection, .commonSection {
		position: relative;
		display: block;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.1906, 0, 1);
	}
	/*.welcomeContents {
		position: relative;
		display: flex;
	}*/
	.welcomeSection span {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 5px;
    margin-top: 15px;
	}
	.welcomeSection h1 {
		font-size: 4vw;
		line-height: 9vh;
		/*color: #545454;*/
	}
	.welcomeSection h2 {
		font-family: "Raleway", sans-serif;
		text-transform: uppercase;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 5px;
    margin-top: 15px;
	}
	.welcomeSection p {
		font-family: Gilda Display;
		font-weight: 300;
		width: calc(100% - 10vw);
		margin: auto;
		max-width: 1040px;
		font-size: 1.7rem;
		line-height: 42px;
		padding-top: 2em;
		color: #514641;
	}

	.welcomeInnerLanding .welcomeSection { margin-right: 4vw; }
	.welcomeInnerLanding .welcomeSection ul { padding-right: 3vw; }

	.commonSection h2 {
		font-size: 1vw;
		padding-bottom: 2em;
		font-weight: 600;
		letter-spacing: 5px;
	}

	.properties {
		position: relative;
		display: block;
		overflow-x: hidden;
	}

	.properties .thumbcol {
		position: relative;
	    display: block;
		background-color: #f2f2f2;
	    padding: 12rem 8rem 3rem 8rem;
		border-radius: 1.2rem;
	    min-height: 65vh;
	    overflow: hidden;
	    margin: 0.5em;
	    filter: grayscale(0%);
	    transition: filter 1s ease-in-out;
	}
	.properties .thumbcol:hover {
/* 		filter: grayscale(45%); */
		transition: filter 0.8s ease-in-out;
	}
	.properties .thumbcol .item::before {
	    content: "";
	    position: absolute;
	    top: -110px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background-color: #f2f2f2;
/*	    background-image: url(../../images/nazimgarh-garden-thumb.jpg);*/
	    background-attachment: fixed;
	    background-repeat: no-repeat;
	    background-size: cover;
	    z-index: -3;

	    /* Start with a slightly larger scale */
	    transform: scale(1.05);
	    transition: transform 0.8s ease-in-out;
	}

	.properties .thumbcol:hover .item::before {
	    /* Shrink the background image */
	    transform: scale(1);
	}
	.properties .thumbcol .item::before:hover {
		transform: scale(1.1) translateX(-10px);
	}
	.properties .thumbcol:hover .commonBTN {
    border: 1px solid #ffffff;
    background-color: #00000075;
	}


	.properties .item .linkBTN,
	.properties .itemlalkhal .linkBTN,
	.properties .itemwilder .linkBTN {
		position: relative;
		display: flex;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		height: 50vh;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-end;
	}
	.properties .thumbcol .itemlalkhal::before:hover,
	.properties .thumbcol .itemHeritage::before:hover,
	.properties .thumbcol .itemgarden::before:hover {
		transform: scale(1.1) translateX(-10px);
	}


/* 	.properties .thumbcol .item.nzmsylhetcity::before{
	    background-image: url(../../images/nazimgarh-garden-thumb.jpg);
	}
	.properties .thumbcol .item.nzmgardenSyl::before{
	    background-image: url(../../images/nazimgarh-garden-sylhet-thumb.jpg);
	    top: -23%;
	}
	.properties .thumbcol .item.nzmlalakhal::before{
	    background-image: url(https://digitawebs.com/nazimgarhresortwp/wp-content/uploads/2025/02/wilderness-home-thumb.jpg);
	}
	.properties .thumbcol .item.nzmheritage::before{
	    background-image: url(../../images/nazimgarh-villa-thumbs.jpg);
	}
	.properties .thumbcol .item.nzmevents::before{
	    background-image: url(../../images/nzmevents-thumb.jpg);
	}
	.properties .thumbcol .item.nzmvalley::before{
	    background-image: url(../../images/valley-thumb.jpg);
	} */


	.properties .thumbContent {
		position: relative;
		display: block;
		text-align: center;
		padding: 2em;
	}
	.properties .thumbContent span {
		line-height: 35px;
		font-size: 0.625rem;
		letter-spacing: 3px;
		font-weight: 500;
	}
	.properties .thumbContent h3 {
    font-size: 2.2rem;
    line-height: 55px;
	}
	.properties .thumbContent p {
		font-size: 18px;
		line-height: 30px;
		padding: 1em 2.5em 2em 2.5em;
		letter-spacing: 0.03rem;
		margin-bottom: 1.2em;
		color: #3a3a3a;
	}


	.wrapper.introActivity {
		position: relative;
		display: block;
	}

	.wrapper.introActivity .activitySection {
		position: relative;
		display: block;
		margin: 0;
	}
	.wrapper.introActivity .activitySection .activityBanner{
		position: relative;
		display: block;
		max-height: 500px;
		overflow: hidden;
		filter: grayscale(45%);
		transition: filter 0.5s ease-in-out;
	}
	.wrapper.introActivity .activitySection .activityBanner:hover{
		filter: grayscale(0%);
	}
	.wrapper.introActivity .activitySection .contents {
		position: relative;
		display: flex;
		height: 100%;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: flex-start;
		padding-top: 3.5em;
	}
	.wrapper.introActivity .activitySection .contents .rowtop {
		padding-top: 2.5em;
	}
	.wrapper.introActivity .activitySection .contents .rowtop p {
		font-family: Gilda Display;
    font-weight: 300;
    margin: auto;
    max-width: 1040px;
    padding-right: 5vw;
		font-size: 19px;
    line-height: 32px;
	}
	.wrapper.introActivity .activitySection .contents .rowbottom {
		position: relative;
		display: flex;
		height: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}
	.wrapper.introActivity .activitySection .activitySlider .carousel-item img {
		filter: grayscale(65%);
		-moz-transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
		-webkit-transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
		-ms-transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	}
	.wrapper.introActivity .activitySection .activitySlider .carousel-item:hover img {
		filter: grayscale(0%);
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		
	}

	.ftbar {
		position: relative;
		display: block;
		border-top: 1px solid #b3b3b3;
		padding-top: 5px;
	}
	.ftbar .footerLogo img { width: 65px; }
	.ftbar .footerLogo.ftlogohome {margin-top: 3.2vh; margin-left: 2%;}
	.ftbar .footerLogo.ftlogohome img { width: 125px; }
	.ftbar .addressContain { position:relative; display:block; padding-top: 1.3em; padding-left: 1em; }
	.ftbar .addressContain ul { position: relative; display:block; padding-left: 1em; padding-top: 0.1em; }
	.ftbar .addressContain ul li { list-style:none; padding-bottom: 5px; }
	.ftbar .addressContain ul li a { position:relative; display: block; text-decoration: none; color: #000; transition: all 500ms ease-in-out;}
	.ftbar .addressContain ul li a:hover { text-decoration: none; color: #242424; letter-spacing: 0.01em; transition: all 700ms ease-in-out;}
	.ftbar .addressContain ul.shareLink { position:relative; display: flex; margin-top: 0.5em;}
	.ftbar .addressContain ul.shareLink li svg {height: 42px; width: 41px; border: 1px solid #000; border-radius: 50%; padding: 9px; transition: background-color 0.5s ease, border-color 0.5s ease;}
	.ftbar .addressContain ul.shareLink li svg path{fill: black; transition: fill 0.5s ease;}
	.ftbar .addressContain ul.shareLink li a:hover svg {background-color: #000;}
	.ftbar .addressContain ul.shareLink li a:hover svg path {fill: white;}
	.ftbar .addressContain ul.shareLink li i.lab{ color: #000; font-size: 20px; border: 1px solid #000; border-radius: 50%; padding: 10px; transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;}
	.ftbar .addressContain ul.shareLink li a:hover i.lab{ background-color: #000; color: #fff; }
	.ftbar .addressContain h6 { font-size: 25px; padding-left: 27px; }
	.ftbar .addressContain h6 i.las{ position: absolute; font-size: 27px; display: block; left: 10px; }

	.ftbar .addressContain ul.shareLink.sociaLinks { position:relative; display: flex; flex-direction: column; margin-top: -8px; font-size: 16px;}
	.ftbar .addressContain ul.shareLink.sociaLinks li {padding-bottom: 0;}
	.ftbar .addressContain ul.shareLink.sociaLinks li svg {height: 42px; width: 25px; transition: background-color 0.5s ease, border-color 0.5s ease;}
	.ftbar .addressContain ul.shareLink.sociaLinks li svg path{fill: black; transition: fill 0.5s ease;}
	.ftbar .addressContain ul.shareLink.sociaLinks li a:hover svg {background-color: transparent;}
	.ftbar .addressContain ul.shareLink.sociaLinks li a:hover svg path {fill: white;}
	.ftbar .addressContain ul.shareLink.sociaLinks li i.lab{ color: #000; font-size: 25px; border: 0px solid #000; border-radius: 50%; padding: 10px 0 0px 0; transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;}
	.ftbar .addressContain ul.shareLink.sociaLinks li a:hover i.lab{ background-color: #fff; color: #000; }

	.mostFooter {position: relative; display: block; border-top: 1px solid #b3b3b3; }
	.mostFooter .footerLink ul {position: relative; display: block; columns: 5; -webkit-columns: 5; -moz-columns: 5; margin-left: 0px; padding: 0;}
	.mostFooter .footerLink ul li {
		list-style: none;
	    line-height: 25px;
	    padding-bottom: 5px;
	    vertical-align: middle;
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: flex-start;
	    justify-content: center;
	    align-items: center;
	}
	.mostFooter .footerLink ul li a {position: relative; display: block; width: 100%; color: #000; text-decoration: none; transition: all 500ms ease-in-out;}
	.mostFooter .footerLink ul li a i.las {padding-right: 7px;}
	.mostFooter .footerLink ul li a:hover {color: #242424; letter-spacing: 0.01em; transition: all 700ms ease-in-out;}

	/*	overflow booking bookform*/
	#hidden-div {
		position: absolute;
		display: block;
		width: 100vw;
		top: 0;
		padding: 10px;
		border: 0;
		border-radius: 0;
		z-index: 1;
	    border-radius: 5px;
	    background-color: #fff;
	}

	#header nav.onbook {
		left: 0.6em;
	}
	#header nav.onbook a[href="#menu"]:after {color: #000;}
	#header nav.onbook a[href="#menu"] i.las {color: #000;}
	#header nav.onbook a[href="#menu"]:before {color: #000;left: 0;}
	.bookLogo {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		margin-bottom: 1em;
	}
	.bookLogo img {
		width: 5em;
	}

/*	Lined menu icon*/
.hamburger {
	position: relative;
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 60px;
  height: 27px;
  cursor: pointer;
  top: -0.5vh;
  cursor: pointer;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
.hamburger div {
  align-self: flex-start;
  height: 3px;
  width: 60%;
  background: #3E4651;
}
.hamburger .meat {
  width: 45%;
  transition: all 200ms ease-in-out;
}
.hamburger .bottom-bun {
  width: 55%;
  transition: all 400ms ease-in-out;
}
.hamburger:hover div {
  width: 100%;
}
.hamburger:hover .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
          animation: burger-hover 1s infinite ease-in-out alternate;
}
.hamburger:hover .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.hamburger:hover .bottom-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}
#header.scrolled .hamburger { top: -2vh; height: 23px; }

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
/*	End lined menu icon*/

/*	Property Mobile Menu */
.MobileMenuz a.menu-toggle{
	position: absolute;
	display: block;
	right: 1.7em;
}
	#overlayXS {
	  position: fixed; 
	  width: 100%; 
	  height: 100%;
	  top: 0; 
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: rgba(0,0,0,0.7); 
	  z-index: 2; 
	  cursor: pointer;
	  animation: slide-in 1s forwards;
	}

	@keyframes slide-in {
	  from {
	    transform: translateX(100%);
	  }
	  
	  to {
	    transform: translateX(0);
	  }
	}

	/* Slide-out animation */
	@keyframes slide-out {
	  from {
	    transform: translateX(0);
	  }
	  to {
	    transform: translateX(100%);
	  }
	}

	#overlayXS .menuOverlayedXS ul {
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    margin: 0;
	    padding: 0;
	    height: 100vh;
	    z-index: 100;
	}
	#overlayXS .menuOverlayedXS ul li {
		list-style: none;
	}
	#overlayXS .menuOverlayedXS ul li a {
		text-decoration: none;
	    color: #fff;
	    border-radius: 5px;
	    border: 0;
	    display: block;
	    font-size: 1.5em;
	    font-weight: 400;
	    line-height: 1.85em;
	    padding: 0 0 0.8em 0;
	    text-transform: capitalize;
	}
.innerburger {
	position: relative;
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 60px;
  height: 22px;
  cursor: pointer;
  top: -0.9vh;
  cursor: pointer;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
.innerburger div {
  align-self: flex-end;
  height: 3px;
  width: 60%;
  background: #3E4651;
}
.innerburger .meat {
  width: 45%;
  transition: all 200ms ease-in-out;
}
.innerburger .bottom-bun {
  width: 55%;
  transition: all 400ms ease-in-out;
}
.innerburger:hover div {
  width: 100%;
}
.innerburger:hover .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
          animation: burger-hover 1s infinite ease-in-out alternate;
}
.innerburger:hover .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.innerburger:hover .bottom-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}
#header.scrolled .innerburger { top: -2vh; height: 23px; }
#header.scrolled .innerburger div { height: 2px; }

/* Mobile Menu Close Button Styling */
.closeXS {
	background-image: url("images/close.svg");
	background-position: 75% 25%;
	background-repeat: no-repeat;
	filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(212deg) brightness(104%) contrast(104%);
	border: 0;
	content: '';
	display: block;
	height: 4em;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	text-indent: 4em;
	top: 0;
	width: 4em;
	z-index: 101;
}
/*	End XS lined menu icon*/

	/*Inner page header styles*/
	#header.innerhead {
		position: fixed; 
		display: block; 
		width: 100vw;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
	}
	#header.innerhead .contactHeader, #header.innerhead .innerMenuHeader {position: relative; display: block;}
	#header.innerhead .contactHeader ul, #header.innerhead .innerMenuHeader ul{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-end; align-items: center; margin: 0; padding: 0; padding-top: 0.7em; padding-right: 5em;}
	#header.innerhead .contactHeader ul li, #header.innerhead .innerMenuHeader ul li{list-style: none; line-height: 30px;}
	#header.innerhead .contactHeader ul li a {position: relative; display: block; text-decoration: none; color: #000; padding: 5px 15px;}
	#header.innerhead .contactHeader ul li:first-child a:after {content: ''; position: absolute; display: block; width: 1px; height: 18px; background-color: #000; top: 11px; right: -13px;}
	#header.innerhead .contactHeader ul li a:last-child {padding-right: 0;}
	#header.innerhead .innerMenuHeader ul {padding-top: 5vh;}
	#header.innerhead .innerMenuHeader ul li{list-style: none; }
	#header.innerhead .innerMenuHeader ul li a{ text-decoration: none; color: #000; padding: 5px 15px; font-size: 1.1em; font-weight: 400; letter-spacing: 0.05rem; text-transform: uppercase; }
	#header.innerhead .innerMenuHeader ul li a:hover {color: #008000;}
	#header.innerhead .innerMenuHeader ul li.bookMenuBTN a {border: 1px solid #000; border-radius: 5px;}
	#header.innerhead .innerMenuHeader ul li.bookMenuBTN a:hover {background-color: #000; color: #fff;}
	#header.innerhead.scrolled {
		height: 80px;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
	}
	#header.innerhead.scrolled .logoinner a::after { background-size: 85px 86px;  width: 85px;  height: 86px; top: -5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	#header.innerhead.scrolled .innerMenuHeader ul { padding-top: 2.5vh; }

	form.bookform {position: relative; display: block; height: 100%; margin: 0; font-family: "Roboto", sans-serif; font-size: 14px;}
	form.bookform .t-datepicker { position: relative; display: block;}
	form.bookform .t-check-in, form.bookform .t-check-out { border-width: 1px; border-style: solid; width: 46%; box-sizing: border-box; margin: 0 2%; }
	form.bookform .t-datepicker .t-check-in .t-dates,
	form.bookform .t-datepicker .t-check-out .t-dates { background-color: #eee; border: 1px solid #eee; border-radius: 0px; height: 55px; line-height: 1; min-width: 230px; padding: 12px; transition: all .4s; }
	form.bookform .t-datepicker .t-check-in .t-dates label.t-date-info-title,
	form.bookform .t-datepicker .t-check-out .t-dates label.t-date-info-title { position: relative; display: block; color: #000; font-size: 14px; font-weight: 500; top: 7px; left: 10px;}
	form.bookform i.las { position: absolute; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; top: 21%; left: 50%; margin-left: -20px; font-size: 25px; border-radius: 50%; padding: 5px; z-index: 3; background-color: #fff;}
	form.bookform .selectguest { position: relative; display: block; font-family: "Roboto", sans-serif; background: #eee; height: 57px; border-radius: 3px; }
	form.bookform .selectguest select { position: absolute; display: block; font-family: 'Roboto'; background: transparent; background-color: #eeeeee00; padding: 0 25px; outline: none; border: none; border-radius: 3px; width: 100%; height: 55px; line-height: 65px; text-transform: uppercase; font-size: 1.05em; font-weight: 400; letter-spacing: 0.15em; margin-top: -3px; opacity: 0.4;}
	form.bookform .selectguest select:focus { outline: none; }
	form.bookform .t-check-in .t-end, .t-check-out .t-start, .t-check-out tr~.t-end { color: #fff; background: #000000; }
	form.bookform .bookformBTN button { position: relative; display: block; border: 0; border-radius: 3px; width: 100%; height: 58px; text-transform: uppercase; font-size: 1.05em; font-weight: 300; letter-spacing: 0.15em; color: #7c7c7c; line-height: 25px; }
	form.bookform .bookformBTN button:hover { color: #fff; background-color: #000; }

	#pagebanner {
		position: relative;
		display: flex;
		background-color: #f0f0f0;
		min-height: 35vh;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	#pagebanner h1 {padding-top: 3em; font-size: 2.3vw}

	.innerPageSection {
		position: relative;
		display: block;
	}

	.prplanding {}
	.prplanding h1{
		font-size: 2.3vw;
		line-height: 5.1vh;
	}
	.prplanding h2{
		font-size: 20px;
		letter-spacing: 5px;
	}
	.prplanding p{
		width: 100%;
		font-size: 1.5rem;
		line-height: 35px;
	}
	.prplanding span {
		text-transform: capitalize;
	}
	.prplanding ul {
    position: relative;
    display: block;
    padding: 0;
    padding-bottom: 5%;
    width: 100%;
	}
	.prplanding ul li{
    list-style: none;
    position: relative;
    padding-left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
	}
	.prplanding ul li a {
		position: relative;
		display: block;
		width: 100%;
		padding: 10px 0;
		border-top: 1px solid #D0CECE;
		color: #414141;
		text-decoration: none;
		font-size: 18px;
	}
	.prplanding ul li a::after {
	  content: url("../../images/arrow-icon.svg");
    position: absolute;
    display: inline-block;
    right: 0;
	}

	.thumbCntr {
		padding-top: 2.5em;
	}
	.thumbCntr .propLandingThumbs{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		max-height: 500px;
		overflow: hidden;
	}
	.thumbCntr .propLandingThumbs .theThumb{
		height: 100vh!important;
		background-repeat: no-repeat!important;
		background-size: calc(97% + 105px)!important;
	}


	.landingRooms {}
	.landingRooms .item .roomThumb{
		margin: 0 1vw 0.7vw;
	}
	.landingRooms .item .itenery{
		position: relative;
		display: block;
		text-align: center;
	}
	.landingRooms .owl-carousel .owl-dots {margin-top: 30px!important;}
	.landingRooms .owl-carousel .owl-dots .owl-dot span {background: #383838; border-radius: 0; width: 35px; height: 8px;}
	.landingRooms .owl-carousel .owl-dots .owl-dot.active span {background: #ccc; border-radius: 0; width: 35px; height: 8px;}
	.landingRooms .item .itenery ul {position: relative; display: flex; margin: 0; padding: 1em 0; list-style: none; align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row;}
	.landingRooms .item .itenery ul li{  font-weight: 300; padding: 0 10px; font-weight: 400; }
	.landingRooms .item .itenery .roomTitle {  }
	.landingRooms .item .itenery .tariff{margin-top: -7px;}
	.landingRooms .item .itenery .tariff span{font-size: 16px; font-weight: 400;}

		/* [1] The container */
		.img-hover-zoom {
		  height: 300px; /* [1.1] Set it as per your need */
		  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
		}

		/* [2] Transition property for smooth transformation of images */
		.img-hover-zoom img {
		  transition: transform .5s ease;
		}

		/* [3] Finally, transforming the image when container gets hovered */
		.img-hover-zoom:hover img {
		  transform: scale(1.5);
		}

		/* Slow-motion Zoom Container */
		.img-hover-zoom--slowmo img {
		  transform-origin: 50% 65%;
		  transition: transform 5s, filter 3s ease-in-out;
		  filter: brightness(150%);
		}

		/* The Transformation */
		.img-hover-zoom--slowmo:hover img {
		  filter: brightness(100%);
		  transform: scale(3);
		}

	.facilityContain {
		position: relative;
		display: block;
		padding: 2em;
		border: 1px solid #E5E5E5;
		overflow: hidden;
		min-height: 180px;
		margin-bottom: 25px;
	} 
	.facilityContain:after {
		content: '';
		position: absolute;
		display: block;
		background-size: 67px;
		width: 67px;
		height: 75px;
		right: 0;
		bottom: 0;
	}
	.facilityContain.col1:after {
		background: url('../../images/garden/icons/map-icon.png') no-repeat center center;
	}
	.facilityContain.col2:after {
		background: url('../../images/garden/icons/parking-icon.png') no-repeat center center;
	}
	.facilityContain.col3:after {
		background: url('../../images/garden/icons/roomservice-icon.png') no-repeat center center;
	}
	.facilityContain.col4:after {
		background: url('../../images/garden/icons/pool-icon.png') no-repeat center center;
	}
	.facilityContain.col5:after {
		background: url('../../images/garden/icons/internet-icon.png') no-repeat center center;
	}
	.facilityContain.col6:after {
		background: url('../../images/garden/icons/teacoffee-icon.png') no-repeat center center;
	}


	.innerActivities {}
	.innerActivities ul {position: relative; display: flex; margin: 0; padding: 0; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; height: 100%; max-height: 350px; background-color: #FFFFF4; overflow: hidden;}
	.innerActivities ul li {list-style: none; padding: 0; background-color: #FFFFF4; position: relative; display: block; width: 50%; overflow: hidden;}
	.innerActivities ul li .activityContent{ padding: 0em 3em; }
	.innerActivities ul li .activityContent p{ margin-bottom: 1em; padding-bottom: 1em; padding-top: 5px; line-height: 25px; }
	.innerActivities ul li .activityContent a.commonBTN{ position: relative; display: inline-flex; padding: 10px 30px; }

	.offerSlider {
		position: relative;
		display: block;
		padding: 0 5em;
		max-height: 500px;
	}
	.offerSlider .carousel-inner .carousel-item{
		position: relative;
		display: block;
		height: 500px;
	}

/*	inner page slider*/
    .slideContents {
/*      background: #f7e9dc;*/
      min-height: 75vh;
      align-items: center;
/*      padding-top: 100px;*/
      display: flex;
      justify-content: center;
    }

    .slideContents .swiper-slide img {
      width: 100%;
      transition: transform 0.5s ease;
      border-radius: 0px;
			/*opacity: 0.4;*/
      min-height: 350px;
      object-fit: cover;
    }

    .slideContents .swiper-slide-active img {
      transform: scale(1); /* Zoom effect */
      opacity: 1;
    }

    .slideContents .swiper-container {
			/*overflow: hidden;*/
      width: 100%;
    }

    .swiper-slide.swiper-slide-prev::before,
    .swiper-slide.swiper-slide-next::before {
		    content: '';
		    position: absolute;
		    display: block;
		    background-color: #00000094;
		    z-index: 1;
		    width: 100%;
		    height: 100%;
		}
		.swiper-button-next:after, .swiper-button-prev:after {
	    font-family: swiper-icons;
	    font-size: 4em!important;
	    color: #fff;
	  }
	  .swiper-button-prev {
	    left: var(--swiper-navigation-sides-offset, 70px)!important;
	    right: auto;
		}
	  .swiper-button-next {
	    width: calc(var(--swiper-navigation-size)/ 44 * 167)!important;
		}
    .slideContents .swiper-slide .roomBrief {
			position: absolute;
			display: block;
			bottom: 8%;
			right: 6%;
			background-color: #ffffffd9;
			padding: 2em;
			width: 28vw;
			height: auto;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions {
    	position: relative;
    	display: block;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions p {
    	padding-bottom: 0.8vh;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul {
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			margin: 0;
			padding: 0;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li{
    	position: relative;
    	display: block;
    	list-style: none;
    	padding-left: 25px;
    	line-height: 30px;
    	margin-right: 1.5em;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li::before { position: absolute; display: block; content: ''; left: 0; top: 9px; width: 19px; height: 19px; background-size: cover;}
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.accom:before {
    	background: url('../../images/icons/beds-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
		filter: invert(0%) sepia(100%) saturate(3%) hue-rotate(161deg) brightness(0%) contrast(102%);
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.singlebed:before {
    	background: url('../../images/icons/room-bed-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.users:before {
    	background: url('../../images/icons/user-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.roomsize:before {
    	background: url('../../images/icons/room-size-icon.svg') no-repeat; background-size: 20px 16px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.aircon:before {
    	background: url('../../images/icons/ac-icon.svg') no-repeat; width: 33px; left: -8px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.locker:before {
    	background: url('../../images/icons/locker-icon.svg') no-repeat;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.livingroom:before {
    	background: url('../../images/icons/sitting-room-icon.svg') no-repeat; background-size: 24px 20px; height: 23px; width: 24px; top: 3px; left: -4px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.conrooms:before {
    	background: url('../../images/icons/connecting-rooms.svg') no-repeat; background-size: 30px 27px; height: 30px; width: 30px; top: 2px; left: -9px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.aircon:before {
    	background: url('../../images/icons/air-conditioner-icon.svg') no-repeat; background-size: 30px 27px; height: 30px; width: 30px; top: 2px; left: -9px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.locker:before {
    	background: url('../../images/icons/safebox-locker-icon.svg') no-repeat; background-size: 20px 21px; height: 20px; width: 21px; top: 6px; left: -3px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.childrens:before {
    	background: url('../../images/icons/children-icon.svg') no-repeat; background-size: 20px 21px; height: 20px; width: 21px; top: 6px; left: -3px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li.onechild:before {
    	background: url('../../images/icons/one-child-icon.svg') no-repeat; background-size: 20px 20px; height: 20px; width: 20px; top: 6px; left: -3px;
    }
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks{ position: relative; display: flex; padding-top: 2em; justify-content: space-between; }
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks li {	padding-left: 0; }
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks li::before{ background: unset!important; }
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks li:last-child{ margin-right: unset; }
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks .commonBTN.navigator { padding: 0.5em 2em; background-color: #fff; color: #000; font-weight: 500; }
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks .commonBTN.navigator:hover { background-color: #000; color: #fff; }

    /* Navigation arrows */
    .slideContents .swiper-button-next, .swiper-button-prev {
      color: #000; /* Change the color of navigation arrows */
    }

    /* Pagination */
    .slideContents .swiper-pagination-bullet-active {	background: #fff!important;	opacity: 1!important; }
    .slideContents .swiper-pagination-bullet { background: #CDCDCD; width: 15px; height: 15px; border-radius: 0; opacity: 0.75; }
    .swiper-horizontal>.swiper-pagination-bullets, 
    .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .swiper-pagination-custom, 
    .swiper-pagination-fraction {
	    bottom: var(--swiper-pagination-bottom, 13%)!important;
	    top: unset!important;
	  }

		/* Dining slider landing*/		
    .proplandingDine .swiper-container {
			overflow: hidden;
      width: 100%;
    }	
    .proplandingDine .swiper-container .dineslidecontent{
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    height: 100%;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: flex-start;
    }
    .proplandingDine .swiper-container .dineslidecontent h4{
    	font-size: 4em;
    	padding-bottom: 0.5em;
    }
    .proplandingDine .swiper-container .dineslidecontent p{
    	font-size: 1em;
    	padding-bottom: 0.5em;
    	padding-right: 2em;
    }
    .proplandingDine .swiper-container .dineSlide{
			position: relative;
			display: block;
    }
    .proplandingDine .swiper-container .dineSlide img{
			max-width: 100%;
    }
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb{
			position: absolute;
			display: block;
			top: 50%;
			margin-top: -15vh;
			right: -50px;
    }
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb img {
    	background-color: #fff;
    	padding: 10px;
    }
    .proplandingDine .swiper-slide.swiper-slide-prev::before, 
    .proplandingDine .swiper-slide.swiper-slide-next::before {
		  content: none;
		}
    .proplandingDine .swiper-container .swiper-button-next::after,
    .proplandingDine .swiper-container .swiper-button-prev::after{
    	color: #000;
			font-size: 2.2em !important;
			border: 2px solid #000;
			padding: 16px 25px;
			border-radius: 50%;
    }
    .proplandingDine .swiper-container .swiper-button-prev {
    	width: calc(var(--swiper-navigation-size)/ 5 * 27)!important;
    }
    .proplandingDine .swiper-container .swiper-button-next {
    	width: calc(var(--swiper-navigation-size)/ 21 * 167) !important
    }
    .proplandingDine .swiper-container .swiper-pagination{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: center;
			justify-content: flex-end;
			align-items: center;
			bottom: var(--swiper-pagination-bottom, 65%) !important;
			left: unset;
			right: 7.7% !important;
			font-size: 1.8em;
    }

    #meetSection .meetContainer {
    	position: relative;
    	display: block;
    	margin: 0 10em;
    }
    #meetSection .landingMeetLeft { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; height: 100%;}
    #meetSection .landingMeetLeft h4{ font-size: 4em; padding-bottom: 0.5em; }
    #meetSection .landingMeetLeft p{ padding-bottom:1.5em; }
    #meetSection .meetThumb { position: relative; display: block; }
    #meetSection .meetThumb ul{ position: relative; display: flex; margin: 0; padding: 0; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: center; }
    #meetSection .meetThumb ul li .meetholder{ position: relative; display: block; }
/*    #meetSection .meetThumb ul li .meetholder:before{ content: ''; position: absolute; display: block; background-color: #00000042; width:100%; height: 100%; }*/
/*    #meetSection .meetThumb ul li .meetholder:after{ content: ''; position: absolute; display: block; background-color: #00000042; width:100%; height: 100%; }*/
    #meetSection .meetThumb ul li{ position: relative; display: block; list-style: none; }
    #meetSection .meetThumb ul li img { max-width:100%; }
    #meetSection .meetThumb ul li .meetInfo { position: absolute; display: block; bottom: 5%; left: 8%; color: #fff; background-color: #0000006e; padding: 4%; width: 85%;}
    #meetSection .meetThumb ul li .meetInfo h5 { font-size: 30px; }
    #meetSection .meetThumb ul li .meetInfo a { text-decoration:none; color: #fff; }
    #meetSection .meetThumb ul li .meetInfo a:hover { color: #000; }
    #meetSection .meetThumb.gardensylhet ul li {}

  	.nzgrACTIVITY {margin-top: 0%;}
  	.nzgrACTIVITY h4 {font-size: 4em;}
	.nzgrACTIVITY.valleypage {margin-top: 2%;}
  	.nzgrACTIVITY .actContainer {margin: 0!important;}
	/* Grid container */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-grid {
      display: flex;
      width: 100%;
      height: 50vh; /* Adjust height as needed */
      position: relative;
      overflow: hidden;
    }

    /* Column styling */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-column {
      flex: 1;
      height: 100%;
      transition: flex 0.3s ease, z-index 0.3s ease;
      overflow: hidden;
      cursor: pointer;
      position: relative;
    }

    /* Default width for columns (33.33% for 3 columns) */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-column {
      flex: 1; /* Equal width for all columns */
    }

    /* Image styling */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-column img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Ensure images cover the area */
      transition: opacity 0.5s ease; /* Smooth fade effect */
    }

    /* Title styling */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-column h3 {
		position: absolute;
		bottom: 20px;
		left: 20px;
		color: white;
		font-size: 2em;
		font-weight: 800;
		text-shadow: 1px 1px 1px #000;
		opacity: 1; /* Initially hidden */
		transition: opacity 0.5s ease; /* Smooth fade effect */
		z-index: 5; /* Ensure title is above the image */
    }

    /* Hover effect */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-column:hover {
      flex: 1.5; /* Expand to 45% (adjust as needed) */
      z-index: 10; /* Bring hovered image to the front */
    }

    /* Adjust other columns on hover */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-grid:hover .image-column:not(:hover) {
      flex: 0.8; /* Shrink other columns (adjust as needed) */
    }

    /* Fade in title and adjust image opacity on hover */
  	.nzgrACTIVITY .actContainer .offgridExpand .image-column:hover h3 {
      opacity: 1; /* Show title */
    }

  	.nzgrACTIVITY .actContainer .offgridExpand .image-column:hover img {
      opacity: 0.8; /* Slightly fade the image */
    }

    #activitySection .actContainer { position: relative; display: block; margin: 0 10em; }
    #activitySection .actContainer h4{ position: relative; display: block; font-size: 4em; padding-top: 0.5em; padding-left: 3em; padding-bottom: 0.5em; }
    #activitySection .actContainer h4::before { content: ''; position: absolute; display: block; width: 27vw; height: 14vh; background-color: #f0f0f0; top: 0px; left: 75px; z-index: -1; 
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
    }
    #activitySection .actContainer .activities .accordion-collapse { transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;}
    #activitySection .actContainer .activities .accordion-item {border: none; border-radius: 0; background-color: transparent; transition: opacity 0.5s ease, transform 0.5s ease;}
		#activitySection .actContainer .activities .accordion-item.fade-out {
      opacity: 0;
      transform: translateY(-20px);
    }

    #activitySection .actContainer .activities .accordion-item.fade-in {
      opacity: 1;
      transform: translateY(0);
    }    
    #activitySection .actContainer .activities .accordion-item .accordion-button:focus {border: none; box-shadow: unset;}
    #activitySection .actContainer .activities .accordion-item .accordion-button:hover {background-color: transparent;}
    #activitySection .actContainer .activities .accordion-item .accordion-button {padding: 1.5em 2em 0em 2em; font-size: 2.2rem; box-shadow: none; background: transparent; }
    #activitySection .actContainer .activities .accordion-item .accordion-button.shownitem { 
			color: #000;
    	background-color: transparent;
	    position: relative;
	    display: block;
	    border-radius: 0;
	    padding: 0em 2em 0em 2em;
	    font-size: 2.2rem; 
	    box-shadow: none;
	    transition: all 0.5s ease-out;
	  }
    #activitySection .actContainer .activities .accordion-item .accordion-button.shownitem::after {  content: ''; position: absolute; display: block; height: 2px; width: 100px; background-color: #000; bottom: -8px; left: 76px; }
    #activitySection .actContainer .activities .accordion-item .accordion-button::after { display: none; }

    #activitySection .actContainer .activities .accordion-item .accordion-body .contentsTab { 
    	position: relative;
    	display: block;
    	padding: 2em 3.5em 2em 3.5em;
    }
    #activitySection .actContainer .activities .accordion-item .accordion-body .contentsTab p { 
    	font-size: 1em;
    	line-height: 1.7rem;
   		padding: 0 1em 2em 0;
    }
    #activitySection .actContainer .activities .accordion-item .accordion-body .contentsTab .learnbtn { padding: 0.7em 2.5em; }
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs {
			/*position: relative; display: block; margin-top: -5.5vh; max-width: 85%; margin-bottom: -50%; z-index: 1;*/
			position: relative;
			display: block;
/*			margin-top: -5.5vh;*/
			max-height: 80vh;
			width: 100%;
			margin-bottom: -50%;
			z-index: 1;
			width: 48svw;
/*			top: 20em;*/
			overflow-y: hidden;
			z-index: -2;			
			transition: margin-top 5s ease;
    }
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs ul {position: relative; display: block; margin: 0; padding: 0;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs ul li {list-style: none; position: relative; display: block; margin: 0 7.5px; padding: 0; overflow: hidden;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs ul li img {width: 100%;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs ul.listImg {position: relative; display: flex; margin: 0; padding: 0;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs ul.listImg li {position: relative; display: block; margin: 0; padding: 0; width: 50%; margin: 15px 7.5px;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs ul.listImg li img{width: 100%;}

    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs.gardensylhet {margin-bottom: unset;}

    #banner .bannerSection {
	    position: relative;
	    display: flex;
	    width: 100vw;
	    height: 55vh;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
    }
    #banner .bannerSection:after {
    	content: '';
    	position: absolute;
    	display: block;
    	background-color: #00000059;
    	width: 100%;
    	height: 100%;
    }
    #banner .bannerSection h1{color: #fff; z-index: 2; padding-top: 10vh;}

    #banner.innerhead .bannerSection {margin-top: 13vh;}
    
    #banner .video-section { height: 100vh; }
    .overlay .bannertitle { margin-bottom: 2em;}
    .scroll-down-arrow { bottom: 10%; }
    
    #banner.singleIMG {}
    #banner.singleIMG .scroll-down-arrow { bottom: 27%; }
    
        @-moz-document url-prefix() {
            #banner .video-section { height: 100vh; }
            .overlay .bannertitle { margin-bottom: 2em;}
            .scroll-down-arrow { bottom: 10%; }
        }

    .accommodationLanding {position: relative; display: block; margin-bottom: 5em}
    .accommodationLanding ul{position: relative; display: flex; margin: 0; padding: 0;}
    .accommodationLanding ul li {list-style: none;}
    .accommodationLanding ul li:first-child {width: 70%;}
    .accommodationLanding ul li:last-child {width: 40%;}
    .accommodationLanding.odd ul li:first-child {width: 40%;}
    .accommodationLanding.odd ul li:last-child {width: 70%;}

    .accommodationLanding ul li .accommodationThumbSect {position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: stretch; height: 100%;}
    .accommodationLanding ul li .accommodationThumbSect .dContents {position: relative; display: block; width: 100%; border: 1px solid #B0B0B0; padding: 2em; margin-right: 3em; margin-left: -5em; background-color: #fff; }
    .accommodationLanding.odd ul li .accommodationThumbSect .dContents {position: relative; display: block; width: 100%; border: 1px solid #B0B0B0; padding: 2em; margin-right: -5em; margin-left: 3em; background-color: #fff; z-index:1 }
    .accommodationLanding ul li .accommodationThumbSect .dContents .tariff { font-size: 16px; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; padding: 0; padding: 0; color: #333333; padding-bottom: 15px;}
    .accommodationLanding ul li .accommodationThumbSect .dContents .tariff span{font-size: 22px; text-transform: uppercase; padding: 0 10px 0 5px; color: #000;}
    .accommodationLanding ul li .accommodationThumbSect .dContents .tariff span span{font-size: 20px; font-family: 'Roboto'; font-weight: 700; padding: 0; padding-right: 5px;}
    .accommodationLanding ul li .accommodationThumbSect .dContents h2.roomTitle {font-size: 37px; letter-spacing: normal; padding: 5px 0px 10px 0px; margin-bottom: 0;}
    .accommodationLanding ul li .accommodationThumbSect .dContents p {padding: 0px; padding-bottom: 10px;}
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; margin: 0; padding: 0; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px;}
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li{ position: relative; display: block; list-style: none; padding-left: 25px; line-height: 30px; width:unset; padding-right: 1.7em;}
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li::before { position: absolute; display: block; content: ''; left: 0; top: 9px; width: 19px; height: 19px; background-size: cover;}
    /*.accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li:first-child:before {
    	background: url('../../images/icons/user-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li:nth-child(2):before {
    	background: url('../../images/icons/children-icon.svg') no-repeat; top: 6px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li:nth-child(3):before {
    	background: url('../../images/icons/room-bed-icon.svg') no-repeat; width: 33px; left: -4px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li:nth-child(3):before {
    	background: url('../../images/icons/room-size-icon.svg') no-repeat;
    }*/
	.accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul.lalkhals li {padding-right: 1em;}
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.users:before {
    	background: url('../../images/icons/user-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.childs:before {
    	background: url('../../images/icons/children-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
		filter: invert(0%) sepia(100%) saturate(3%) hue-rotate(161deg) brightness(0%) contrast(102%);
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.onechild:before {
    	background: url('../../images/icons/one-child-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
		filter: invert(0%) sepia(100%) saturate(3%) hue-rotate(161deg) brightness(0%) contrast(102%);
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.spaces:before {
    	background: url('../../images/icons/room-size-icon.svg') no-repeat; background-size: 22px 15px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.beds:before {
    	background: url('../../images/icons/beds-icon.svg') no-repeat; background-size: 17px 17px; width: 17px; height: 17px; top: 8px;
		filter: invert(0%) sepia(100%) saturate(3%) hue-rotate(161deg) brightness(0%) contrast(102%);
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.singlebeds:before {
    	background: url('../../images/icons/room-bed-icon.svg') no-repeat; width: 33px; left: 0px; background-size: 19px 15px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.conrooms:before {
    	background: url('../../images/icons/connecting-rooms.svg') no-repeat; width: 65px; left: -12px; top: 2px; background-size: 35px 30px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.twinbedsXCD {padding-left: 1.8vw;}
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.twinbeds:before {
    	background: url('../../images/icons/twin-beds.svg') no-repeat; width: 44px; left: 0; top: 4px; background-size: 27px 31px;
    }
    .accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.livingroom:before {
    	background: url('../../images/icons/living-room.svg') no-repeat; width: 19%; height: 26px; left: -8px; top: 2px; background-size: 26px 23px;
    }
	.accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.suptwin:before {
		background: url('../../images/icons/supking-twin.svg') no-repeat; width: 21%; height: 30px; left: 0px; top: 4px; background-size: 30px 30px;
    }


    .accommodationLanding.odd ul li .accommodationThumbSect .dContents ul.naviLinks li {width: unset;}

		/*Image style*/
    .commonThumbStyle ul.thumbList {position: absolute; display: flex; justify-content: flex-start; bottom: 3em; left: 2em; align-content: flex-end; align-items: flex-end; flex-direction: row;}
    .odd ul li .commonThumbStyle ul.thumbList {width: 100%; left: -8%; justify-content: flex-end; }
    .commonThumbStyle ul.thumbList li {width: unset;}
    .commonThumbStyle ul.thumbList li a.innerbtns {padding: 0.5em 1.5em; background-color: #ffffffd9;}
    .commonThumbStyle ul.thumbList li a.innerbtns:hover {background-color: #000!important; color: #ffffff;}

		/*Image style2*/
    .commonThumbStyle2 ul.thumbList {position: absolute; display: flex; justify-content: flex-start; bottom: 3em; left: 2em; align-content: flex-end; align-items: flex-end; flex-direction: row;}
    .odd ul li .commonThumbStyle2 ul.thumbList {position: absolute; display: flex; justify-content: flex-end; width: 100%; right: 0; }
    .odd ul li .commonThumbStyle2 ul.thumbList li:first-child {width: unset; }
    .commonThumbStyle2 ul.thumbList li {width: unset;}
    .commonThumbStyle2 ul.thumbList li a.innerbtns {padding: 0.5em 1.5em; background-color: #ffffffd9;}
    .commonThumbStyle2 ul.thumbList li a.innerbtns:hover {background-color: #000!important; color: #ffffff;}

    .commonThumbStyle2.overlayGallery ul.thumbList.odd { display: flex; justify-content: flex-end; right: 2em; }
    .commonThumbStyle2.overlayGallery ul.thumbList { padding:0; margin:0; }
    .commonThumbStyle2.overlayGallery ul.thumbList li::before { content: none; }
    .commonThumbStyle2.overlayGallery ul.thumbList li { padding:0; margin-right:10px;}
    .commonThumbStyle2.overlayGallery ul.thumbList li a {position: relative; line-height: 25px; }

    .accommodationThumbSect .dContents .naviLinks{ position: relative; display: flex; padding-top: 2em; align-content: center; align-items: center; justify-content: space-between; }
    .accommodationThumbSect .dContents .naviLinks li { padding-left: 0; width: unset; }
    .accommodationThumbSect .dContents .naviLinks li a {	text-decoration:none; color: #000; }
    .accommodationThumbSect .dContents .naviLinks li a:hover {	text-decoration: underline; }
    .accommodationThumbSect .dContents .naviLinks li::before{ background: unset!important; }
    .accommodationThumbSect .dContents .naviLinks .commonBTN.navigator {padding: 0.7em 2em; background-color: #fff; color: #000; font-weight: 500; text-decoration: none;}
    .accommodationThumbSect .dContents .naviLinks .commonBTN.navigator:hover { background-color: #000; color: #fff; }


    .diningLanding {position: relative; display: block; margin-bottom: 5em}
    .diningLanding .ladingRowContent {position: relative;  padding: 2em 0; display: flex; flex-direction: column; height: 100%; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: flex-start; }
    .preheader {text-transform: uppercase; letter-spacing: 3px; margin-top: 15px;}
    .diningLanding h2, .diningLanding h3 {font-size: 40px; font-weight: 600; padding-bottom: 0.4em;}
    .diningLanding h3.openingHours {font-size: 32px;}
    .diningLanding p {font-size: 17px; font-weight: 400; line-height: 29px; padding-bottom: 0.5em; padding-right: 7vw;}
    .diningLanding ul, .meetLanding ul {position: relative; display: block; padding: 0; margin: 0;}
    .diningLanding ul li, .meetLanding ul li {list-style: none; position: relative; display: flex; flex-direction: column; font-size: 17px; font-weight: 400; line-height: 29px; padding-bottom: 0.5em; padding-left: 40px;}
    .diningLanding ul li:before, .meetLanding ul li:before {content: ''; position: absolute; display: inline-block; background: url(../../images/icons/clock.svg) no-repeat left center; left: 0; width: 33px; height: 33px; background-size: 33px 33px;}
		.diningLanding ul li span, .meetLanding ul li span {font-weight: 500;}

		/*Single page styling*/
		#titleSection {position: relative; display: block; margin: 5em 15em;}
		#titleSection h1 {font-size: 70px;}

		#singleSlideBanner {position: relative; display: block;}
		#singleSlideBanner ul { position: relative; display: flex; margin: 0; padding: 0; flex-direction: row; align-content: center; flex-wrap: nowrap; justify-content: center; align-items: center;}
		#singleSlideBanner ul li {position: relative; list-style: none; font-size: 25px; color: #000; padding: 0.3em 2.5em; }
		#singleSlideBanner ul li::before { position: absolute; display: block; content: ''; left: 0; top: 9px; width: 19px; height: 19px; background-size: cover; width: 25px; height: 25px; left: -15px; top: 17px; background-size: 25px 25px;}
		#singleSlideBanner ul li:first-child:before {background: url('../../images/icons/room-space-icon.svg') no-repeat; width: 25px; height: 25px; left: 26px; top: 15px; background-size: 25px 25px; }
		#singleSlideBanner ul li:nth-child(2):before {background: url('../../images/icons/guests-icon.svg') no-repeat; width: 30px; height: 27px; left: 25px; top: 14px; background-size: 30px 27px; }
/*		#singleSlideBanner ul li:nth-child(2):before {background: url('../../images/icons/guests-icon.svg') no-repeat; width: 30px; height: 27px; left: 25px; top: 14px; background-size: 30px 27px; }*/
/*		#singleSlideBanner ul li:last-child:before {background: url('../../images/icons/beds-icon.svg') no-repeat; width: 30px; height: 27px; left: 25px; top: 14px; background-size: 30px 27px; }*/


		#roomHighlight {position: relative; display: block;}
		#roomHighlight ul {position: relative; display: flex; margin: 0; padding: 0; flex-direction: row; align-content: center; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
		#roomHighlight ul li {position: relative; list-style: none; font-size: 28px; color: #000; padding: 0.3em 0.5em 0.3em 1.3em;}
		#roomHighlight ul li::before { position: absolute; display: block; content: ''; left: 0; top: 9px; width: 19px; height: 19px; background-size: cover; width: 25px; height: 25px; left: -15px; top: 17px; background-size: 25px 25px;}
		#roomHighlight ul li:first-child:before {background: url('../../images/icons/room-space-icon.svg') no-repeat; width: 25px; height: 25px; left: 0px; top: 17px; background-size: 25px 25px; }
		#roomHighlight ul li:nth-child(2):before {background: url('../../images/icons/guests-icon.svg') no-repeat; width: 30px; height: 27px; left: 0px; top: 16px; background-size: 30px 27px; }
/*		#roomHighlight ul li:nth-child(2):before {background: url('../../images/icons/guests-icon.svg') no-repeat; width: 30px; height: 27px; left: 0px; top: 16px; background-size: 30px 27px; }*/
/*		#roomHighlight ul li:last-child:before {background: url('../../images/icons/beds-icon.svg') no-repeat; width: 30px; height: 27px; left: 0px; top: 16px; background-size: 30px 27px; }*/

		#singleGallery {position: relative;display: block; margin: 10em 0 2em 0;}
		#singleGallery .slideContents {min-height: 60vh;}
		#singleGallery .slideContents .swiper-slide .roomBrief.slideGallery {width: auto; background: transparent;}
		#singleGallery .slideContents .swiper-slide .roomBrief.slideGallery .viewGallery{position: relative; display: block;}
		#singleGallery .slideContents .swiper-slide .roomBrief.slideGallery .viewGallery a{position: relative; display: block; text-decoration: none; background-color: #ffffff7d; padding: 0.7em 2em; color: #000; font-size: 23px; border-radius: 15px; -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}
		#singleGallery .slideContents .swiper-slide .roomBrief.slideGallery .viewGallery a:hover {background-color: #000; color: #fff;}
		#singleGallery .swiper-slide.swiper-slide-prev::before, 
		#singleGallery .swiper-slide.swiper-slide-next::before { background-color: #00000000; }
		#singleGallery .swiper-button-prev {width: calc(var(--swiper-navigation-size) / 5* 27);}
		#singleGallery .swiper-button-next:after, 
		#singleGallery .swiper-button-prev:after {color: #000; font-size: 3em !important; background-color: #ffffffc2; padding: 0.3em 0.5em;}
		#singleGallery .swiper-button-next:hover:after, 
		#singleGallery .swiper-button-prev:hover:after {background-color: #000; color: #fff;}

		#singleGallery .singlepageslider.pageslidebanner .swiper-button-next { width: calc(var(--swiper-navigation-size) / 20* 167) !important; }

		#singleDetails {position: relative; display: block; padding: 3em 15em 5em 15em;}
		#singleDetails .contentDetails {position: relative; display: block; padding: 3em; padding-right: 7em;}
		#singleDetails h1, #singleDetails h2, #singleDetails h3, #singleDetails h4 { font-size: 40px; font-weight: 600; padding-bottom: 0.4em; }
		#singleDetails h5 { font-size: 20px; font-weight: 600; padding-bottom: 0em; }
		#singleDetails p {font-size: 17px; font-weight: 400; line-height: 29px; padding-bottom: 0.5em;}
		#singleDetails .contentDetails ul.amenities {position: relative; display: block; margin: 0; padding: 0; margin-top: 2em; -webkit-column-count: 3;  -moz-column-count: 3; column-count: 3;}
		#singleDetails .contentDetails ul.amenities li {position: relative; display: block; list-style: none; border-top: 1px solid #E0DFD8; padding: 1.5em 0 1.5em 2.5em;}
		#singleDetails .contentDetails ul.amenities li i:before {position: absolute; display: block; color: #ab8965; font-size: 36px; padding-right: 30px; top: 19px; left: -1px;}
		#singleDetails .contentDetails ul.termslist {position: relative; display: block; margin: 0; padding: 0; margin-bottom: 2em; -webkit-column-count: 1;  -moz-column-count: 1; column-count: 1;}
		#singleDetails .contentDetails ul.termslist li {list-style: none; padding: 0.3em 0 0.3em 1.7em; position: relative; display: block;}
		#singleDetails .contentDetails ul.termslist li i:before {position: absolute; display: block; color: #ab8965; font-size: 20px; padding-right: 25px; top: 8px; left: 0px;}
		
		#singleDetails .contentDetails ul.amenities li {position: relative; display: flex; list-style: none; border-top: 1px solid #E0DFD8; padding: 1.5em 0 1.5em 3em; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center;}
		#singleDetails .contentDetails ul.amenities li img { position: absolute; display: block; width: 50px; padding-right: 15px; left: 0; }
		#singleDetails .contentDetails ul.amenities li img.filter-auric {filter: invert(52%) sepia(55%) saturate(259%) hue-rotate(350deg) brightness(96%) contrast(89%);}
		#singleDetails .contentDetails ul.amenities li img.fridge {width: 40px;}

		#singleDetails .contentDetails ul.basicamenityStyle, #singleDetails .contentDetails ul.amenityStyle {
			position: relative;
			display: flex;
			margin: 0;
			padding: 0;
			margin-top: 2em;
			flex-direction: row;
			flex-wrap: wrap;
	    align-content: space-between;
	    align-items: center;
	    justify-content: flex-start;
	    margin-left: 0.1vw;
		}
		#singleDetails .contentDetails ul.basicamenityStyle {margin-top: 1em; margin-left: 0;} 
		#singleDetails .contentDetails ul.basicamenityStyle li, #singleDetails .contentDetails ul.amenityStyle li {
			position: relative;
			display: flex;
			flex-direction: column;
			width: 24.75%;
			align-content: center;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			padding: 1em 0;
			line-height: 20px;
		}
		#singleDetails .contentDetails ul.amenityStyle li {min-height: 120px;}
		#singleDetails .contentDetails ul.basicamenityStyle li {padding-bottom: 0;}
		#singleDetails .contentDetails ul.basicamenityStyle li img, #singleDetails .contentDetails ul.amenityStyle li img { position: relative; display: block; width: 50px; padding: 0px; left: 0; padding-bottom: 20px; }
		#singleDetails .contentDetails ul.amenityStyle li img {padding-bottom: 15px;}
		#singleDetails .contentDetails ul.amenityStyle li img.elek {max-width: 45px;}
		#singleDetails .contentDetails ul.basicamenityStyle li img.filter-auric, #singleDetails .contentDetails ul.amenityStyle li img.filter-auric {filter: invert(52%) sepia(55%) saturate(259%) hue-rotate(350deg) brightness(96%) contrast(89%);}
		#singleDetails .contentDetails ul.basicamenityStyle li img.fridge, #singleDetails .contentDetails ul.amenityStyle li img.fridge {width: 28px;}
		#singleDetails .contentDetails ul.amenityStyle li img.cubicle {width: 40px;}
		#singleDetails .contentDetails ul.amenityStyle li img.scubicle {width: 40px; padding-bottom: 14px;}
		#singleDetails .contentDetails ul.amenityStyle li img.connectedroom {width: 80px; padding-bottom: 0; margin-bottom: -5px; margin-top: -17px;}
		#singleDetails .contentDetails ul.basicamenityStyle li img.beds, #singleDetails .contentDetails ul.basicamenityStyle li img.roomsize, #singleDetails .contentDetails ul.basicamenityStyle li img.guests {width: 38px;}
		#singleDetails .contentDetails ul.basicamenityStyle li img.connectedroom {width: 60px;}
		#singleDetails .contentDetails ul.basicamenityStyle li img.childs {padding-bottom: 10px; width: 18px;}	
		#singleDetails .contentDetails ul.basicamenityStyle li img.childicon {width: 55px;}		

		#singleDetails .singleTariffContent {position: relative; display: block; padding: 3em; border: 1px solid #B0B0B0; border-radius: 10px; margin-top: 0.5em;}
		#singleDetails .singleTariffContent .roomTariff {position: relative; display: flex; font-size: 18px; text-transform: uppercase; font-weight: 300; vertical-align: middle; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; color: #000; padding-bottom: 0.5em;}
		#singleDetails .singleTariffContent .roomTariff span {font-size: 35px; text-transform: uppercase; font-weight: 400; color: #000; padding-left: 0; padding: 0.1em 0.2em; margin-top: -13px;}
		#singleDetails .singleTariffContent .roomTariff span span{font-size: 30px; font-family: 'Roboto'; font-weight: 600; padding: 0; padding-right: 5px;}
		#singleDetails .singleTariffContent .bookformSection { position: relative; display: block; padding: 2.2em 0 1em 0; }
		#singleDetails .singleTariffContent .bookformSection form { margin-bottom: 0; }
		#singleDetails .singleTariffContent .bookformSection h5 {font-size: 27px; padding-bottom: 1em; }
		#singleDetails .singleTariffContent .bookformSection label {position: relative; display: block; color: #000; font-weight: 500; text-transform: uppercase;}
		#singleDetails .singleTariffContent .bookformSection input[type="text"],
		#singleDetails .singleTariffContent .bookformSection select {position: relative; display: block; width: 100%; color: #000; border: none; border-bottom: 1px solid #B0B0B0; margin-bottom: 2em; height: 40px; margin-top: -5px; font-weight: 400; }
		#singleDetails .singleTariffContent .bookformSection input[type="text"]:focus-visible,
		#singleDetails .singleTariffContent .bookformSection select:focus-visible {outline: none;}
		#singleDetails .singleTariffContent .bookformSection button, #singleDetails .singleTariffContent .bookformSection input[type="submit"] {border: 1px solid #000; background-color: #fff; color: #000; width: 100%; padding: 18px 10px; text-transform: uppercase; font-size: 20px; font-weight: 400; letter-spacing: 2px; border: 1px solid #000; border-radius: 0; margin-top: 1em;	  		-webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;}
		#singleDetails .singleTariffContent .bookformSection button:hover, #singleDetails .singleTariffContent .bookformSection input[type="submit"]:hover {border: 1px solid #000; background-color: #000; color: #fff;}
		#singleDetails .singleTariffContent .bookformSection .bookForms .xinptbtn p{margin: 0; padding: 0;}
		#singleDetails .singleTariffContent .bookformSection .bookForms .xinptbtn p input{margin: 0;}
		#singleDetails .singleTariffContent .bookformSection .bookForms ul { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; margin: 0; padding: 0; font-size: 18px;}
		#singleDetails .singleTariffContent .bookformSection .bookForms ul li {list-style: none; padding-left: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.3em;}
		#singleDetails .singleTariffContent .bookformSection .bookForms ul li:nth-child(2) {padding-top: 0.5em;}
		#singleDetails .singleTariffContent .bookformSection .bookForms ul li:nth-child(3), 
		#singleDetails .singleTariffContent .bookformSection .bookForms ul li:nth-child(4) {font-size: 15px;}
		#singleDetails .singleTariffContent .bookformSection .bookForms ul li span {font-size: 18px;}

		.singleSlider {}
		.singleSlider .swiper-slide.swiper-slide-active{  }
		.singleSlider .swiper-slide.swiper-slide-prev::before, .singleSlider .swiper-slide.swiper-slide-next::before { content: none; }
		.singleSlider .swiper-button-next:after, .singleSlider .swiper-button-prev:after {font-size: 3em!important;}

		.landingRowContainer {position: relative; display: block; margin: 0em 7em;}

		.pageBannerBottomContent {position: relative; display: block; margin: 0em 7em 2.5em 7em;}
		.pageBannerBottomContent h1 {padding: 0.5em 0 0.3em 0; font-size: 2.5vw; font-weight: 600;}
		.pageBannerBottomContent p {font-size: 1.2vw; padding-bottom: 2em;}

		/*Related Items Carousel*/
		.relatedItems { margin-top: 6em; padding-top: 3em; border-top: 1px solid #f0f0f0; }
		.relatedItems h3{ font-size: 35px; font-weight: 600; padding-bottom: 0; }
		.relatedItems .relItemsCarousel { position: relative; display: block; overflow: hidden; padding-left: 0; margin-left: 0; margin-top: 1em;}

		.relatedItems .relItemsCarousel .swiper-slide { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: bold; background: #f4f4f4; border: 1px solid #ddd; border-radius: 0; max-height: 368px; height: auto; flex-direction: column; align-content: flex-start; flex-wrap: nowrap; }

		.relatedItems .relItemsCarousel .swiper-slide a {text-decoration: none;}
		.relatedItems .relItemsCarousel .swiper-slide a:hover {text-decoration: none; color: #000;}
		.relatedItems .relItemsCarousel .swiper-slide .contentSection a:hover {text-decoration: none; color: #000;}
		.relatedItems .relItemsCarousel .swiper-slide img{ width: 100%; }
		.relatedItems .relItemsCarousel.swiper-slide.swiper-slide-prev::before, .relatedItems .relItemsCarousel .swiper-slide.swiper-slide-next::before {content: none;}

		.relatedItems .relItemsCarousel .contentSection { position: absolute; display: flex; z-index: 1; background-color: #0000002b; width: 100%; bottom: 0px; padding: 1em 2em; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; }
		.relatedItems .relItemsCarousel .contentSection h4{ color: #ffffff; font-size: 30px; padding: 0; margin: 0; text-shadow: 1px 1px 4px #000; transition: all 0.5s ease; }
		.relatedItems .relItemsCarousel .contentSection span i.las { color: #fff; font-size: 25px; transition: all 0.5s ease;}
		.relatedItems .relItemsCarousel .swiper-slide a:hover .contentSection span i.las { color: #000; font-size: 30px;transition: all 0.5s ease;}
		.relatedItems .relItemsCarousel .swiper-slide a:hover .contentSection h4 { color: #000; text-shadow: none;transition: all 0.5s ease;}

		.meetLanding {position: relative; display: block;}
		.meetLanding .rowMeet {position: relative; display: block; margin-bottom: 5em;}
		.meetLanding .meetContent { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: flex-start; height: 100%; padding: 0px 5em;}
		.meetLanding .meetContent h2 { font-size: 40px; font-weight: 600; padding-bottom: 0em; }
		.meetLanding .meetContent .meetCapacity { font-size: 20px; padding-bottom: 2em; }
		.meetLanding .meetContent p { font-size: 17px; font-weight: 400; line-height: 29px; padding-bottom: 0.5em; padding-right: 7vw; }
		.meetLanding .meetContent h3 { font-size: 1.5em; font-weight: 600; }


		.thevalley .thumbContent {padding-left: 0;}
		.thevalley .thumbContent p{padding: 0;}
		.valleyActivities {position: relative; display: block; }
		.valleyActivities .activityList {padding-top: 3em; padding-bottom: 4em;}
		.valleyActivities .activityList h4 {position: relative; display: block; font-size: 3em; color: #000; padding: 1.5em 5em 1em 2em;}
		.valleyActivities .activityList .swiper-slide.swiper-slide-prev::before, 
		.valleyActivities .activityList .swiper-slide.swiper-slide-next::before {content: none;}
		.valleyActivities .activityList .swiper-button-next, 
		.valleyActivities .activityList .swiper-button-prev { background-color: #000000b0; padding: 2em; margin-top: -4%; }
		.valleyActivities .activityList .swiper-button-next {margin-right: -0.2vw; border-top-left-radius: 20px; border-bottom-left-radius: 20px; width: calc(var(--swiper-navigation-size) / 44* 77) !important;}
		.valleyActivities .activityList .swiper-button-prev {margin-left: -4.2vw; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}

		.valleyActivities .activityList .swiper-button-next:after, 
		.valleyActivities .activityList .swiper-button-prev:after {font-size: 2.2em!important;}
		.valleyActivities .activityList .contentSection {position: relative; display: block; margin-top: 2em;}
		.valleyActivities .activityList .contentSection h5 {text-align: center; font-size: 1.5em; color: #000; padding: 0.5em;}
		
		/*popup image gallery*/
		.fancybox__container {z-index: 10000;}
		.fancybox__backdrop {background: rgb(24 24 27 / 78%);}

		/*sylhet city*/
		#meetSection .meetContainer.nscparty { margin: 0px 7em; }
		#meetSection .meetContainer.nscparty h3 {font-size: 40px; font-weight: 600; padding-bottom: 0em;}
		#meetSection .meetContainer.nscparty p {font-size: 17px; font-weight: 400; line-height: 29px; padding-bottom: 1em; padding-top: 0.5em; padding-right: 7vw;}

		/*Heritage homes*/
		.heritageHomes {position: relative; display: block;}
		.heritageHomes img {position: relative; display: block; width: 100%;}
		.heritageHomes .heritageContent {position: relative; display: block; width: 100%; padding: 1.3em 0 5em 0;}
		.heritageHomes .heritageContent h2 {font-size: 2.5vw; padding-bottom: 0; margin-bottom: 0;}
		.heritageHomes .heritageContent .place {position: relative; display: inline-block; color: #000000; margin-bottom: 1em;}
		.heritageHomes .heritageContent .place i.las.la-map-marker{color: #000000;}
		.heritageHomes .heritageContent .finderBTN { width: 100%; position: absolute; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; }
		.heritageHomes .heritageContent .finderBTN a.commonBTN{ padding: .5rem 2.5rem; }

		/*Events*/
		.eventsrequest {position: relative; display: flex; padding-left: 1.7em; flex-direction: column; align-content: flex-start; justify-content: center; align-items: flex-start; margin-top: 0.7em; color: #8E6D45; font-size: 1.6vw;}
		.eventsrequest::before {content: ''; position: absolute; display: block; background: url(../../images/icons/call-icon.svg) no-repeat left center; background-size: 4vw 5vh; width: 4vw; height: 5vh; left: -18px; top: 2px;}
		.eventsrequest span {padding: 0; padding-left: 3px; font-size: 0.9vw; text-transform: capitalize; font-weight: 500; margin: 0; color: #000;}

		.welcomeInnerLanding .propLandingThumbs img {width: 110%;}

		.eventsList {position: relative; display: block; margin: 0 10vw; padding: 12vh 0;}
		.eventsList ul {margin: 0; padding: 0;}
		.eventsList ul li {position: relative; display: block; width: 100%;}
		.eventsList ul li .eventsContents {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; justify-content: space-between; align-items: stretch;}
		.eventsList ul li .eventsContents .contentCol {width: 50%; background-color: #F8F5F0;}
		.eventsList ul li .eventsContents .contentCol .contents {position: relative; display: flex; flex-direction: column; background-color: #F8F5F0; padding: 4em; height: 100%; justify-content: center; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
		.eventsList ul li .eventsContents .contentCol .contents .prehead { text-transform: uppercase;  font-size: 1vw; padding-bottom: 0.5em; }
		.eventsList ul li .eventsContents .contentCol .contents h2, 
		.eventsList ul li .eventsContents .contentCol .contents h3 { font-size: 2.3vw; padding: 0em 0 0.2em 0; }
		.eventsList ul li .eventsContents .contentCol .contents p { font-size: 1.15em; padding-bottom: 1.2em; line-height: 1.8em; padding-right: 2em; }


    /* VillaBunglow Banner */
    #banner .bannerSection.villabunglow {min-height: 75vh; background-position-y: -12vh !important;}
    #cSection.inPageSection.villabunglowWelcome {padding-bottom: 5em;}
    #gSection.villabunglowDineSection {padding: 2em 0;}
    .villabunglowDineSection p.subhead {font-size: 1.4em; padding: 0 8em; padding-bottom: 0em;}
    

		/* Other Restaurants */
		.sldtxt {position: relative; display: block; padding: 15px; background-color: #f0f0f0bf; color: #000; text-decoration: none; border: 1px solid #cccccc7a; border-top: none;}
		.sldtxt p{margin-bottom: 0;}
		a:hover .sldtxt {background-color: #f0f0f0; color: #2a2a2a; border-color: #ccc;}
		
	    /*Garden Sylhet Page*/
        .sectiongarsyl { background-color: #f5f5ee; margin-bottom: 5em; }
        .sectiongarsyl.last { margin-bottom: 5vh; }
        .sectiongarsyl .container { max-width: 100vw; }
        .sectiongarsyl .flexrow { align-items: flex-end; }
        .sectiongarsyl .thumbImg { position: relative; display: flex; height: 70vh; }
        .sectiongarsyl .contentSection{ position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: center; align-items: flex-start; background-color: #fff; padding: 8em; margin-left: 0vw; max-width: 100vw; height: 70vh; padding: 85px 120px 92px 120px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
        .sectiongarsyl .contentSection.rgt{ margin-left: unset; margin-right: 0vw; left: 0vw; }
        .sectiongarsyl .contentSection h2{ font-size: 3em; padding-bottom: 3vh;}
        .sectiongarsyl .contentSection p{ font-size: 20px; padding-bottom: 5vh;}
        .listBTNs { position: relative; display: block; width: 100%;}
        .listBTNs ul { margin: 0; padding: 0; display: flex; margin-left: -1%;}
        .listBTNs ul li { list-style: none; }
	    /*End Garden Sylhet Page*/

	/*Page Gallery*/
	.page_photoGallery { position: relative; display: block; margin: 0 10vw; padding: 12vh 0; }
	.page_photoGallery ul { margin: 0; padding: 0; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center;}
	.page_photoGallery ul li {position: relative; display: block; list-style: none; width: 32.5%; margin: 5px; background-color: #f0f0f0; padding: 0;}
	.page_photoGallery ul li img {position: relative; display: block; width: 100%; border-radius: 5px;}
	/*End page Gallery*/

	.footerSection {position: relative;display: block;padding: 7em 2em 5em 2em;}
	.footerSection .logoFooter {padding-bottom: 2em; margin-left: -10px;}
	.footerSection .logoFooter img{ opacity: 0.19; width: 10%;}
	.footerSection .footerTitle {color: #4c4c4c; font-size: 15px; letter-spacing: 5px; padding-bottom: 1em;}
	.footerSection .footerShares {}
	.footerSection .footerShares ul.shareLink { position: relative; display: flex; margin-bottom: 2em; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; padding: 0; }
	.footerSection .footerShares ul.shareLink li { list-style:none; padding: 0 10px; }
	.footerSection .footerShares ul.shareLink li svg {height: 42px; width: 41px; border: 1px solid #000; border-radius: 50%; padding: 9px;}
	.footerSection .footerShares ul.shareLink li svg path{fill: black; transition: fill 0.3s ease;}
	.footerSection .footerShares ul.shareLink li a:hover svg {background-color: #000;}
	.footerSection .footerShares ul.shareLink li a:hover svg path {fill: white;}
	.footerSection .footerShares ul.shareLink li i.lab{ color: #000; font-size: 20px; border: 1px solid #000; border-radius: 50%; padding: 10px; }
	.footerSection .footerShares ul.shareLink li a:hover i.lab{ background-color: #000; color: #fff; }

	.ftbar .addressContain ul.home li i.las.la-map-marker,
	.ftbar .addressContain ul.homesub li a i.las.la-phone-volume {position: absolute; left: 0; top: 6px;font-size: x-large;}
	.ftbar .addressContain ul.home li a i.las.la-map-marker {position: absolute; left: -33px; top: 4px;font-size: x-large;}
	.ftbar .addressContain ul.home li {padding-left: 2em;}
	.ftbar .addressContain ul.home li a {padding-left: 0em;}
	.ftbar .addressContain ul.homesub li {padding-left: 0em;}
	.ftbar .addressContain ul.homesub li a {padding-left: 2em;}

	.premostFooter .footerLink ul {  padding: 0; margin: 0; position: relative; display: flex; flex-direction: row; align-content: center; flex-wrap: wrap; justify-content: space-evenly; align-items: center; margin-right: 3vw;}
	.premostFooter .footerLink ul { padding: 0; }
	.premostFooter .footerLink ul li { list-style: none; line-height: 25px; }

	.premostFooter .footerLink ul li a {position: relative; display: block; width: 100%; color: #212529; text-decoration: none; transition: color 0.3s ease, letter-spacing 0.3s ease;}
	.premostFooter .footerLink ul li a i.las {padding-right: 2px; color: #212529;}
	.premostFooter .footerLink ul li a:hover {color: #000; letter-spacing: 0.02em;}

	.mostFooter .copyright {font-size: 14px;}
	.mostFooter .copyright ul { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; padding: 0; margin: 0;}
	.mostFooter .copyright ul li {list-style: none; position: relative; display: block; padding: 0; margin-right: 1.5em; font-size: 14px;}
	.mostFooter .copyright ul li a {list-style: none; text-decoration: none; color: #212529; transition: color 0.3s ease, letter-spacing 0.3s ease; font-size: 14px;}
	.mostFooter .copyright ul li a:hover {color: #000; letter-spacing: 0.02em;}
	.mostFooter .copyright ul li:after { content: ''; position: absolute; display: block; width: 1px; background-color: #212529; height: 15px; top: 5px; right: -15px; }
	.mostFooter .copyright ul li:last-child:after {content: unset;}

	.mostFooter .copyright.credit a {font-size: 13px; text-decoration: none; color: #000;}