/* -----------------
  font-family: "Bebas Neue", sans-serif;   font-family: "Poppins", sans-serif;

--------------------- */

.hme-bim-first, .hme-bim-snd, .hme-bim-trd, .hme-bim-firsthme-bim-fourth {background-image: url(../images/hero-img-4.webp); background-size: cover; background-position: center center;}
.hme-bim-snd {  background-image: url(../images/hero-img-2.webp); }
.hme-bim-trd {  background-image: url(../images/hero-img-3.webp); }
.hme-bim-fourth {background-image: url(../images/hero-img-1.webp); }

.hme-bim-trd::after { content: ""; display: block; position: absolute; width: 100%; height: 60%; left: 0; bottom: 0; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.23+42,0.35+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.23) 42%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
z-index: 100;

}

@media (max-width: 628px) { 
.hme-bim-first {background-image: url(../images/hero-img-4-600w.webp);}
.hme-bim-snd {  background-image: url(../images/hero-img-2-600w.webp); }
.hme-bim-trd {  background-image: url(../images/hero-img-3-600w.webp); }
.hme-bim-fourth {background-image: url(../images/hero-img-1-600w.webp); background-position: center center;  }
}


.mobile-menu { display: none;}
.hiddenTitle { width: 0; height: 0; overflow: hidden;}
/* Scrollbar Styling */
::-webkit-scrollbar {  width: 8px;  height: 8px; } 
::-webkit-scrollbar-track {  background-clip: content-box;  border: 2px solid transparent; }
::-webkit-scrollbar-thumb {  background-color: #000; }
::-webkit-scrollbar-thumb:hover {  background-color:  #000 }
::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {  background-color: var(--titleColor); ; }
/*  */ 
.mobMenu { display: none;}
.about-parvathy-wrapp  { padding: var(--gutter80);}

/* -------------------------- Reset   -------------------------- */
*, *::before, *::after { box-sizing: border-box;  }
* {margin: 0;  }
body { line-height: 1.5; -webkit-font-smoothing: antialiased;   }
picture, video, canvas, svg { display: block; max-width: 100%; height: auto; vertical-align: top;  }
img, svg {  max-width: 100%; height: auto; vertical-align: top; }
input, button, textarea, select { font: inherit;  }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word;  }
ul, li, p, h1, h2, h3, h4, h5, h6, img, figure, article, section, figure, img  { padding: 0; margin: 0;}
ul, li, ol { list-style-type: none; } a:link, a:visited { text-decoration: none; color: var(--color); display: inline-block;}
:root {  --gutter60:60px 0; --gutter80:80px 0;  --gutter:90px 0; --color:#453a2f; --brandGreen:#2c5f3f;  --border:1px solid #e2e7d6; } 
.flex-container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; }
.img-full { width: 100%; height: auto; } 
.text-cap { text-transform: uppercase; } .text-center { text-align: center; }
#page {        font-family: "Open Sans", sans-serif;    font-size: 12pt; letter-spacing: 1px; font-weight: 400; line-height: 22pt; color: var(--color); text-align: justify; background: #fff; width: 100%; overflow: hidden; } p { padding: 10px 0; line-height: 20pt; } address { font-style: normal; }

/* -------------------------- Reset   -------------------------- */
.header-top a:link, .header-top a:visited, .header-top { color: #fff; font-size: 12pt; line-height: 14pt; }
/* -------------------------- Common   -------------------------- */
.container-large, .container { max-width: 1800px; width: calc(100% - 0px); padding: 0 100px; margin: 0 auto;} .container-large { max-width: 1800px;}
.container-full { width: calc(100% - 0px); max-width: 2000px; margin: 0 auto; padding: 0 50px; }
.container-sub { max-width: 1600px; margin: 0 auto; padding: 0 50px;}
.two-column-wrapp { gap: 60px; } .two-column { width: calc(50% - 30px);} .align-center { align-items: center; } .img-radius, .border-radius { border-radius: 15px; overflow: hidden;}
.full-link { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
.spacer-image { padding: var(--gutter60)} .middle-text { max-width: 1200px; margin: 0 auto;} .clear { float: none; clear: both;}
.img-right { float: right; padding-left: 80px;} .chbk { padding: 30px; text-align: center; font-size: 20pt;}
.round-img { border-radius: 50%; } 
/* -------------------------- Common   -------------------------- */
.header-wrapp { position: absolute; top: 0; left: 0; z-index: 1200; width: 100%; transition: all 0.5s ease;   }

.header-wrapp .align { position: relative; margin: 0px 40px; width: calc(100% - 80px); padding:0; transition: all 0.5s ease; justify-content: right; position: relative; }
.site-logo { display: block; transition: all 0.5s ease; width: 180px;  margin: 0 auto; }
.header-fix .site-logo { width: 100px;}
.hero-wrapp { padding-top: 0; background-color: var(--brandColor);}

.welcome-wrapp .container { }

.hme-bim { position: relative;}
/*
.hme-bim:after { content: ""; display: block; width: calc(100% - 0px); position: absolute; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 100;}
*/


.header-left, .header-right { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: calc(50% - 0px); justify-content: flex-end; padding-right: 200px;}
.header-right { left: auto; right: 0; padding-left:200px; padding-right: 0; justify-content: left;}

.banner-cap-wrapp { position: absolute; bottom: 0px; left: 50%; padding: 80px 0; width: 100%; z-index: 12000; text-align: center;

text-shadow: 0px 1px 4px rgba(0,0,0,0.6);
max-width: 1000px; transform: translateX(-50%);

}
.hero-caption { padding-bottom: 40px;}

.hero-sub-caption { top: auto; bottom: 90px;}
.room-slide-align {position: relative; margin: 0 100px; padding-bottom: 400px;}
.room-slide-cnt { position: absolute; bottom: 0; text-align: center; width: calc(100% - 120px); margin: 0 60px; background-color: #fff; padding: 50px;}
.room-higl { justify-content: center; gap: 60px; padding-top: 10px;}

.cap-border { margin: 20px auto; width:15px; height: 1px; background-color: #fff; }


 .stay-wrapp { background-color: #f0e8dc; }

.room-block-wrapp {  width: calc(100% - 0px); margin: 0 auto; max-width: 2000px; padding: 0 0px; margin: 0 auto;}
.roomimage {width: calc(65% - 60px); margin-right: 60px; position: relative;}  .roomimage { border-radius: 20px; overflow: hidden; }
.room-block-wrapp-odd { flex-direction: row-reverse;  margin-left:auto; margin-right: auto;}
.room-block-wrapp-odd  .roomimage figure { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }


.roomcontent { width: calc(35% - 0px); padding-right: 0px;}
.room-block-wrapp-odd .roomcontent { padding-right: 60px;}


.room-block-wrapp-odd   { padding-right: 0; padding-left: 100px;}
.room-block-wrapp-odd  .roomimage {padding-right: 0; padding-left: 0px; }

..roomimage { }

.room-highlight li { display: block; padding: 3px 0 3px 25px; position: relative; }
.room-highlight li:before { content: ""; display: block; width: 5px; height: 5px; background-color: #191a16; border-radius: 50%; position: absolute; left: 0; top: 18px; left: 5px; }

.listing li { text-align: left !important;}




.book-btn-overlay  {position: absolute; top: 50px;z-index: 100; right: 110px; }
.room-block-wrapp-odd .book-btn-overlay { right: auto; left: 50px;}

.book-btn-overlay a:link, .book-btn-overlay a:visited { display: block; padding: 10px 25px; font-size: 12pt; border: 1px solid #fff; border-radius: 15px; background-color: #1e8845; color: #fff; text-align: center; text-transform: uppercase; transition: all 0.5s ease forwars; filter: grayscale(0%); }
.book-btn-overlay a:hover { filter: grayscale(50%);}

.activities-wrapp { background-image: url(../images/activities-bg.webp); background-position: left center; background-attachment: fixed; background-size: cover; position: relative;}
.activities-wrapp::after   { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 100;  width: 100%; height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#082210+0,082210+100&0+0,0.5+53,0.75+100 */
background: linear-gradient(to bottom,  rgba(8,34,16,0) 0%,rgba(8,34,16,0.5) 53%,rgba(8,34,16,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

z-index: 100;
}
.facil-items ul { justify-content: center; gap: 0px; padding-top: 45px; }
.facil-items li { display: block; display: flex; flex-wrap: wrap; flex-direction: column;  text-align: center; padding: 0 20px; border-left: 1px solid #677a77; width: calc(16% - 0px);  } .facil-items li:first-child { border: none; }
.facil-items li:nth-child(even) { flex-direction: column-reverse;}


.activities-wrapp::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.2;  }

.activities-wrapp article { position: relative; z-index: 800; padding: 40px 0;}
.location-wrapp { position: relative;}
.location-wrapp .container {  background-color: #f0e8dc; position: relative; }


.loc-advantages { width: 550px; padding: 80px 90px 80px 0; position: relative; height: 100%; z-index: 100; }

.gmap-align { padding-left: 680px; position: absolute; height: 100%; top: 0; left: 0; width: calc(100% - 0px);}
.gmap { position: relative; height: 100%;  }
.gmap iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.munnar-title, .widget-title, .why-stay-title, .testi-title  { padding-bottom: 60px;}
.att-blk article { background-color: #f7f3ed; height: 180px; padding: 20px; text-align: center; }
.att-blk p { font-size: 12pt; line-height: 20pt;}
.testim-wrapp { background-color: #f7f3ed; }


.footer-top { padding-bottom: 0px; } .foot-address span { font-size: 16pt;}
.footer-address-wrapp  { padding-top: 60px;}
.footer-address-wrapp .container { justify-content: center; gap: 60px;}
.footer-logo img { width: 180px;} .footer-logo { padding-right: 30px;}

.star-rate { margin-bottom: 20px;  font-size: 14pt; font-style: italic; color: #b19077; }
.test-item h4  {color: #b19077; }
.testim-wrapp .owl-dots, .stay-wrapp .owl-dots  { position: absolute; bottom: -90px; width: 100%; left: 0;}

.faq-block { width: calc(50% - 0px);}
.faq-image  { width: calc(50% - 0px);}

.footer-wrapp { background-image: url(../images/footer-bg.webp); background-position: top center; background-repeat: repeat-x; color: #fff;  }
.footer-contact { justify-content: center; padding: 60px 0; }
.footer-address-wrapp  {padding-bottom: 60px;}

.foot-call a:link, .foot-call a:visited, .foot-whats a:link, .foot-whats a:visited { color: #fff; }
.book-btn-acc a:link, .book-btn-acc a:visited, .foot-book a:link, .foot-book a:visited { display: inline-block; padding: 3px 15px; margin-left: 5px; background-color:#035c48; font-size: 11pt; border-radius: 15px; border: 1px solid rgba(255,255,255,.25); color: #fff;}

.book-btn-acc { padding-top: 20px;}
.book-btn-acc a:link, .book-btn-acc a:visited { transition: all 0.5s ease; }
.book-btn-acc a:hover { background-color: var(--brandGreen); color: #fff; }

.foot-call, .foot-whats { border-right: 1px solid #fff; padding-right: 40px; padding-left: 40px;}
.foot-book {  padding-left: 40px; } .foot-call { padding-left: 0;}
.foot-call a:link, .foot-call a:visited, .foot-whats a:link, .foot-whats a:visited { display: block; padding-left: 30px; background-image: url(../images/call-icon.webp); background-repeat: no-repeat; background-position: left center;  background-size: 25px 25px; }
.foot-whats a:link, .foot-whats a:visited { background-image: url(../images/whatsapp-icon.webp);}

.guest-name { text-transform: uppercase;}



.boook-now-floating { position: fixed; bottom: 0; z-index: 1200; left: 50%; transform: translate(-50%, 30px); opacity: 0;  visibility: hidden; transition: all 0.5s ease; }
.boook-now-floating a:link, .boook-now-floating a:visited {  display: block; padding: 10px 30px; background-color: var(--brandGreen); color: #fff; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid rgba(255,255,255,0.5); border-bottom: none; letter-spacing: 3px; font-size: 11pt;}




.boook-now-floating a:link, .boook-now-floating a:visited {
 animation: shakeInterval 4s infinite;
}

@keyframes shakeInterval {
  /* idle time */
  0%, 85% {
    transform: translateX(0);
  }

  /* shake burst */
  86% { transform: translateX(-2px); }
  88% { transform: translateX(2px); }
  90% { transform: translateX(-2px); }
  92% { transform: translateX(2px); }
  94% { transform: translateX(-1px); }
  96% { transform: translateX(1px); }
  100% { transform: translateX(0); }
}



.floating-btns {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 12000;

  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);

  transition: 
    opacity 0.4s ease,
    transform 0.4s ease,
    visibility 0.4s ease;
}

.f-call, .bbtn {
  margin-bottom: 15px;
}

.float-fix {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.3s;
}

.float-fix-book {   opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition-delay: 0.3s; 
}

/*
.float-fix { display: block; animation: floatFixAnim 0.5s ease forwards; animation-delay: 0.3s;}
@keyframes floatFixAnim {
  to { opacity: 1;  transform: translateY(0); }
}

*/


.explrBtn { position: absolute; bottom: 50px; width: 100%; left: 0; text-align: center; z-index: 1500; transition: all 0.5s ease; }
.explrBtn a:link, .explrBtn a:visited { color: #fff; text-transform: uppercase; font-size: 11pt;}


.activities-wrapp, .welcome-wrapp, .stay-wrapp, .location-wrapp, .munnar-att-wrapp, .testim-wrapp, .faq-wrapp, .footer-wrapp { padding: var(--gutter);}


.no-space-top { padding-top: 0;} 








/* Button base */
.fab {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  animation: pulse 2.5s infinite;
  transition: transform .3s ease, box-shadow .3s ease;

display: flex !important; justify-content: center; align-items: center;

}

.bbtnLink {


 position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);

  transition: transform .3s ease, box-shadow .3s ease;

display: flex !important; justify-content: center; align-items: center;

 }

.fab:hover, .bbtnLink:hover {
  transform: translateY(-4px) scale(1.08);
  box-shadow: 0 15px 35px rgba(0,0,0,.35);
}

/* SVG icons */
.fab svg, .bbtnLink svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}


.bbtnLink { background-color:#2c5f3f; border: 1px solid #fff;  animation: bgColorShift 2s ease-in-out infinite; }

.bbtn {
animation: shake 4s infinite; }


@keyframes bgColorShift {
  0% {
    background-color: #2c5f3f;
  }
  50% {
    background-color: #9a7357;
  }
  100% {
    background-color: #2c5f3f;
  }
}


/* Shake animation (subtle) */
@keyframes shake {
  0%, 90%, 100% { transform: translateX(0); }
  92% { transform: translateX(-4px); }
  94% { transform: translateX(4px); }
  96% { transform: translateX(-4px); }
  98% { transform: translateX(4px); }
}

/* Colors */
.fab.call {
  background: linear-gradient(135deg, #fffdf1, #ffffff)
}

.fab.whatsapp {
  background: linear-gradient(135deg, #25D366, #128C7E);
  animation-delay: 1.2s;
}

/* Tooltip */
.tooltip {
  position: absolute;
  right: 70px;
  background: #111;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(8px);
  pointer-events: none;
  transition: all .25s ease; 
}

/* Tooltip arrow */
.tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: #111;
}

/* Show tooltip on hover */
.fab:hover .tooltip, .bbtnLink:hover .tooltip {
  opacity: 1;
  transform: translateX(0);
}

/* Pulse */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0,0,0,.4);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(0,0,0,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}

/* iOS safe-area */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .floating-actions {
    bottom: calc(20px + env(safe-area-inset-bottom));
  }
}


.feature-grid-nw-grp { gap: 60px; row-gap: 80px;}

.feature-grid-nw { text-align: center; width: calc(25% - 60px); background-color: #faf8f4; padding: 30px;}
.feature-grid-nw  figure { padding: 20px;}
.testi-star { padding-bottom: 15px;}

.test-item { padding: 50px 80px; margin:30px 2px 2px; border: 1px solid #ece4db; border-radius: 20px; position: relative; height: 100%; text-align: center; }
.test-item::before { content: ""; display: block; background-image: url(../images/icon-quote.webp); width: 59px; height: 42px; background-repeat: no-repeat; position: absolute; left: 50%; transform: translateX(-50%); top: -30px;} 


.testim-wrapp 
.owl-stage {
  display: flex;
}
.testim-wrapp 
.owl-item {
  display: flex;
}
.testim-wrapp 
.owl-item > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}



/* --------------------- All tilte ---------------- */
h1, h2, h3, h4, h5, .top-q-btns, .product-menu {   
   font-family: "Poppins", sans-serif; 
  
  
  
  font-weight: 400;  line-height: normal; }
.hero-sub-caption h3, .room-name, .room-highlight h3, .facil-cap, .att-blk h3, .guest-name, .test-item h4, .faq-title, .widget-title h3   {   font-family: "Poppins", sans-serif;  }

.hero-caption, .activi-title, .facil-cap, .facil-items li { color: #fff;   }
.hero-caption h1 { font-size: 46pt; font-weight: 600; } .hero-caption h2 { font-size: 32pt;  font-weight: 400; }
.hero-sub-caption h3 { color: #fff; max-width: 1080px; margin: 0 auto; font-size: 16pt; font-weight: 300; line-height: 30pt;}
.activi-title, .why-stay-title h2, .testi-title h2 { font-size: 36pt; font-weight: 500; } .why-stay-title h2 span { color: #9a7357; }

.activi-title { line-height: 42pt;}

.widget-title h2 { font-size: 38pt; font-weight: 500; } .widget-title h3 { font-weight: 400; font-size: 16pt;}
.room-name  { font-size: 22pt; text-align: left; padding-bottom: 20px; line-height: 26pt; font-weight: 500; text-transform: uppercase;} .room-name  br { display: none;}
 .room-highlight h3 { font-size: 16pt; padding: 15px 0 10px;}
.facil-cap { padding: 40px 0; font-size: 20pt; font-weight: 300; }

.munnar-title h2, .loc-title { font-size: 32pt;  color: #2c5f3f;  line-height: 36pt; font-weight: 500;}
.loc-advantages p { font-size: 16pt; padding: 30px 0; text-align: left; line-height: 26pt; color: #2c5f3f; }
.testi-title span, .faq-title { font-size: 20pt; color: #2c5f3f;}
.testi-title span { font-size: 24pt;}
.faq-title { font-weight: 600; font-size: 22pt; padding-bottom: 35px;}

.foot-cap { color: #fff; font-size: 28pt;}


.widget-title, .why-stay-title {  color: var(--brandGreen);}
.att-blk h3 { font-size: 16pt; color: #2f6041; }

.guest-name, .test-item h4  { } .test-item h4 { font-size: 11pt; padding-top: 15px; }
.feature-grid-nw  h3 { font-size: 20pt; color: #d2baa9;} .feature-grid-nw  p { font-size: 12pt; line-height: 18pt;}
.testi-title h2  {color: #2f6041 }

.footer-address-wrapp a:link, .footer-address-wrapp a:visited { color: #fff; }




.loc-advantages li { display: block; padding: 3px 0 3px 20px; position: relative;}
.loc-advantages li::before { content: ""; display: block; width: 6px; height: 6px; background-color: #1d1d1d; border-radius: 50%; position: absolute; top: 16px; left: 5px; }



/* --------------------- All tilte ---------------- */ 

/* -------------------------------------- Owl slider --------------------------- */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* -------------------------------------- Owl slider --------------------------- */


/* ----------------------------- */

.desing { display: none; }
.home-page .desing { display: block;}
.cpr-wrapp .align { position: relative;}
.home-page .smo { position: absolute; transform: translateX(-50%); left: 50%; top: 45px; }
.sub-page .cpr-wrapp .align { flex-direction: row-reverse;}
.smo ul {justify-content: center;}
.smo li, .smo-banner li {display: block;margin: 0 10px;padding: 0;}
.smo svg, .smo-banner svg {fill: #b99b8e }
.smo a:link, .smo a:visited, .smo-banner a:link, .smo-banner a:visited { display: block;  width: 30px; height: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 50%; }
.smo li svg, .smo-banner li svg {width: 9px;height: auto; }
.smo li:nth-child(2n) svg {width: 19px;}
.smo li:nth-child(3n) svg {width: 19px;}
.smo li:nth-child(4n) svg {   width: 23px;}
.smo li:nth-child(5n) svg {width: 30px; }
.fancybox__container { z-index: 1000001; } 
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { display: block;font-size: 60pt; color: var(--titleColor); height: auto; }
.owl-carousel .owl-nav button.owl-next span:hover, .owl-carousel .owl-nav button.owl-prev span:hover { color: var(--color);}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; left: -50px; transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-next  { left: auto; right: -50px;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background-color: transparent;}
.name-size-block {width: 100%; text-align: left;}
.small-head-cap { font-size: 15pt; font-weight: 600; color:rgb(204, 141, 59); padding-bottom: 10px; text-align: left; letter-spacing: 1px;}
/* ------------------------------ */
.menu-overlay {   position: fixed;width: 100%;height: 100%;z-index: 1200;transform: translateX(-100%);transition: all 0.2s ease;top: 0; left: 0; }
.menu-overlay .align {position: relative;width: 100%;height: 100dvh;align-items: center;background-color: #f8f9f1; background-image: url(../images/menu-bg.webp); background-repeat: no-repeat; background-position: center center;background-size: cover;opacity: 0; }
.menu-overlay .align:after {content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: absolute;top: 0;left: 0; }
.menu-links {width: calc(calc(470px - 0px));padding: 0px 45px 0 0; } .menu-links ul { width: calc(50% - 0px);}
.menu-links-villas {width:calc(320px - 0px);padding: 0 0 0 45px;border-left: 1px solid rgba(255,255,255,0.2); }
.menu-links-villas ul { width: calc(100% - 0px); text-align:left;}
.menu-contact {width: 100%;text-align: center;padding-top: 30px;margin-top: 30px;border-top: 1px solid rgba(255,255,255,0.2) }
.menu-links a:link, .menu-links a:visited {display: block;  font-size: 11.5pt;   padding: 8px 0 8px 30px;position: relative;line-height: normal;  font-weight: 300;}
.menu-links a:hover {color: var(--titleColor); }
.menu-contact a:link, .menu-contact, .menu-contact a:visited, .menu-links a:link, .menu-links a:visited {color: #fff; }
.menu-links li a::before {content: "";display: block;background-color: #fff;   position: absolute;width: 5px;height: 5px;border-radius: 50%;left: 16px;top: 18px;opacity: 0.5; }
.menu-overlay.menu-open {transform: translateX(0); }
.primary-menu-overlay {width: 840px;margin: 0 auto; }
.menu-overlay.menu-open .align {animation: menuRevealAnim 0.5s ease forwards;animation-delay: 0.2s; z-index: 1200; }
@keyframes menuRevealAnim {
0% {opacity: 0;}
100% {opacity: 1;}
}
.menu-header-fix .primary-menu {visibility: hidden;opacity: 0; }
.menu-header-fix .booknow-top a:link, .menu-header-fix .booknow-top a:visited {   color: #fff; }
.menu-heading {color: #fff;font-size: 20px;width: 100%;padding-bottom: 0px;text-transform: uppercase; font-weight: 400; }
.menu-overlay .container {position: relative;z-index: 100; }
.menurmBTn { padding-top: 10px; }
.menurmBTn a:after {content: ""; display: inline-block; margin-left: 10px;   border: solid #fff;   border-width: 0 2px 2px 0;   display: inline-block;  padding: 3px;   transform: rotate(-45deg);   -webkit-transform: rotate(-45deg); }
.menu-overlay .align { flex-direction: column; align-items: center; justify-content: center; gap: 100px; }
.menu-hams-mob-over-lay {    position: absolute;    top: 21px;    right: 21px;    z-index: 1500;}
#site-logo-mobile img { width: 150px;}  #site-logo-mobile {    width: 100%; position: relative; margin: 0 auto;    z-index: 11000;    text-align: center; }
/* ---------------- menu --------------------- */
.hamburger {width: 36px; }
.hamburger .line {width: 30px;height: 2px;background-color: #974d38;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.menu-overlay.menu-open .hamburger .line { background-color: var(--brandColor);}

.hamburger:hover {cursor: pointer; }
/* ONE */
.hamburger.is-active .line:nth-child(2) {opacity: 0; }
.hamburger.is-active .line:nth-child(1) {-webkit-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); }
/* ONE */
.hamburger.is-active .line:nth-child(3) {-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg); }
/* ------------------------------ */

/* .owl-theme .owl-nav.disabled+.owl-dots { position: absolute; bottom: 40px; width: 100%; text-align: center; } */
.owl-theme .owl-dots .owl-dot span {width: 15px;height: 15px; } 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ccaaa0; }
/* ---------------------- fixed-botom ----------------- */
.fixed-bottom-mobile { z-index: 1500;display: none; opacity: 0; position: fixed;z-index: 12000;bottom: 0;width: 100%;left: 0;padding: 0;background-color: #fff;box-shadow: 0px -2px 5px -2px rgba(0,0,0,0.3); }
.btm-left-btns a:link, .btm-left-btns a:visited {display: flex;align-items: center;height: 100%;position: relative; }
.btm-left-btns span {  font-family: "Poppins", sans-serif;   display: block;padding: 0 25px 0 15px;text-transform: uppercase;line-height: 12pt; }
.btm-left-btns svg {width: 30px;height: auto;fill: var(--color);}
.btm-loc-btn svg {width: 16px;}
.btm-call-btn svg {width: 24px;}
.btm-mail-btn svg {width: 26px;margin-top: 3px;}
.btm-home-btn, .btm-loc-btn, .btm-mail-btn, .btm-call-btn {margin: 0;}
.btm-enq-btn a:link, .btm-enq-btn a:visited {display: block;padding: 20px 20px;background-color: #652600;color: #fff;text-transform: uppercase; font-size: 12pt; line-height: 12pt;}
.booknow-top {display: none; }
.fixed-bottom-mobile .align {position: relative;padding: 15px 30px; }
.btm-enq-btn {position: absolute;right: 0;top: 0; }
.btm-left-btns {width: calc(100% - 0px);padding-right: 120px;justify-content: space-between;
}
/* ---------------------- fixed-botom ----------------- */














.feature-grid, .feat-card-top-left {
  gap: 20px; 
}
.feat-card-left {row-gap: 20px; }

.feat-location, .viewpoints { width: calc(19.5% - 10px);}
.feat-card-left, .card-bottom-left { width: calc(80% - 10px);}
.feat-card-btm-left { width: calc(75.4% - 20px);}
.feat-plantation, .feat-rooms, .featue-activities, .featue-experience, .staycation, .booking { width: calc(50% - 10px);}

.card  { position: relative; color: #fff;}
.card  p { display: block; padding: 30px; position: absolute; width: 100%; top: 0; left: 0; z-index: 100;}
.card h2 { position: absolute; padding: 0 0 30px 40px; left: 0; z-index: 100; bottom: 0; text-align: left;}

.card-bottom { width: calc(100% - 0px); position: relative;}
.viewpoints { position: absolute; bottom: 0; right: 0;}



/* ------------------------------- */

.faq-block { padding-right: 60px; }
.acc-title {  display: flex;  justify-content: space-between;  align-items: center;  cursor: pointer;  padding: 12px; border-bottom: 1px solid #c5bca9; }
.acc-item.active .acc-title  { border-bottom: none;}
.acc-content {  display: none;  padding:0 12px 12px 12px;  line-height: 1.6; border-bottom: 1px solid #c5bca9;}
.acc-content p { font-size: 12pt;}
/* + / − icon */
.icon {  width: 16px;  height: 16px;  position: relative;}
.icon::before, .icon::after {  content: '';  position: absolute;  background: #000;  transition: transform 0.3s ease, opacity 0.3s ease; }
/* horizontal line */
.icon::before {  top: 50%;  left: 0;  width: 100%;  height: 2px;  transform: translateY(-50%);}
/* vertical line */
.icon::after {  left: 50%;  top: 0;  width: 2px;  height: 100%;  transform: translateX(-50%);}
/* open state → minus */
.acc-item.active .icon::after {  opacity: 0; }







.home-banner.owl-carousel .owl-nav button.owl-next { right: 30px;} .home-banner.owl-carousel .owl-nav button.owl-prev { left: 30px;}

.home-banner.owl-carousel .owl-nav button.owl-next, .home-banner.owl-carousel .owl-nav button.owl-prev  { width: 40px; height: 40px; background-size: cover; background-image: url(../images/next-arrow.webp); background-repeat: no-repeat; opacity: 0.5; transition: all 0.5s ease;} 
.home-banner.owl-carousel  .owl-nav button.owl-next span, .home-banner.owl-carousel .owl-nav button.owl-prev span { display: none; }
 .home-banner.owl-carousel .owl-nav button.owl-prev { background-image: url(../images/prev-arrow.webp);}

.home-banner.owl-carousel .owl-nav button.owl-next:hover, .home-banner.owl-carousel .owl-nav button.owl-prev:hover { opacity: 1;}




.owl-theme .owl-dots .owl-dot span { background-color: #e8d9b9; width: 20px; height: 20px; border: 1px solid #fff;}





.hero-caption h1, .hero-caption h2, .explrBtn, .site-logo { opacity: 0; animation: heroFade 8s ease forwards; animation-delay: 0.8s;}
.hero-caption h2 { animation-delay:1s;}

 .site-logo { animation-delay: 0.6s;}
.explrBtn { animation-delay: 1.5s; animation-duration: 1s;}

@keyframes  heroFade {
  to { opacity: 1;}
  
}



.hero-sub-caption h3 { opacity: 0; transform: translateY(50px); animation: heroFadeUp 1s ease-in forwards; animation-delay: 1.4s;}

@keyframes heroFadeUp { 
  to {  opacity: 1; transform: translateY(0px);}
}


.roomimage .owl-dots { position: absolute; bottom: 0;}
.roomimage .owl-carousel .owl-nav button.owl-next { right: 0;}
.roomimage .owl-carousel .owl-nav button.owl-prev { left: 0;}










.home-banner { height: 100%; position: relative; height: 100dvh; height: 100svh;  overflow: hidden;}




.home-banner .owl-stage-outer,
.home-banner .owl-stage,
.home-banner .owl-item,
.home-banner .item {
  height: calc(var(--vh, 1vh) * 100);
}


.home-banner .item img {
  width: 100%;
  height: 100%;

}


.hme-bim picture { background-color: black; height: 100%; position: relative;}







.swiper {
  width: 100%;
}

.child-swiper {
  margin-top: 0px;
}

.swiper-slide {
  box-sizing: border-box;
}


.owl-item.active .hme-bim-first { transform: scale(1.3); animation: firstImgAn 5s ease forwards;}
.owl-item.active .hme-bim-snd, .owl-item.active .hme-bim-trd, .owl-item.active .hme-bim-fourth { transform: scale(1.1); animation: firstImgAn 5s ease forwards;}

@keyframes firstImgAn {


  to {  transform: scale(1); }
  
}


.title-bg { padding-top: 10px;} .stay-wrapp .title-bg { padding-bottom: 20px;}







.feature-grid-nw { position: relative; box-sizing:border-box;border:0;box-shadow:inset 0 0 0 2px #faf8f4; }
.feature-grid-nw:before, .feature-grid-nw:after{content:'';position:absolute;box-sizing:inherit;width:100%;height:100%;}


.draw{transition:color 0.25s;}
.draw:before,
.draw:after{width:0;height:0;border:2px solid transparent;}
.draw:before{top:0;left:0;}
.draw:after{bottom:0;right:0;}

.draw:hover:before,
.draw:hover:after{width:100%;height:100%;}

.draw:hover:before{border-top-color:#60daaa;border-right-color:#60daaa;
transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.draw:hover:after{border-bottom-color:#60daaa;border-left-color:#60daaa;
transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}

.meet:after{top:0;left:0;}
.meet:hover:before{border-top-color:#dfb99e;border-right-color:#dfb99e;}
.meet:hover:after{border-bottom-color:#dfb99e;border-left-color:#dfb99e;
transition:height 0.25s ease-out, width 0.25s ease-out 0.25s;}


.roomimage figure a { position: relative;}
.roomimage figure a:after { content: ""; display: block; width: 100%; position: absolute; left: 0; top: 0; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 100; transition: all 0.5s ease; background-image: url(../images/icon-expand.webp); opacity: 0; background-repeat: no-repeat; background-position: center center;}
.roomimage figure a:hover:after {  opacity: 1;  }