@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Carattere&family=Gilda+Display&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family: "Inter"; font-weight:400; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;
font-size:16px;
line-height:1.5;
 overflow-x:hidden; width:100%;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--green:#285b30; --brown:#8B6A4E; --creem:#fffcd6; --gray:#D7D4CC; --dark:#161616; --shade: linear-gradient(180deg, #285b30 0%, #8B6A4E 100%);}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--green); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--dark);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:400; font-family:'Gilda Display';}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.container-fluid{width:100%; max-width:1280px; margin:0 auto;}

.floatBtn{background:#fff; position:fixed; right:0; top:30%; box-shadow:0 0 8px rgba(130,100,30,0.8); z-index:999;}
.floatBtn ul{margin:0; padding:0; list-style-type:none;}
.floatBtn ul li a{display:block; padding:3px 7px; font-size:26px; line-height:1.3;}
.floatBtn ul li a img, .socialIcon li a img{width:30px;}
.floatBtn ul li:last-child a{ border-top:1px var(--red) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}


.popUpBox{position:fixed; left:15px; bottom:15px; width:250px; height:250px; background:var(--black); padding:40px 20px 0; border-radius:50%; border-bottom-left-radius:0; text-align:center; z-index:99999; font-size:18px; oapcity:1; display:block; transition:.2s ease-in-out;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.popUpBox h4{margin-bottom:10px; font-size:14px; color:#fff;}
.popUpBox img{height:50px; margin-bottom:10px;}
.popUpBox div a.call{display:block; overflow:hidden; font-weight:700; font-size:24px; margin:5px 0 10px; line-height:1; animation: wiggle 1.5s infinite; color:#fff;}
.popUpBox div a.call i{font-size:18px;}
.popUpBox div a.contact{font-size:12px; background:var(--shade); padding:4px 15px; border-radius:5px; text-transform:uppercase; display:inline-block; color:var(--black); font-weight:700;}
.popUpBox > a{position:absolute; left:-10px; bottom:-10px;background:var(--shade); color:var(--black); text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px var(--black) solid;}
.popUpBox div a:hover{color:#fff;}
.popUpBox.show{opacity:0; display:none;}


.headerTop{background:var(--green); color:#fff;}
.headerTop a{color:#fff; display:inline-block; font-weight:700; font-size:20px;}
.headerTop a:hover{color:var(--green);}
.headerTop .text-sm-right a{padding:5px 25px; background:var(--green); text-transform:uppercase;}
.headerTop .text-sm-right a:hover{background:var(--dark); color:#fff;}

.tagline-container{font-size:18px;margin-bottom:0; position:relative; overflow:hidden; font-weight:400; background:var(--dark); padding:0 5px; width:100%; text-transform:uppercase; text-align:center; color:#fff; border-radius:0; position: relative; height:46px;}

.tagline-wrapper {
    display: flex;
    flex-direction: column;
    transition: transform 1s ease-in-out;
}

.tagline {
    height: 46px; /* Adjust based on tagline height */
    line-height: 46px; /* Center text vertically */
}

.tagline-active {
    display: block;
}

/*
.tagline {
    position: absolute;
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(100%); line-height:1;
}

.tagline-container .tagline:nth-child(1) {animation: animate 20s linear infinite 0s;}
.tagline-container .tagline:nth-child(2) {animation: animate 20s linear infinite 4s;}
.tagline-container .tagline:nth-child(3) {animation: animate 20s linear infinite 8s;}
.tagline-container .tagline:nth-child(4) {animation: animate 20s linear infinite 12s;}
.tagline-container .tagline:nth-child(5) {animation: animate 20s linear infinite 16s;}

@keyframes animate {
    0%, 100% {
        opacity: 0;
        transform: translateY(100%);
    }
    5%, 25% {
        opacity: 1;
        transform: translateY(0);
    }
    30%, 100% {
        opacity: 0;
        transform: translateY(-100%);
    }
}
*/

/* Header */
.headerArea{display:block; position:absolute; clear:both; padding:0; font-size:18px; z-index:999; margin-top:1px; left:0; right:0;}
.logo{display:block; padding:0; text-transform:uppercase; line-height:1; position:relative; top:-50px; margin-bottom:-50px;}
.logo img{ max-width:100%; max-height:180px;}


.headerArea.sticky{position:fixed; z-index:999; left:0; right:0; top:0; background:var(--green); margin-top:0;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.headerArea.sticky .logo{top:-30px; margin-bottom:-30px;}
.headerArea.sticky .logo img{height:120px; content:url('../images/logo-reverse.png');}




/* =========================
   HERO SLIDER
========================= */

.project-slider{
	display:block;
	position:relative;
	clear:both;
	background:#000;
	background-size:cover;
	height:100vh;
	overflow:hidden;
}

/* Dark cinematic overlay
.project-slider:before{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	display:block;
	z-index:2;
	background:
	linear-gradient(
		to bottom,
		rgba(0,0,0,.35) 0%,
		rgba(0,0,0,.15) 40%,
		rgba(0,0,0,.65) 100%
	);
}

/* Carousel */
.project-slider .carousel{
	height:100%;
	position:relative;
	z-index:1;
}

.project-slider .carousel-item{
	height:100vh;
	overflow:hidden;
	position:relative;
}

/* Image */
.project-slider .carousel-item img{
	width:100%;
	height:100vh;
	object-fit:cover;

	filter:
		brightness(.75)
		contrast(1.05)
		saturate(.95);

	transform:scale(1);

	animation:cinematicZoom 12s ease-in-out infinite;
}

/* Cinematic Zoom */
@keyframes cinematicZoom{

	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(1.12);
	}

}

/* Watercolor Brush Bottom */
.project-slider .carousel-item:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:108px;
	background:url('../images/brush-white.png') bottom center no-repeat;
	background-size:cover;
	z-index:110;
}

/* Indicators */
.carousel-indicators{
	right:35px!important;
	left:auto!important;
	display:flex!important;
	flex-direction:column;
	bottom:50%!important;
	transform:translateY(50%);
	margin:0!important;
	z-index:999;
	position:absolute;
	opacity:1;
}

.carousel-indicators li{
	border:2px #fff solid;
	background:#000;
	display:block!important;
	clear:both;
	margin:6px 0;
	width:3px;
	height:3px;
	border-radius:50%;
	cursor:pointer;
	transition:.4s;
	opacity:1;
}

.carousel-indicators li.active{
	background:#fff;
	transform:scale(1.2);
}

/* =========================
   BANNER CONTENT
========================= */

.bannerContent{
	z-index:30;
	color:#fff;
	position:absolute;
	left:8%;
	top:50%;
	transform:translateY(-50%);
	max-width:650px;
}

.bannerContent .subText{
	display:block;
	font-size:28px;
	margin-bottom:5px;
	color:#F5EBDD;
	font-family:'Carattere';
}

.bannerContent h2{
	font-size:78px;
	margin-bottom:10px;
	padding:0;
	line-height:.9;
	font-weight:400;
	text-transform:none;
	color:#F5EBDD;
}

.bannerContent h2 big{
	display:block;
	font-size:110px;
	line-height:.9;
	font-weight:500;
}

.bannerContent p{
	font-size:18px;
	line-height:1.9;
	max-width:500px;
	color:rgba(255,255,255,.88);
}






/* =========================
   AMBIENT SOUND BUTTON
========================= */

.ambientSound{
	position:absolute;
	right:7%;
	bottom:13%;
	z-index:100;
}

#soundToggle{
	display:flex;
	align-items:center;
	gap:16px;

	background:rgba(255,255,255,.08);
	backdrop-filter:blur(8px);

	border:1px rgba(255,255,255,.25) solid;

	padding:16px 24px;
	border-radius:60px;

	color:#fff;
	cursor:pointer;

	transition:.4s;
}

#soundToggle:hover{
	background:rgba(255,255,255,.16);
	transform:translateY(-3px);
}

.soundIcon{
	width:52px;
	height:52px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;

	background:#23452B;

	font-size:18px;

	animation:pulseSound 2s infinite;
}

@keyframes pulseSound{

	0%{
		box-shadow:0 0 0 0 rgba(255,255,255,.4);
	}

	70%{
		box-shadow:0 0 0 18px rgba(255,255,255,0);
	}

	100%{
		box-shadow:0 0 0 0 rgba(255,255,255,0);
	}

}

.soundText small{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	opacity:.7;
}

.soundText b{
	display:block;
	font-size:15px;
	font-weight:600;
	margin-top:3px;
	text-align:left;
}

/* =========================
   SCROLL MOUSE
========================= */

.mouse-container{
	position:absolute;
	z-index:20;
	bottom:40px;
	left:50%;
	transform:translate(-50%,0);
	display:block;
	height:100px;
}

.mouse{
	position:relative;
	margin:0 auto;
	display:block;
	width:24px;
	height:42px;
	border:2px solid #fff;
	border-radius:25px;
}

.mouse span.scroll-down{
	display:block;
	width:2px;
	height:6px;
	background:#fff;
	border-radius:50%;
	margin:86% auto auto;
	animation:mover 1.5s infinite alternate;
}

@keyframes mover{

	0%{
		transform:translateY(0);
		opacity:1;
	}

	100%{
		transform:translateY(8px);
		opacity:.3;
	}

}

/*.mouseborder{
	display:inline-block;
	height:60%;
	position:absolute;
	border-left:2px solid #fff;
	left:0;
	right:0;
	margin:0 auto;
	width:5%;
	bottom:0;
}*/

/* =========================
   MOBILE
========================= */

@media(max-width:991px){

	.project-slider{
		height:100vh;
	}
	.innerBanner{height: 65vh!important;}
	.project-slider.innerBanner .carousel-item img{height: 65vh!important;}

	.bannerContent{
		left:25px;
		right:25px;
		max-width:100%;
	}

	.bannerContent h2{
		font-size:52px;
	}

	.bannerContent h2 big{
		font-size:68px;
	}

	.bannerContent p{
		font-size:15px;
		line-height:1.7;
	}

	.carousel-indicators{
		right:15px!important;
	}

	.ambientSound{
		right:20px;
		bottom:18%; display:none;
	}

	#soundToggle{
		padding:12px 16px;
	}

	.soundIcon{
		width:42px;
		height:42px;
	}

}






.aboutArea{display:block; padding:30px 0 60px; overflow:hidden; position:relative; z-index:10; line-height:1.4;}
.aboutArea h2, .photoGallery h2{font-size:36px; line-height:1; margin-bottom:15px; color:var(--green);}
.aboutArea h2 strong, .photoGallery h2 strong{ font-weight:600;}
.aboutArea span{font-size:36px; margin-bottom:25px; font-family:'Carattere'; color:var(--brown);}
.aboutArea a{display:inline-block; margin:10px 0 0; background:#fff; text-transform:uppercase; border:1px #444 solid; color:#444; padding:12px 30px; font-weight:700; font-size:16px;}
.aboutArea a:hover{background:var(--green); color:#fff;}
.aboutArea [class^="col-"] div{padding:30px 10%;}

p.highlight{padding-left:50px; font-size:20px; position:relative; font-weight:600; line-height:1.3;}
p.highlight i{position:absolute; left:0; top:6px; font-size:42px; color:var(--green);}






.authorArea{background:#f1e7d5;padding:40px 0 0;position:relative;overflow:hidden;}
.authorArea > img{position:absolute; top:-1px; left:0; right:0;}
.authorArea:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.55),transparent 35%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.25),transparent 40%);opacity:.7;}
.authorArea .row{align-items:center;position:relative;z-index:2;}
.authorArea .col-md-6:first-child{padding:4%;}
.authorArea h2{font-size:32px;line-height:1.2;font-weight:300;color:#36513d;max-width:700px;margin-bottom:18px;letter-spacing:-1px;}
.authorArea h2 strong{display:block;color:#7a5635;font-weight:600; font-size:55px;}
.authorArea p{font-size:17px;line-height:1.4;color:#4c4c4c;max-width:620px;margin-bottom:20px;}
.authorArea p strong{color:#36513d;font-weight:600;}
.authorArea h3{position:relative;text-align:center;margin:30px auto 0;font-size:22px;font-style:italic;font-weight:300;color:#6c553d;max-width:850px;padding-top:30px;}
.authorArea h3:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:160px;height:1px;background:linear-gradient(90deg,transparent,#b59a79,transparent);}
.authorArea h3:after{content:"✦";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#f1e7d5;padding:0 16px;color:#8f7150;font-size:18px;}




.countingArea [class^="col-"] div{padding:20px 10%;}
.countingArea h2{margin-bottom:0; font-size:46px; line-height:1.2;color:var(--green);}


.currentprojectArea{
    background:var(--brown);
    padding:60px 0 100px;
    text-align:center;
    overflow:hidden;
    position:relative;
}
.currentprojectArea > img{position:absolute; bottom:-1px; left:0; right:0;transform: scaleY(-1);}

.currentprojectArea h3{
    font-size:42px;
    margin-bottom:15px;
    letter-spacing:3px;
    color:#fff;
}

.currentprojectArea p{
    max-width:640px;
    margin:0 auto 60px;
    line-height:28px; color:#fff
}

.container{
    width:90%;
    margin:auto;
}

/* swiper */
.projectSwiper {
    overflow: hidden;
    padding: 50px 0 80px;
    width: 100%;
}

.projectSwiper .swiper-wrapper {
    align-items: center;
}

.projectSwiper .swiper-slide {
    height: 360px;
    transition: all .5s ease;
    transform: scale(.82);
    opacity: .8;
    position: relative;
    overflow: hidden;
}

/* left & right medium */
.projectSwiper .swiper-slide-prev,
.projectSwiper .swiper-slide-next {
    transform: scale(.9);
    opacity: .9;
    z-index: 5;
}

/* center big */
.projectSwiper .swiper-slide-active {
    transform: scale(1.15);
    height: 500px;
    opacity: 1;
    z-index: 10;
}

.projectSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* overlay */
.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.95) 10%,
        rgba(0,0,0,0.15) 70%
    );
    z-index:1;
}

/* text */
.project-content{
    position:absolute;
    bottom:30px;
    left:20px;
    right:20px;
    color:#fff;
    z-index:2;
    text-align:center;
}

.project-content h4{
    font-size:22px;
    margin-bottom:8px;
    font-weight:400;
    color:#fff;
}

.project-content span{
    font-size:14px;
    color:#fff;
}

/* plus icon */
.plus-icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:70px;
    height:70px;
    border:2px solid #fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:40px;
    z-index:2;
}

/* arrows */
.swiper-button-prev,
.swiper-button-next{
    width:55px;
    height:55px;
    /*background:#fff;
    border:1px solid #111;
    border-radius:50%;*/
    color:#fff!important;
    top:50%;
}

.swiper-button-prev{
    left:2%!important;
}

.swiper-button-next{
    right:2%!important;
}

.swiper-button-prev:after,
.swiper-button-next:after{
    font-size:18px;
    font-weight:700;
}

/* mobile */
@media(max-width:768px){

    .projectSwiper {
        padding: 20px 0 40px;
    }

    .projectSwiper .swiper-slide {
        height: 300px;
        transform: scale(0.92);
        opacity: 0.6;
        transition: all .4s ease;
    }

    .projectSwiper .swiper-slide-active {
        transform: scale(1);
        opacity: 1;
        height: 340px;
    }

    .projectSwiper .swiper-slide-prev,
    .projectSwiper .swiper-slide-next {
        transform: scale(0.96);
        opacity: 0.8;
    }

    .plus-icon {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }

    .swiper-button-prev,
    .swiper-button-next{
        display:none;
    }
}




.yourStayArea{padding:60px 0; display:block; clear:both; background:url('../images/leaf.png') right top no-repeat, url('../images/lineeffect.png') left bottom no-repeat;}
.yourStayArea .contentHeading{text-align:center; display:block; overflow:hidden; padding:0 25%; margin-bottom:30px; background:url('../images/mountant.png') left -5% bottom no-repeat;}
.yourStayArea .contentHeading h2{font-size:72px; line-height:1; margin-bottom:40px; color:var(--green);}
.yourStayArea .contentHeading h3{font-size:42px; margin-bottom:0; font-family:'Carattere'; color:var(--brown);}
.yourStayArea h4{font-size:26px; font-weight:600; line-height:1; margin-bottom:15px; color:var(--green); position:relative; padding-bottom:10px;}
.yourStayArea h4:after{width:30px; height:3px; bottom:0; border-radius:10px; background:var(--green); content:''; display:block; position:absolute;}
.yourStayArea .row p{font-size:14px;}





.thingstoDo{
    position: relative; padding:80px 0 0; text-align:center; color:var(--creem);
    overflow: hidden;

    background:
        radial-gradient(circle at top left,
            rgba(255,255,255,0.05),
            transparent 30%),

        radial-gradient(circle at bottom right,
            rgba(255,255,255,0.04),
            transparent 35%),

        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,0.02) 0px,
            rgba(255,255,255,0.02) 2px,
            transparent 2px,
            transparent 40px
        ),

        linear-gradient(
            180deg,
            #2d4a1f 0%,
            #1d3213 100%
        );

    background-blend-mode: soft-light, soft-light, overlay, normal;
}

/* Brush texture layer */
.thingstoDo::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(circle at top left,
            rgba(220,210,170,0.45) 0%,
            transparent 18%),

        radial-gradient(circle at top right,
            rgba(220,210,170,0.35) 0%,
            transparent 18%),

        radial-gradient(circle at bottom left,
            rgba(220,210,170,0.40) 0%,
            transparent 20%),

        radial-gradient(circle at bottom right,
            rgba(220,210,170,0.35) 0%,
            transparent 20%);

    mix-blend-mode: screen;
    opacity: .7;
}

/* Grain / vintage texture */
.thingstoDo::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background-image:
        repeating-radial-gradient(
            circle at 0 0,
            rgba(255,255,255,0.03) 0,
            rgba(255,255,255,0.03) 1px,
            transparent 2px,
            transparent 12px
        );

    opacity:.12;
    mix-blend-mode:overlay;
}


.thingstoDo h2{font-size:60px; line-height:1; margin-bottom:60px;}
.thingstoDo h3{font-size:30px; margin-bottom:10px; font-family:'Carattere';}
.thingstoDo .row img{height:120px; margin:0 auto 15px; display:block;}
.thingstoDo .row h4{display:inline-block; clear:both; overflow:hidden; padding-bottom:6px; border-bottom:2px var(--creem) solid; font-size:20px;}




.extraSection{padding:40px 0; display:block; text-align:center; color:var(--brown);}
.extraSection > div{max-width:700px;}
.extraSection > div h3{font-style:italic;}
.extraSection > div h4{font-size:17px; letter-spacing:3px; font-weight:500; color:var(--green);}


.footerArea{background:var(--green); padding:120px 0 15px; position:relative; color:#fff;}
.footerArea > img{position:absolute; left:0; right:0;top:0; width:100%;}
.footerArea a{display:block; clear:both; overflow:hidden; color:#fff;}
.footerArea a:hover{color:var(--brown);}
.footerArea .container{position:relative; z-index:101;}
.footerArea > div > ul{display:block; overflow:hidden; clear:both; margin:20px 0; padding:12px 0; border-top:2px var(--creem) solid; border-bottom:2px var(--creem) solid; text-align:center;}
.footerArea > div > ul li{display:inline-block; padding:10px 25px; margin:5px; border-radius:10px; position:relative;  vertical-align:middle; background:#fff;}
.footerArea > div > ul li a img{height:75px;}

.footerArea [class^="col-"] img{height:130px;}

.footerArea [class^="col-"]:nth-child(2){border-left:1px var(--creem) solid;}
.footerArea [class^="col-"] p{margin:0 0 10px;}
.footerArea [class^="col-"] ul{list-style-type:none; margin:0; padding:0;}
.footerArea [class^="col-"] ul li{display:inline-block; font-size:28px; line-height:1; margin-right:7px;}

.footerArea .colorLinks{text-align:right;}
.footerArea .colorLinks a{display:inline-block; margin:5px; background:var(--creem); color:var(--green); font-weight:700; font-size:16px; padding:5px 20px; border-radius:35px;}
.footerArea .colorLinks a i{margin-right:5px;}
.footerArea .colorLinks a:hover{background:var(--brown); color:#fff;}

.footerArea .footer-social-icon p{display:block; margin:0; color:#fff; text-align:center; font-size:14px;}
.footerArea .footer-social-icon p strong{color:#7ccdff; font-weight:400;}


#scroll-icon {
 position:fixed;
 right:10px;
 bottom:10px;
 cursor:pointer;
 width:35px;
 height:35px;
 text-indent:-9999px;
 display:none;
 z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
 height:35px;
 width:35px;
 background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}


.whatsappbtn{position:fixed; left:12px; bottom:12px; z-index:999;}


.innerBanner{display:block; overflow:hidden; position:relative; max-height:75vh;}
.innerBanner > img{position:absolute;left:0; right:0;bottom:0; width:100%; z-index:5;}
.innerBanner .carousel-item:after{display:none;}
.innerBanner .ambientSound{bottom:30%;}

.innerContantArea{padding:0px 0 60px; display:block;overflow:hidden;}
.section-heading{display:block; text-align:center; margin-bottom:50px; color:var(--green); padding:40px 0; background:url('../images/header-brush.png') no-repeat center center;}
.section-heading span {
    color: var(--brown);
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.section-heading h1 {
    color: var(--green);
    font-size: 38px;
    font-weight: 400;
    font-family: 'Cormorant Garamond', serif;
    position: relative;
    display: inline-block;
}

/* Elegant Underline Detail */
.section-heading h1::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: var(--brown);
}


.innerContantArea p{text-align:justify;}
.innerContantArea p strong, .destination-block p strong{position:relative; padding:0 5px;}
/*.innerContantArea p strong:before, .destination-block p strong:before{position:absolute; left:0; right:0; bottom:0; top:50%; background:yellow; color:var(--green); content:''; z-index:-1;} */



/* Tooltip container */
    .tooltip-container {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }

    /* Tooltip text */
    .tooltip-text {
      visibility: hidden;
      width: 250px;
      background-color: #333; font-size:14px;
      color: #fff;
      text-align: center;
      padding: 8px;
      border-radius: 5px;

      /* Positioning */
      position: absolute;
      z-index: 1;
      bottom: 125%; /* Adjust the position as per your need */
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.3s;
    }

    /* Tooltip arrow */
    .tooltip-text::after {
      content: '';
      position: absolute;
      top: 100%; /* Positioning the arrow at the bottom */
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #333 transparent transparent transparent;
    }

    /* Show the tooltip on hover */
    .tooltip-container:hover .tooltip-text {
      visibility: visible;
      opacity: 1;
    }
    
    .formBox [class^="col-"]{margin-bottom:20px;}
    .formBox [class^="col-"] label{font-size:15px; margin-bottom:5px; font-weight:700;}
    .formBox [class^="col-"] input[type="checkbox"]{width:16px; height:16px; margin-right:5px;}
    select.form-control option{font-family: "Arial"!important; font-size:14px!important;}
    .formBox .btn{background:var(--green)!important; text-transform:uppercase; border:none!important; padding:15px 40px; width:250px; margin:15px auto 0; display:block;}
    .formBox .btn:hover{background:var(--green)!important;}
    textarea.form-control{height:100px;}
    .highlightformBox{padding:15px 30px;}
    .highlightformBox:before{content:''; display:block; position:absolute; left:15px; right:15px; top:0; bottom:0; background:#ffc3ac;}
    .highlightformBox > *{position:relative; z-index:5;}
    .addrowbtn{float:left; padding:5px 15px; background:var(--green); color:#fff; margin-bottom:10px; border-radius:3px; text-transform:uppercase; font-weight:700; font-size:15px;}
    .addrowbtn:hover{background:var(--green); color:#fff;}


.aboutPageBox{text-align:center;}
.aboutPageBox p{text-align:center;}

.imageCirclebox {
            position: relative;
            width: 250px; /* Adjust size as needed */
            height: 250px; /* Adjust size as needed */
            border-radius: 50%;
            overflow: hidden;
            cursor: pointer;
            transition: transform 0.5s;
            margin:0 auto 30px;
            outline:2px var(--green) solid; outline-offset:10px;
        }

        .imageCirclebox img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.5s;
        }

        .flipContent {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: var(--green); /* Background color with opacity */
            color: #fff;
            font-size: 18px;
            text-align: center;
            transform: rotateY(180deg);
            backface-visibility: hidden;
            transition: transform 0.5s;
        }
        .flipContent strong{font-size:28px;}

        .imageCirclebox:hover .flipContent {
            transform: rotateY(0deg);
        }

        .imageCirclebox:hover img {
            opacity: 0;
        }




/* ===== Stay Listing Modern Design ===== */

.stayListing .row{
    background: var(--green);
    color:#fff;
    min-height:500px;
    overflow:hidden;
}

.stayListing .row:nth-child(2){
    background: var(--brown);
}

/* Content Area */
.stayListing .p-5{
    padding:50px 60px !important;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* Heading */
.stayListing h3{
    color:var(--creem);
    font-size:3rem;
    font-weight:300;
    margin-bottom:25px;
    position:relative;
    padding-bottom:15px;
    letter-spacing:.5px;
}

.stayListing h3:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:80px;
    height:2px;
    background:rgba(255,255,255,.4);
}

/* Features List */
.stayListing ul{
    margin:0;
    padding:0;
    list-style:none;
}

.stayListing ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:8px;
    font-size:1.1rem;
    line-height:1.6;
}

.stayListing ul li:before{
    content:"✦";
    position:absolute;
    left:0;
    color:var(--creem);
    font-size:14px;
}

/* Price */
.stayListing h4{
    margin-top:25px;
    font-size:2.2rem;
    font-weight:400;
    color:var(--creem);
}

/*.stayListing h4:before{
    content:"Starting From";
    display:block;
    font-size:.9rem;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.65);
    margin-bottom:8px;
}*/

/* Image Side */
.stayListing .carousel{
    height:100%;
}

.stayListing .carousel-inner,
.stayListing .carousel-item{
    height:100%;
}

.stayListing .carousel-item img{
    width:100%;
    height:500px;
    object-fit:cover;
    transition:transform 8s ease;
}

.stayListing .carousel-item.active img{
    transform:scale(1.08);
}

/* Navigation Arrows */
.carousel-control-prev,
.carousel-control-next{
    width:60px;
    opacity:0;
    transition:.3s; background:none!important; border: none!important;
}

.stayListing .carousel:hover .carousel-control-prev,
.stayListing .carousel:hover .carousel-control-next{
    opacity:1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    width:45px;
    height:45px;
    border-radius:50%;
    background-color:rgba(0,0,0,.35);
    background-size:18px;
    backdrop-filter:blur(4px);
}

/* Elegant divider */
.stayListing .row + .row{
    margin-top:0;
}

/* Mobile */
@media(max-width:991px){

    .stayListing .p-5{
        padding:45px 30px !important;
    }

    .stayListing h3{
        font-size:2.3rem;
    }

    .stayListing h4{
        font-size:1.8rem;
    }

    .stayListing .carousel-item img{
        height:350px;
    }
}

@media(max-width:767px){

    .stayListing .row{
        min-height:auto;
    }

    .stayListing .p-5{
        padding:35px 25px !important;
    }

    .stayListing h3{
        font-size:2rem;
        margin-bottom:20px;
    }

    .stayListing h4{
        font-size:1.6rem;
    }

    .stayListing .carousel-item img{
        height:280px;
    }

    .carousel-control-prev,
    .carousel-control-next{
        opacity:1;
    }
}






.things-do-wrap{
    padding:0 0 80px;
}

/* Equal height */

.row.g-4{
    --bs-gutter-x:30px;
}

.row.g-4 > div{
    display:flex;
}

/* Cards */

.activity-box{
    position:relative;
    width:100%;
    min-height:520px;
    padding:50px 35px;
    overflow:hidden;
    transition:.35s ease;
}

/* Brush Texture */

.activity-box:before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/brush-white.png") center center/cover;
    opacity:.08;
    mix-blend-mode:screen;
    pointer-events:none;
}

/* Soft Highlight */

.activity-box:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    top:-80px;
    right:-80px;
    background:rgba(255,255,255,.08);
}

/* Hover */

.activity-box:hover{
    transform:translateY(-8px);
}

/* Icons */

.activity-icon{
    margin-bottom:30px;
}

.activity-icon img{
    height:100px;
    width:auto;
}

/* Heading */

.activity-box h3{
    font-size:48px;
    line-height:1;
    margin-bottom:25px;
    font-weight:600;
}

/* Text */

.activity-box p{
    color:#fff;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

/* Colors */

.eat-box{
    background:#bf9037;
}

.sit-box{
    background:#c5741d;
}

.pray-box{
    background:#4db8b0;
}

.roam-box{
    background:#75c34c;
}

/* Heading colors */

.eat-box h3{
    color:#fdf0d4;
}

.sit-box h3{
    color:#fff0df;
}

.pray-box h3{
    color:#e8fffc;
}

.roam-box h3{
    color:#efffe8;
}

/* Responsive */

@media(max-width:991px){

    .activity-box{
        min-height:auto;
    }

    .activity-box h3{
        font-size:54px;
    }
}

@media(max-width:767px){

    .activity-box{
        padding:40px 25px;
    }

    .activity-box h3{
        font-size:42px;
    }

    .activity-box p{
        font-size:15px;
    }
}




/* Decorative Separator Flourish */
        .flourish-sep {
            display: block;
            width: 70px;
            height: 16px;
            margin: 10px auto;
            position: relative;
        }
        .flourish-sep::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 1px;
            background: var(--brown);
            top: 50%;
            left: 0;
        }
        .flourish-sep::after {
            content: '❦';
            position: absolute;
            color: var(--brown);
            font-size: 10px;
            background: var(--creem);
            padding: 0 6px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .main-route-panel .flourish-sep::after {
            background: var(--green);
        }

        /* Buttons */
        .btn-gold {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: #DBC8AC;
            color: var(--dark);
            padding: 14px 36px;
            font-family: var(--font-serif);
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 2px;
            text-decoration: none;
            text-transform: uppercase;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .btn-gold:hover {
            background-color: var(--brown);
            color: var(--creem);
        }

        /* Header Layout */
        header {
            background-color: var(--creem);
            padding: 30px 6%;
        }
        .logo-box {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .logo-box svg {
            width: 32px;
            height: 32px;
            fill: none;
            stroke: var(--dark);
            stroke-width: 1.5;
        }
        .logo-txt {
            font-family: var(--font-serif);
            font-size: 11px;
            letter-spacing: 3px;
            line-height: 1.2;
        }
        .logo-txt span {
            display: block;
            font-size: 16px;
            font-weight: 700;
        }

        /* Hero Split Screen View */
        .hero-viewport {
            display: grid;
            grid-template-columns: 1fr;
            background-color: var(--creem);
            position: relative;
        }
        @media (min-width: 992px) {
            .hero-viewport {
                grid-template-columns: 45% 55%;
            }
        }
        .hero-left-ctx {
            padding: 60px 10% 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .hero-lbl {
            font-family: var(--font-serif);
            font-size: 13px;
            letter-spacing: 3px;
            color: var(--brown);
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .hero-title {
            font-family: var(--font-serif);
            font-size: clamp(34px, 5vw, 56px);
            line-height: 1.1;
            font-weight: 400;
            color: var(--green);
            margin-bottom: 25px;
            text-transform: uppercase;
        }
        .hero-p {
            font-size: 13.5px;
            max-width: 420px;
            margin-bottom: 45px;
            color: var(--dark);
            opacity: 0.8;
        }
        .meta-geo-row {
            display: flex;
            gap: 14px;
            align-items: flex-start;
        }
        .meta-geo-row svg {
            width: 20px;
            height: 20px;
            fill: var(--brown);
            margin-top: 2px;
        }
        .meta-geo-row h4 {
            font-family: var(--font-serif);
            font-size: 13px;
            color: var(--dark);
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        .meta-geo-row p {
            font-size: 11px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: var(--brown);
            font-weight: 600;
        }
        .hero-right-graphic {
            background-image: linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.25)), url('../images/location1.jpg');
            background-size: cover;
            background-position: center;
            min-height: 400px;
            position: relative;
        }
        @media (min-width: 992px) {
            .hero-right-graphic {
                clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
                margin-left: -12%;
                min-height: 650px;
            }
        }

        /* Wayfinder Cards */
        .wayfinder-section {
            padding: 90px 6% 80px;
            text-align: center;
            background-color: var(--creem);
        }
        .wayfinder-section h2 {
            font-family: var(--font-serif);
            font-size: 18px;
            letter-spacing: 4px;
            text-transform: uppercase;
        }
        .wayfinder-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 40px;
            max-width: 1100px;
            margin: 60px auto 0;
        }
        @media (min-width: 768px) {
            .wayfinder-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        .way-card {
            position: relative;
            padding: 10px 20px;
        }
        @media (min-width: 768px) {
            .way-card:not(:last-child)::after {
                content: '';
                position: absolute;
                right: -20px;
                top: 15%;
                height: 70%;
                width: 1px;
                border-right: 1px dashed var(--brown);
                opacity: 0.4;
            }
        }
        .way-card svg {
            width: 48px;
            height: 48px;
            fill: none;
            stroke: var(--green);
            stroke-width: 1.2;
            margin-bottom: 12px;
        }
        .way-card h3 {
            font-family: var(--font-serif);
            font-size: 13px;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: var(--dark);
        }
        .way-num {
            font-family: var(--font-serif);
            font-size: 60px;
            color: var(--brown);
            line-height: 1.1;
            margin: 8px 0 2px;
        }
        .way-unit {
            display: block;
            font-size: 11px;
            letter-spacing: 3px;
            color: var(--dark);
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 15px;
        }
        .way-desc {
            font-size: 12px;
            color: var(--dark);
            opacity: 0.8;
            max-width: 250px;
            margin: 0 auto;
        }

        /* Route Maps Grid - Clean Vector Layouts */
        .route-panels-container {
            display: grid;
            grid-template-columns: 1fr;
        }
        @media (min-width: 992px) {
            .route-panels-container {
                grid-template-columns: 1fr 1fr;
            }
        }

        /* Left Side Winding Main Line Panel */
        .main-route-panel {
            background-color: var(--green);
            color: var(--creem);
            padding: 60px 5%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .main-route-panel h2 {
            font-family: var(--font-serif);
            font-size: 18px;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--creem);
        }
        .svg-map-canvas {
            width: 100%;
            max-width: 440px;
            height: auto;
            margin-top: 30px;
        }

        /* Right Side Topographic Map Sketch Grid Panel */
        .alt-route-panel {
            background-color: var(--gray);
            color: var(--dark);
            padding: 60px 5%;
            display: flex;
            flex-direction: column;
            align-items: center;
            /* Faux mountain etching layout approximation pattern overlay */
            background-image: linear-gradient(rgba(215, 212, 204, 0.6), rgba(215, 212, 204, 0.6)), url('../images/location2.jpg');
            background-size: cover;
            background-position: center;
        }
        .alt-route-panel h2 {
            font-family: var(--font-serif);
            font-size: 18px;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--dark);
        }

        /* Interactive Mapping Widget Section */
        .geo-widget-section {
            position: relative;
            background-color: var(--gray);
            height: 480px;
            width: 100%;
        }
        .map-iframe-element {
            width: 100%;
            height: 100%;
            border: none;
            filter: grayscale(0.2) sepia(0.2) contrast(1.05);
        }
        .floating-hotel-plate {
            position: absolute;
            bottom: 30px;
            right: 5%;
            background-color: var(--green);
            color: #fff;
            padding: 35px;
            width: 90%;
            max-width: 380px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.3);
            text-align: center;
            z-index: 10;
            border-radius: 2px;
        }
        @media (max-width: 768px) {
            .geo-widget-section { height: auto; display: flex; flex-direction: column; }
            .map-iframe-element { height: 320px; }
            .floating-hotel-plate { position: relative; bottom: 0; right: 0; width: 100%; max-width: none; padding: 40px 20px; }
        }
        .floating-hotel-plate h3 {
            font-family: var(--font-serif);
            font-size: 18px;
            letter-spacing: 2px;
            color: var(--creem);
            margin-bottom: 6px;
        }
        .floating-hotel-plate p {
            font-size: 11px;
            opacity: 0.8;
            letter-spacing: 1px;
            margin-bottom: 25px;
        }
        .hotel-perk-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            border-top: 1px solid rgba(255,255,255,0.15);
            padding-top: 20px;
        }
        .perk-node-item {
            font-size: 9px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--creem);
        }
        .perk-node-item svg {
            display: block;
            width: 20px;
            height: 20px;
            margin: 0 auto 6px;
            fill: #DBC8AC;
        }
        .floating-hotel-plate .btn-gold {
            width: 100%;
            background-color: #DBC8AC;
        }

        /* Footer Banner Block */
        .footer-banner-cta {
            background:#fff;
            background-size: cover;
            background-position: center;
            padding: 80px 5%;
            text-align: center;
            color: #fff;
            position: relative;
        }
        .footer-banner-cta h2 {
            font-family: var(--font-serif);
            font-size: clamp(26px, 4vw, 42px);
            letter-spacing: 5px;
            text-transform: uppercase;
            margin-bottom: 35px;
            color: #222;
            font-weight: 400;
        }
        .vertical-right-tag {
            position: absolute;
            right: 25px;
            bottom: 30px;
            writing-mode: vertical-rl;
            text-transform: uppercase;
            font-size: 9px;
            letter-spacing: 3px;
            opacity: 0.55;
            font-family: var(--font-serif);
        }












/*=================================
SIGHTSEEING EXTENDED PREMIUM DESIGN
=================================*/

:root {
    --brush-bg: #f3ede2;
}

.sightseeing-wrap {
    position: relative;
    padding: 0 0 100px;
    overflow: hidden;
}



/* Structural Layouts */
.destination-block {
    position: relative;
    margin-bottom: 80px;
}

.destination-block:last-child {
    margin-bottom: 0;
}

/* Alternating Grid Arrangement Setup */
.destination-block:nth-child(even) .row {
    flex-direction: row-reverse;
}

/* Typography Content Block Styling */
.destination-content {
    padding-right: 60px;
    padding-left: 0;
}

.destination-block:nth-child(even) .destination-content {
    padding-left: 60px;
    padding-right: 0;
}

/* Large Background Number */
.destination-number {
    font-size: 75px;
    font-weight: 700;
    color: rgba(181, 131, 90, 0.12);
    line-height: 0.8;
    margin-bottom: -10px;
    font-family: 'Cormorant Garamond', serif;
}

.destination-content h3 {
    font-size: 36px;
    font-weight: 500;
    color: var(--green);
    margin-bottom: 15px;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.5px;
}

/* Meta Information Row */
.destination-meta {
    margin-bottom: 20px;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.destination-meta span {
    font-size: 13px;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.destination-meta span i {
    margin-right: 6px;
    color: var(--brown);
}

/* Drop-Cap / Lead Text Accent */
.destination-lead {
    font-size: 18px;
    color: var(--green);
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 20px;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
}

.destination-content p {
    font-size: 15px;
    line-height: 1.75;
    color: #5a5a5a;
    margin-bottom: 25px;
    text-align: justify;
}

/* Decorative Modern Keyword Tags Layouts */
.destination-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.destination-tags .tag {
    font-size: 12px;
    background: #fff;
    color: var(--green);
    padding: 6px 16px;
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(27, 67, 50, 0.08);
}

/* Organic Asymmetrical Splat Brush Backdrop Frame Layer */
.destination-gallery-wrapper {
    position: relative;
    width: 100%;
    padding: 20px;
}

.destination-gallery-wrapper::before {
    content: "";
    position: absolute;
    width: 110%;
    height: 110%;
    background: var(--brush-bg);
    top: -5%;
    left: -5%;
    z-index: 1;
    /* Fluid irregular organic border-radius simulates liquid paint splat / brush effects */
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: rotate(-3deg);
    opacity: 0.85;
    transition: all 0.6s ease-in-out;
}

.destination-block:nth-child(even) .destination-gallery-wrapper::before {
    border-radius: 70% 30% 52% 48% / 60% 40% 60% 40%;
    transform: rotate(4deg);
}

/* Subtle wave effect on block hover */
.destination-block:hover .destination-gallery-wrapper::before {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
    transform: rotate(0deg);
}

/* Interactive elements hovering on top layer */
.main-feature-img, 
.thumbnail-grid {
    position: relative;
    z-index: 2;
}

.destination-gallery-wrapper figure {
    margin: 0;
}

.destination-gallery-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.destination-gallery-wrapper a {
    display: block;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(27, 67, 50, 0.08);
}

.destination-gallery-wrapper a:hover img {
    transform: scale(1.05);
}

/* Master Feature Element Specs */
.main-feature-img {
    margin-bottom: 20px !important;
}

.main-feature-img a {
    height: 420px;
    border-radius: 30px 15px 30px 15px;
}

/* Symmetric 4-Column Thumb Grid Array Blueprint */
.thumbnail-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.thumbnail-grid a {
    height: 95px;
    border-radius: 12px 6px 12px 6px;
}

/* Fluid Breakpoints Responsiveness */
@media(max-width: 991px) {
    .sightseeing-wrap {
        padding: 60px 0;
    }
    
    .section-heading {
        margin-bottom: 50px;
    }

    .section-heading h2 {
        font-size: 36px;
    }

    .destination-block {
        margin-bottom: 90px;
    }

    .destination-block:nth-child(even) .row {
        flex-direction: column;
    }

    .main-feature-img a {
        height: 320px;
    }
    
    .thumbnail-grid a {
        height: 75px;
    }
    
    .destination-content,
    .destination-block:nth-child(even) .destination-content {
        padding: 45px 10px 0 10px !important;
    }
    
    .destination-gallery-wrapper::before {
        width: 104%;
        height: 104%;
        top: -2%;
        left: -2%;
    }
}





/*=================================
PREMIUM MEDIA PRESS LAYOUT STYLE
=================================*/

:root {
    --paper-shadow: rgba(27, 67, 50, 0.06);
}

.media-press-wrap {
    position: relative;
    padding: 0 0 60px;
    overflow: hidden;
}

/* Master Grid Structure - Custom Asymmetric Layout */
.media-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 20px;
    position: relative;
    z-index: 2;
}

/* Premium Paper Card Elements */
.media-card-item {
    position: relative;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.media-link {
    background: #ffffff;
    padding: 16px 16px 50px 16px; /* Extra bottom padding for vintage scrap feel */
    display: block;
    border-radius: 4px;
    box-shadow: 0 10px 30px var(--paper-shadow), 
                0 1px 3px rgba(0,0,0,0.05);
    position: relative;
    text-decoration: none !important;
    border: 1px solid rgba(181, 131, 90, 0.15);
}

/* Simulates realistic fine fiber/paper texture overlay */
.paper-edge-overlay {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    border-radius: 4px;
    background: radial-gradient(circle, rgba(255,255,255,0) 60%, rgba(243,237,226,0.15) 100%);
    z-index: 3;
}

.media-img-box {
    width: 100%;
    overflow: hidden;
    background: #fcfcfc;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 2px;
}

.media-img-box img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Meta Typography Taglines Inside the Cuttings Base */
.media-meta-tag {
    position: absolute;
    bottom: 12px;
    left: 16px;
    right: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.press-label {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--brown);
    font-family: 'Montserrat', sans-serif;
}

.page-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    color: var(--green);
    opacity: 0.6;
}

/*=================================================================
  ARTISTIC EFFECTS: Asymmetric Rotations for Magazine Scraps Style
===================================================================*/

/* Alternating subtle tilts to break rigid alignments */
.media-card-item:nth-child(4n+1) .media-link {
    transform: rotate(-1.5deg);
}
.media-card-item:nth-child(4n+2) .media-link {
    transform: rotate(1.2deg) translateY(10px);
}
.media-card-item:nth-child(4n+3) .media-link {
    transform: rotate(-1deg) translateY(-5px);
}
.media-card-item:nth-child(4n+4) .media-link {
    transform: rotate(1.8deg);
}

/* Highlight Featured Cover Specifically */
.media-card-item:first-child {
    grid-column: span 1;
}

/* Realistic 3D floating page liftoff interaction on hover */
.media-card-item:hover {
    transform: scale(1.03) translateY(-8px) rotate(0deg) !important;
    z-index: 5;
}

.media-card-item:hover .media-link {
    transform: rotate(0deg) !important;
    box-shadow: 0 25px 50px rgba(27, 67, 50, 0.15), 
                0 8px 15px rgba(181, 131, 90, 0.1);
    border-color: var(--brown);
}

.media-card-item:hover img {
    transform: scale(1.02);
}

/*=================================
RESPONSIVE COMPACTION BREAKPOINTS
=================================*/

@media (max-width: 1199px) {
    .media-gallery-grid {
        gap: 25px;
    }
}

@media (max-width: 991px) {
    .media-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .media-card-item:nth-child(even) .media-link {
        transform: rotate(1deg) !important;
    }
    .media-card-item:nth-child(odd) .media-link {
        transform: rotate(-1deg) !important;
    }
}

@media (max-width: 575px) {
    .media-press-wrap {
        padding: 60px 0;
    }
    .media-gallery-grid {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 10px;
    }
    .media-card-item .media-link {
        transform: none !important;
        padding: 12px 12px 42px 12px;
    }
    .media-card-item:hover {
        transform: translateY(-4px) !important;
    }
}





/*=================================
PREMIUM CONTACT PAGE STYLING
=================================*/

:root {
    --input-focus: rgba(27, 67, 50, 0.1);
}

.contact-page-wrap {
    position: relative;
    padding: 0 0 60px;
    overflow: hidden;
}

/* --- Left Panel: Info Deck Wrapper --- */
.contact-info-panel {
    position: relative;
    background: var(--green);
    color: #ffffff;
    padding: 50px 40px;
    border-radius: 30px;
    height: 100%;
    box-shadow: 0 15px 40px rgba(27, 67, 50, 0.15);
    overflow: hidden;
    z-index: 2;
}

/* Dynamic Watercolor/Brush Splat behind information contents */
.panel-brush-overlay {
    content: "";
    position: absolute;
    width: 130%;
    height: 130%;
    background: rgba(181, 131, 90, 0.08);
    top: -15%;
    left: -15%;
    z-index: 1;
    border-radius: 40% 60% 55% 45% / 50% 45% 55% 50%;
    transform: rotate(-10deg);
    pointer-events: none;
}

.panel-content-box {
    position: relative;
    z-index: 3;
}

.contact-info-panel h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 38px;
    letter-spacing: 0.5px;
    color: #ffffff;
    margin-bottom: 15px;
}

.panel-lead {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 40px;
}

/* Individual Content Meta Rows */
.info-meta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.info-item-block {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.info-icon {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(181, 131, 90, 0.4);
    color: var(--creem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 12px 6px 12px 6px;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.info-item-block:hover .info-icon {
    background: var(--brown);
    color: #ffffff;
    transform: scale(1.05);
}

.info-text h5 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--creem);
    margin-bottom: 6px;
    font-weight: 600;
}

.info-text p {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.info-text p a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
}

.info-text p a:hover {
    color: var(--creem);
}

.landmark {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 4px;
    font-style: italic;
}

/* =================================================================
   RIGHT PANEL: OVERRIDING BOOTSTRAP FLEX LABELS (Fixes layout bugs)
   ================================================================= */

.contact-form-card {
    background: #ffffff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(181, 131, 90, 0.12);
    height: 100%;
}

.contact-form-card h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 32px;
    color: var(--green);
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 10px;
}

.contact-form-card h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: var(--brown);
}

/* --- OVERRIDE BOOTSTRAP ROW INLINE FLEX SYSTEM --- */
.custom-booking-form .row {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
}

/* Force structural wrapper behaviors on the column divs */
.custom-booking-form [class*="col-"] {
    display: flex !important;
    flex-direction: column !important; /* Stack label ON TOP of input */
    align-items: flex-start !important; /* Align everything cleanly to the left */
	margin-bottom: 18px;
}

/* Form Labels Spec */
.custom-booking-form .form-label {
    display: block !important;
    width: 100% !important;
    font-size: 12px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px !important;
    text-align: left !important;
}

/* Form Controls Spec - Force 100% Canvas Span */
.custom-booking-form .form-control,
.custom-booking-form .form-select {
    display: block !important;
    width: 100% !important; /* Expand fields to fill the layout block */
    max-width: 100% !important;
    background-color: #faf8f5 !important;
    border: 1px solid rgba(27, 67, 50, 0.12) !important;
    padding: 0 18px !important;
	height: 40px;
    font-size: 14px !important;
    color: #333 !important;
    box-sizing: border-box !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Clean Custom Select Dropdown Options */
.custom-booking-form .form-select {
    height: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b5835a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 12px !important;
    padding-right: 45px !important;
}

/* Focus Styling */
.custom-booking-form .form-control:focus,
.custom-booking-form .form-select:focus {
    background-color: #ffffff !important;
    border-color: var(--brown) !important;
    box-shadow: 0 0 0 4px rgba(27, 67, 50, 0.08) !important;
    outline: none !important;
}

.custom-booking-form textarea.form-control {
    resize: vertical !important;
    min-height: 130px !important;
}

/* Modern Submit Button Fix */
.btn-submit-tour {
    background: var(--brown);
    color: #ffffff;
    padding: 16px 35px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 14px;
    border: none;
    transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;
    margin-top: 15px;
    cursor: pointer;
}

.btn-submit-tour:hover {
    background: var(--green);
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(27, 67, 50, 0.15);
}

/* --- Fluid Responsive Media Queries --- */
@media (max-width: 991px) {
    .contact-page-wrap {
        padding: 60px 0;
    }
    
    .contact-info-panel,
    .contact-form-card {
        padding: 35px 25px;
        border-radius: 24px;
    }
    
    .contact-info-panel h3 {
        font-size: 32px;
    }
}






/* =================================================================
   PREMIUM COMPACT VIEW SIGHT GALLERY (Fixes image_a06bf7.jpg layout)
   ================================================================= */

:root {
    --dark-pane: #12241c;
}

.premium-gallery-wrap {
    padding: 0 0 60px;
    width: 100%;
}

.gallery-master-row {
    display: flex;
    min-height: calc(100vh - 90px);
    width: 100%;
}

/* --- Left Side Panel Info --- */
.gallery-text-panel {
    width: 25%;
    padding: 60px 40px;
    display: flex;
    align-items: flex-start;
    border-right: 1px solid rgba(27, 67, 50, 0.08);
}

.editorial-sticky-box {
    position: sticky;
    top: 130px;
}

.gallery-text-panel h3 {
    font-size: 26px;
    line-height: 1.3;
    color: var(--green);
    font-weight: 500;
    margin-bottom: 20px;
}

.gallery-text-panel p {
    font-size: 15.5px;
    line-height: 1.7;
    color: #555;
}

/* --- Right Side Split Panel Panel --- */
.gallery-viewer-panel {
    width: 75%;
    display: flex;
    background: var(--dark-pane);
    position: relative;
}

/* --- Middle Component: Vertical Slider Control Strip --- */
.thumbnail-scroller-column {
    width: 110px;
    background: rgba(14, 28, 22, 0.98);
    border-right: 1px solid rgba(255, 255, 255, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
    padding: 5px 0;
}

.vertical-thumbs-container {
    height: calc(100vh - 160px);
    overflow-y: scroll;
    scrollbar-width: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    scroll-behavior: smooth;
}

.vertical-thumbs-container::-webkit-scrollbar {
    display: none;
}

.thumb-item {
    display: block;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.35;
    border: 2px solid transparent;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.thumb-item:hover, 
.thumb-item.active {
    opacity: 1;
    border-color: var(--brown);
    transform: scale(1.02);
}

.scroll-arrow {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    padding: 10px;
    width: 100%;
    cursor: pointer;
    transition: color 0.3s ease;
}

.scroll-arrow:hover {
    color: var(--brown);
}

/* --- Right Canvas Viewport Area --- */
.main-preview-viewport {
    flex-grow: 1;
    background: #091410;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px; 
    position: relative;
}

.gallery-display-wrapper {
    position: relative;
    display: block;
    width: 100%;
    max-width: 98%;
    max-height: calc(100vh - 120px);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
}

.gallery-display-wrapper img {
    width: 100%;
    height: auto;
    max-height: calc(100vh - 120px);
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: opacity 0.2s ease;
}

/* =================================================================
   FIXED RESPONSIVE BREAKPOINTS (Fixes image_9f0e80.jpg layout bugs)
   ================================================================= */

@media (max-width: 991px) {
    .gallery-master-row {
        flex-direction: column !important;
        min-height: auto;
    }
    
    /* Show editorial description text clearly at the top */
    .gallery-text-panel {
        width: 100% !important;
        padding: 40px 20px 25px !important;
        border-right: none;
        border-bottom: 1px solid rgba(27, 67, 50, 0.08);
    }
    
    .gallery-text-panel h3 {
        font-size: 28px;
        margin-bottom: 12px;
    }
    
    /* Stack viewer panel underneath */
    .gallery-viewer-panel {
        width: 100% !important;
        flex-direction: column !important; /* Forces layout downward */
        height: auto !important;
    }

    /* Main viewport constraints on tablet */
    .main-preview-viewport {
        width: 100% !important;
        height: 450px !important;
        padding: 20px !important;
    }

    .gallery-display-wrapper {
        max-height: 410px !important;
    }

    .gallery-display-wrapper img {
        max-height: 410px !important;
    }

    /* Convert vertical scroller strip into a clean horizontal bar */
    .thumbnail-scroller-column {
        width: 100% !important;
        flex-direction: row !important;
        padding: 15px 20px !important;
        border-right: none;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        gap: 15px;
    }

    .vertical-thumbs-container {
        width: calc(100% - 90px) !important;
        height: auto !important;
        flex-direction: row !important; /* Slide horizontally */
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        padding: 0 !important;
        gap: 12px;
    }

    .thumb-item {
        width: 75px !important;
        height: 75px !important;
    }

    /* Reposition control arrows to work left-to-right */
    .scroll-arrow {
        width: 35px !important;
        height: 75px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    /* Rotate icons to point left and right */
    .scroll-arrow.up-arrow .fa-chevron-up {
        transform: rotate(-90deg);
    }

    .scroll-arrow.down-arrow .fa-chevron-down {
        transform: rotate(-90deg);
    }
}

@media (max-width: 575px) {
    .gallery-text-panel h3 {
        font-size: 24px;
    }

    /* Perfect layout tracking proportions for smaller mobile dimensions */
    .main-preview-viewport {
        height: 320px !important;
        padding: 15px !important;
    }

    .gallery-display-wrapper, 
    .gallery-display-wrapper img {
        max-height: 290px !important;
        border-radius: 6px;
    }

    .thumbnail-scroller-column {
        padding: 10px 15px !important;
        gap: 10px;
    }

    .vertical-thumbs-container {
        width: calc(100% - 70px) !important;
        gap: 8px;
    }

    .thumb-item {
        width: 65px !important;
        height: 65px !important;
    }

    .scroll-arrow {
        height: 65px !important;
        width: 30px !important;
    }
}


.fa-indian-rupee-sign{font-size:28px!important;}


/*------------------------------------*\
 Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){

.aboutArea{padding:40px 0 10px;}
.aboutArea h2, .countingArea h2{font-size:32px;}
.aboutArea > div.highlights{font-size:17px; line-height:1.2; padding:15px 10px; text-align:left; border-radius:0; position:static; margin:0 auto 30px; transform:translate(0,0);}
.aboutArea > div.highlights li{font-size:20px; clear:both; display:block; padding:5px;}
.aboutArea > img, .testimonialsArea > img{display:none;}


.serviceArea{padding-bottom:20px;}
.serviceArea [class^="col"]{margin-bottom:20px;}
.serviceArea > div > div{padding:20px 20px 0;}

.modal-content .row [class^="col-"]:first-child{height:300px;}

.innerContentBox{margin-top:30px;}


.authorArea{text-align:center;}
.authorArea h2{font-size:24px;}
.authorArea h2 strong{font-size:32px;}
.authorArea p{font-size:15px;}


.yourStayArea{text-align:center; padding:200px 0 60px;}
.yourStayArea .contentHeading{background: none; padding:0 10%;}
.yourStayArea h4{padding:15px 0 0;}
.yourStayArea h4:after{display:none;}
.yourStayArea .contentHeading h2{font-size:48px;}
.yourStayArea .contentHeading h3{font-size:30px;}


.thingstoDo h2{font-size:48px;}

}

@media (max-width: 767px){
.headerTop{ display:block;}
.headerTop .text-sm-right a{padding: 5px 0; font-size: 14px; width: 100%; text-align: center;}
.headerTop a{font-size:16px;}
.logo{padding:5px 0;}
.animated-logo {font-size: 26px;}

.tagline {
    line-height: 1; padding:2px 0; /* Center text vertically */
}

.project-slider-area{}
.project-slider-area .order-md-2 > img{display:none;}
.project-slider-area .bannerHead{margin-bottom:15px; text-align:center;}
.project-slider-area .bannerHead [class^="col-"]{ border:none!important; padding:10px 15px;}
.wrap-video{right:auto; left:40px; bottom:30%;}

.whyArea h1{font-size:24px;}

.bannerSideBox > a img{top:30px;}
.bannerSideBox > a {padding: 20px 20px 20px 120px;}


.getaQuoteBox{padding:20px 0; text-align:center;}
.getaQuoteBox h3{font-size:28px;}
.getaQuoteBox ul li{display:block; width:100%; margin:0;}
.twoPartArea:before{right:0%; background-size:cover;}
.getaQuoteBox.innerAreaBox{padding:0!important;}


.footerArea{padding:80px 0 5px; text-align:center;}
.footerArea [class^="col-"]{margin-bottom:15px;}
.footerArea [class^="col-"]:nth-child(2){border-left:none;}
.footerArea .colorLinks{text-align:center;}
.footerArea > div > ul li{width:46%;}
.footerArea .footer-social-icon p{padding:5px 0 0;}
.footerArea > div > ul li a img{height:auto; width:100%;}


}

@media (max-width: 500px){

.card-header h5{font-size:17px;}

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}