.intro-caption { font-size: 14pt; color: #fff; text-align: center; position: absolute; bottom: 80px; width: 100%;}

#word {
  display: inline-block;
  min-width: 120px; font-weight: 300;  font-family: "Lexend", sans-serif; color: #a47344; text-align: center;
}




#pageLoader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:120000;background-color:var(--dark);
  background-image: url(../images/banner/loader-bg.webp);
  display:flex;justify-content:center;align-items:center}
#pageLoader::before{width:100%;height:100vh;content:'';position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,#783c0a2e 0%,transparent 70%);pointer-events:none}
.stage{display:flex;flex-direction:column;align-items:center;gap:28px;animation:stageFloat 6s ease-in-out infinite}
@keyframes stageFloat { 0%,100%{transform:translateY(0px)} 50%{transform:translateY(-10px)} }
.logo-svg-wrap{position:relative;width:clamp(160px,28vw,320px);aspect-ratio:595.3 / 841.9}
.logo-svg-wrap::before{content:'';position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(ellipse,#c8794138 0%,transparent 70%);animation:haloPulse 3s ease-in-out infinite}
@keyframes haloPulse { 0%,100%{opacity:.6;transform:scale(0.95)}
50%{opacity:1;transform:scale(1.05)} }
.logo-svg{width:100%;height:100%;position:relative;z-index:1;overflow:visible}
  /* ────────────────────────────────────────
     PATH ANIMATIONS
     Strategy:
       1. Draw-on via stroke-dashoffset
       2. Fill fades in after stroke completes
       3. Each path staggers
  ──────────────────────────────────────── */
  /* shared base */
  .logo-svg path {    fill: transparent;    stroke: var(--gold-lt);    stroke-width: 2.5;    stroke-linecap: round;    stroke-linejoin: round;    paint-order: stroke fill;  filter: drop-shadow(0 0 6px rgba(200,121,65,0.0));  }
  /* ── PATH 1 – large outer leaf / body ── */
  .p1 {    stroke-dasharray: 4200;    stroke-dashoffset: 4200;    animation:      drawPath  2.2s 0.3s cubic-bezier(0.4,0,0.2,1) forwards,      fillFade  1.0s 2.1s ease forwards,      glowPulse 3.0s 3.2s ease-in-out infinite;  }
  /* ── PATH 2 – small centre circle/petal ── */
  .p2 {    stroke-dasharray: 900;    stroke-dashoffset: 900;    animation:      drawPath  1.2s 0.3s cubic-bezier(0.4,0,0.2,1) forwards,      fillFade  0.8s 2.8s ease forwards,     glowPulse 3.0s 3.6s ease-in-out infinite;  }
  /* ── PATH 3 – right wing ── */
  .p3 {    stroke-dasharray: 3800;    stroke-dashoffset: 3800;    animation:      drawPath  2.0s 0.8s cubic-bezier(0.4,0,0.2,1) forwards,      fillFade  1.0s 2.5s ease forwards,      glowPulse 3.0s 3.4s ease-in-out infinite;  }
  /* ── PATH 4 – lower petal / stem ── */
  .p4 {    stroke-dasharray: 3200;    stroke-dashoffset: 3200;    animation:      drawPath  1.8s 1.3s cubic-bezier(0.4,0,0.2,1) forwards,      fillFade  1.0s 2.8s ease forwards,      glowPulse 3.0s 3.8s ease-in-out infinite;  }
  /* draw via dashoffset → 0 */
  @keyframes drawPath {    to { stroke-dashoffset: 0; }  }
  /* fill fades from transparent to gold */
  @keyframes fillFade {
    from { fill: transparent; filter: drop-shadow(0 0 0px rgba(200,121,65,0)); }    to   { fill: var(--gold); filter: drop-shadow(0 0 8px rgba(200,121,65,0.35)); }
  }
  /* continuous breathing glow */
  @keyframes glowPulse {
    0%,100% { filter: drop-shadow(0 0 5px rgba(200,121,65,0.25)); }    50%     { filter: drop-shadow(0 0 18px rgba(232,169,106,0.65)); }
  }
  /* ── WORDMARK ── */
  .wordmark {
    display: flex;    flex-direction: column;    align-items: center;    gap: 4px;    opacity: 0;    animation: wordmarkIn 1.2s 2.8s cubic-bezier(0.22,1,0.36,1) forwards;   }
  @keyframes wordmarkIn {
    from { opacity: 0; transform: translateY(16px) letterSpacing; }    to   { opacity: 1; transform: translateY(0); }
  }
  .wordmark__main {
     font-style: italic;    font-weight: 300;    font-size: clamp(22px, 4vw, 42px);    color: var(--cream);    letter-spacing: 0.12em;    line-height: 1;    text-shadow: 0 0 30px rgba(200,121,65,0.4);  }
  .wordmark__main span {    color: var(--gold-lt);  }
  .wordmark__sub {     font-weight: 200;    font-size: clamp(8px, 1vw, 11px);    letter-spacing: 0.45em;    text-transform: uppercase;    color: rgba(232,169,106,0.6);  }

  /* ── ornament line ── */
  .ornament {    display: flex;    align-items: center;    gap: 12px;    opacity: 0;    animation: fadeIn 1s 3.4s ease forwards;  }

  @keyframes fadeIn { to { opacity: 1; } }
  .ornament__line {    height: 1px;    width: clamp(40px, 6vw, 80px);    background: linear-gradient(to right, transparent, var(--gold), transparent);  }
  .ornament__dot {    width: 4px; height: 4px;    border-radius: 50%;    background: var(--gold);    box-shadow: 0 0 8px var(--gold-lt);    animation: dotBreath 2.5s 3.4s ease-in-out infinite;  }
  @keyframes dotBreath {    0%,100% { box-shadow: 0 0 5px rgba(200,121,65,0.5); transform: scale(1); }    50%     { box-shadow: 0 0 14px rgba(232,169,106,0.9); transform: scale(1.4); }  }
  /* ── particle sparks ── */
  .sparks {    position: absolute;    inset: 0;    pointer-events: none;    z-index: 0;  }
  .spark {    position: absolute;    border-radius: 50%;    background: var(--gold-lt);    animation: sparkFloat linear infinite;    opacity: 0;  }
  @keyframes sparkFloat {
    0%   { opacity: 0; transform: translate(0,0) scale(1); }
    15%  { opacity: 0.7; }
    85%  { opacity: 0.2; }
    100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(0.3); }
  }  
.hero{ height:100vh; position: fixed; height: 100vh; width: 100%; top: 0; left: 0; z-index: 120;
}.hero.inactive { z-index: 0;} 
.reveal-wrapper{height:200vh; position:relative; overflow: hidden; width: 100%;} .liquid-mask{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;clip-path: ellipse(30% 40% at 50% 150%);background:#0c0c0c;color:white; }
/* ---------------------------- Page loader -------------------------- */
.hiddenTitle { opacity: 0; width: 0; height: 0; overflow: hidden; font-size: 1pt;}
/* -----------------
 font-family: "Noto Serif", serif;   font-family: "Lexend", sans-serif;
--------------------- */
a img {  display: block; } a {  outline: none; } a:focus-visible {  outline: none; }
a {  text-decoration: none;  outline: none; }
a img {  display: block;  border: 0;  backface-visibility: hidden;  transform: translateZ(0);}

.orange-logo-icon{fill:#F16F11;}.orange-logo-path{fill:#FFFFFF;}
.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:30px 0; --gutter80:40px 0;  --gutter:120px 0; --color:#677a62;
    --gold:    #c87941;
    --gold-lt: #e8a96a;
    --gold-dk: #8a4f20;
    --cream:   #f5ede0;
    --dark:    #0d1208;

} 
.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: "Noto Serif", serif;  font-size: 14pt; letter-spacing: 0px; font-weight: 400; line-height: 24pt; color: var(--color); text-align: justify; background: #fff; width: 100%; overflow: hidden; } p { padding: 5px 0; line-height: 24pt; } 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, .container-small { max-width: 1700px; width: calc(100% - 0px); padding: 0 60px; margin: 0 auto;} .container-large { max-width: 1800px;}
.container-full { width: calc(100% - 0px); max-width: 2000px; margin: 0 auto; padding: 0 20px; }
.container-small { max-width: 1400px; }
.container-sub { max-width: 1500px; margin: 0 auto; padding: 0 20px;} 
.two-column-wrapp { gap: 30px; } .two-column { width: calc(100% - 0px);} .align-center { align-items: center; } .img-radius, .border-radius { border-radius: 35px; 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: 50px; padding-bottom: 50px;} .img-left { float: left; padding-right: 50px; padding-bottom: 40px;} .chbk { padding: 30px; text-align: center; font-size: 20pt;}
.round-img { border-radius: 50%; } 
/* -------------------------- Common   -------------------------- */



/* ---------------------------------  intro animation  ---------------------------------  */
.hme-top-bg,  .intro-bg, .intro-bg-zoom { background-image: url(../images/banner/intro-banner.webp); background-position: top center; background-repeat: no-repeat; background-size: cover;  }
.intro-wrapp { position: fixed; width: 100%; top: 0; left: 0; height: 100svh;    perspective: 1200px; /* enables 3D */ z-index: 150; }
.into-aligner { position: relative; height: 100%; height: 100svh; z-index: 100; }
.intro-image { position: absolute; bottom: 60px; width: 100%;  z-index: 150;  animation: introImage 1s ease forwards; opacity: 0; animation-delay: 2s; text-align: center; }
.intro-image img { width: 80%; max-width: 1400px;  }
@keyframes introImage {      100% {  opacity: 1; }}
.intro-header { position: absolute; width: 100%; left: 0; top: 0;}
.intro-ovrerlay { position: relative; width: 100%; height: 100%;  z-index: 100;}
.intro-align {position: relative; z-index: 150; height: 100%;}
.intro-bg, .intro-bg-zoom { position: absolute; width: 100%; height: 100%; top: 0; left: 0;   will-change: transform; }
.intro-bg-zoom { z-index: 100;  /*animation: introZoom 5s ease forwards;  transform: scale(2); animation-delay: 3.5s; */}
@keyframes introZoom {
    0% { transform: scale(2); opacity: 1; }
    90% { transform: scale(1);opacity: 1; }
    100% { transform: scale(1); opacity: 0; }
}
.intro-top-wrapp { position: absolute; z-index: 1200; top: 0; left: 0; width: 100%;}
.intro-cap {  text-align: center; padding-top: 40px;} .intro-top { padding: 40px 0;}
.hero-wrapp-home {position: relative; z-index: 1500;}

.intro-cap .char {
  opacity: 0;
  display: inline-block;
}

/* ---------------------------------  intro animation  ---------------------------------  */


/* ---------------------------------------- logo shine ------------------------ */


.banner-caption { position: absolute; bottom: 0; width: 100%; left: 0; color: #fff; padding-bottom:80px; z-index: 12000;}
.banner-caption span { display: inline-block; padding-left: 60px;}

.banner-caption-hero { position: absolute; width: 100%; z-index: 150; bottom: 140px; left: 0;}
.banner-caption-hero span { display: block; text-shadow: 2px 2px 6px rgba(0,0,0,0.31); }

.heroSlider, .heroSlider.owl-carousel.owl-drag .owl-item, .heroSlider.owl-carousel.owl-drag .owl-item .item  { position: relative; height: 100svh; }
.heroSlider.owl-carousel.owl-drag .owl-item .item  { background-position: center center; background-size: cover;}
.hero-slide-1 { background-image: url(../images/banner/hero-image-1.webp);}
.hero-slide-2 { background-image: url(../images/banner/hero-image-2.webp);}
.hero-slide-3 { background-image: url(../images/banner/hero-image-3.webp);}
.hide-large { display: none;}


.header-home { opacity: 0; transition: all 0.5s ease; transform: translateY(-80px);} .header-home.fixed { opacity: 1;  transform: translateY(0px);}


.hero-text .line {
  position: relative;
  display: block;
  overflow: hidden;
}

.hero-text .text {
  display: inline-block;
  position: relative;
  z-index: 1;
  color: #fff; /* or your color */
}

.hero-text .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%; /* little extra to fully cover */
  height: 100%;
background: inherit;/* match background */
  z-index: 2;
}




.header-align { padding: 20px 50px; height: 80px; border-bottom: 1px solid rgba(215, 161, 135, 0.5); }
#site-logo { display: block; position: absolute; top: 20px; padding: 0 30px 20px 30px; left: 50px; z-index: 100; width: calc(180px - 0px); }
#site-logo:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 86px; border:  1px solid rgba(215, 161, 135, 0.5); ; border-top: none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fff; } #site-logo img { position: relative; z-index: 300;}
.home-align { padding-top: 140px; background-color: #fff; position: relative; z-index: 1200; }
.header-wrapp { position: absolute; top: 0; left: 0; width: 100%;}
.wel-tr { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.welcome-content { width: calc(470px - 0px);}  .welcome-content-hold { padding: 0 80px;}
.welcome-btm-center { max-width: 600px; margin: 0 auto;} .welcome-bl { position: absolute; left: 0; bottom: 0;} .welcome-btm { padding:60px 0 30px;}
 .hmexplerImg:link, .hmexplerImg:visited { display: block; position: relative; transition: all 0.5s ease;  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0); margin: 2px 2px 10px 5px; }
 .hmexplerImg:hover { box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);}

 .hme-seren-misc-wrapp .align { 
 background-image: url(../images/home-misc-wrapp.webp); background-repeat: no-repeat; background-position: center bottom;  border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; padding-top: 500px; position: relative; padding-bottom: 450px;}

.hme-misc-cnt { width: 300px; color: #fff;}

.hme-seren-misc-wrapp .container { max-width: 1200px;}
.hme-misc-cap { width: 424px; color: #fff; text-align: left !important}

.hme-misc-caption { padding-top: 0px; position: absolute; bottom: -31px; width: calc(100% - 0px); }
.hme-serene-abt, .hme-serene-abt-over h2 { max-width: 1100px; margin: 0 auto; background-color: rgba(255,255,255,0.7); text-align-last:center ; padding: 20px 90px;}
.hme-serene-abt-over { position: absolute; width: calc(100% - 0px); left: 0; bottom: 0;}
.hme-serene-abt-over h2 { border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.5); }

.hme-serene-abt { position: relative; }

.hme-serene-abt:after, .hme-serene-abt:before { content: ""; display: block; position: absolute; width:19px; height: 100%; background-image: url(../images/about-shadow-left.webp); background-repeat: no-repeat; background-position: right top; top: 0; right: -14px; }
.hme-serene-abt:before { right: auto; left: -14px; background-image: url(../images/about-shadow-right.webp);}







.hme-room-item {}
.hme-room-item a:link, .hme-room-item a:visited { display: block; position: relative; width: 100%; }
.hme-room-item figcaption { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 100; padding:20px; }
 .suites-packe-wrapp { padding-top: 100px; background-size: cover; background-image: url(../images/hme-suites-cottages.webp); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}

.suites-packe-wrapp article { width: 420px; padding:30px 0 300px 0}
.hme-dining-top-align { position: relative;}

.dining-top-left, .hme-muti-left { width: calc(50% - 0px); padding-right: 120px; }
.dining-top-left article { padding-right: 200px; padding-left: 80px; padding-bottom: 100px;}
.hme-din-top-img { position: absolute; width: calc(50% - 0px); top: 0; right: 0;}
.hme-dining-wrapp { padding-top: 180px; background-image: url(../images/dining-pattern.webp); background-repeat: no-repeat; background-position: left top;}
.hme-multi-res-wrapp { background-size: cover; background-image: url(../images/hme-multi-cusine-restaurant.webp);  background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }

.hme-muti-left-hold { padding: 120px 80px; background-color: rgba(80,98,76,0.9); color: #fff; text-align-last: center ;}
 .hme-exper-top  { padding-bottom: 50px;}
.hme-exper-slider article { padding-top: 30px; text-align-last: center;} 


.hme-pool-wrapp { background-color: #f1f1db; }

.hme-pool-long-img, .hme-pool-overlay article{ width: calc(50% - 0px);}
.hme-pool-overlay .container { justify-content: flex-end;}
.hme-pool-overlay article{  padding: 0 60px 0 220px; }


.hme-pool-overlay { position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.hme-testi-wrapp {  background-image: url(../images/hme-test-pattern.webp);}
.hme-attractions-wrapp { background-color: #ecefea; }
.hme-attr-gallery { gap: 30;} .hme-att-img { width: calc(50% - 30px);}
.hme-attr-content { width: calc(730px - 0px); padding: 70px; background-color: rgba(80,98,76,0.9); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align-last: center ;  }
.btm-caption { padding: 60px 0 80px 0;}
.footer-wrapp { position: relative; z-index: 1000; padding: 60px 0; background-color: #202e1b; color: #cbcbc3; background-image: url(../images/footer-image.webp); background-position: center center;}
.fc { display: block; font-size: 10.5pt; text-transform: uppercase; padding-bottom: 5px;} .foot-call-block  { row-gap: 15px; flex-direction: column;}
.foot-call, .foot-mail, .foot-gall { line-height: 22px; font-size: 14pt;}
.foot-call-block { padding: 25px 0;}
.footer-menu a:link, .footer-menu a:visited, .footer-wrapp a:link, .footer-wrapp a:visited { color: #cbcbc3;}
.footer-address figure { padding-bottom: 15px;}
.cpr-wrapp { padding-top: 35px; margin-top: 40px; border-top: 1px solid #575e4f;}
.foot-call, .foot-mail, .foot-gall { background-image: url(../images/icons/f-call.webp); background-repeat: no-repeat; background-position: left center; padding-left: 50px;} .foot-mail { background-image: url(../images/icons/f-mail.webp);} .foot-gall { background-image: url(../images/icons/f-gall.webp); }

.explore-btn { position: absolute; z-index: 10000; bottom: 40px; left: 50%; transform: translateX(-50%);}

.explore-btn  a:link, 
.explore-btn a:visited { color: #fff; font-weight: 200; font-size: 9.5pt; letter-spacing: 2pt; text-transform: uppercase; }
.hero-wrapp-home { padding-top: 40px;} .hme-pool-overlay figure { padding-bottom: 25px;}





/* ----------- sub pages ----------------- */
.header-sub { position: fixed; top: 0; left: 0; z-index: 12000; background-color: #fff;}
.sub-page-wrapp { padding:100px 0;} .page-title { padding-bottom: 15px; border-bottom: 1px solid #cccccc;}
.page-content { padding: 50px 0 0 0;}
.overview-top-cnt  { }
.overview-img-1 { position: absolute; left: 0; }
.overview-img-1, .overview-img-2 { width: calc(480px - 0px);}
.overview-top-cnt { padding-top:30px; padding-left: 580px; padding-right: 80px;}
.overview-mid-cnt { padding: 60px 580px; position: absolute; top: 0;}
.overview-btm-cnt { padding-top: 60px; padding-right: 560px; position: absolute; bottom: 0; padding-left: 80px;}
.overview-contnt-image-text { justify-content: flex-end; margin-top: 80px;}
/* ----------- sub pages ----------------- */

/* ----------- accommodation ----------------- */
.rooms-landing { gap: 60px; row-gap: 50px; padding-top: 60px;}
.room-land-blk { width: calc(50% - 30px); position: relative;}
.room-land-blk figure { padding:20px 0 30px 0;}

/* ----------- accommodation ----------------- */
/* ----------- facilites ----------------- */
.top-content, .middle-content {  max-width: 1000px; margin: 0 auto; padding-bottom: 80px; }
 .middle-content { padding-bottom: 30px;}
.facili-item-block { padding: 80px 0; }
.facili-item-block article { padding-bottom: 50px;}
.grey-bg { background-color: #ecefea; } 
.two-column-wrapp { gap: 50px;} .two-column { width: calc(50% - 25px);}
.fac-gall-two { padding: 0 0 50px 0;}
.second-para { padding-top: 30px; }
.facil-campfire-blk { padding: 60px 0 60px; flex-direction: row-reverse; }

/* ----------- facilites ----------------- */

/* ----------- contact page ----------------- */
.contact-wrapp {    padding: 0px;    border: 1px solid #e7e9e5; }
.gmap, .contact-wrapp .align {    position: relative; }
.contact-address {    position: absolute;    left: 0;    padding: 50px;    width: 650px; }
.contact-address p {    margin: 10px 0; text-align: center;}
.contact-address figure {    padding-bottom: 20px;}
.gmapWrapp {    padding-left: 650px;    width: calc(100% - 0px);}
.gmap {    height: 600px;}
.gmap iframe {    position: absolute;    left: 0;    top: 0;    width: 100%;     height: 100%; }
.contact-logo {    text-align: center;}
.contact-logo img {     width: 130px; }
/* ----------- contact page ----------------- */
/* ----------- Testimonials page ------------------ */
.testi-pg-block { padding: 30px; text-align: center; width: calc(50% - 0px);}
.testi-pg-block .quote-first { padding-left: 50px;} .testi-pg-block .quote-last { padding-right: 40px;}
.testi-pg-block .quote-first, .testi-pg-block .quote-last { display: inline-block; position: relative; } 

.testi-slider-block::before, .testi-slider-block::after, .testi-pg-block .quote-first::before, .testi-pg-block .quote-last:before {
    content: "";
    display: block;
    position: absolute;
    left: -70px;
    top: 15px;
    background: url(../images/icons/quote-left.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 60px;
    height: 46px;
}

.testi-pg-block .quote-first::before, .testi-pg-block .quote-last:before { content: ""; display: inline-block; width: 35px; height: 30px; background-position: top center; left: 3px; top: -5px; }
.testi-pg-block .quote-last:before  { left: auto; right: -3px;  background:url(../images/icons/quote-right.webp); background-size: 100% auto; background-repeat: no-repeat  }
.testi-pg-block p { line-height: 30pt;}

.testi-pg-block .guestName span { background-image: url(../images/welcome-pattern.webp);  background-repeat: no-repeat;}
.hme-testti-wrapp .widget-title h2  { padding-bottom: 5px;}
.guestName { font-size: 22pt; padding-top: 20px; position: relative; }
.guestName::before { content: ""; display: block; width: 100%; position: absolute; left: 0; top: 33px; width: 100%; height: 1px; background-color: #dfcba8; }
.guestName span { position: relative; z-index: 100; background-color: #fff; display: inline-block; padding: 0 20px;}
.testi-pg-block .guestName { font-size: 20pt;}
/* ----------- Testimonials page ------------------ */





/* ----------- single room ----------------- */
.sub-banner-room { padding-top: 100px;}
.room-menu ul { justify-content: center;}
.room-menu a:link, .room-menu a:visited { padding: 12px 20px; color: #0f0f0f; font-size: 15pt; position: relative;}
.room-menu a:after { content: ""; display: block; width: 1px; height: 15px; background-color: #0f0f0f; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.room-menu a.active:link, .room-menu a.active:visited { background-color: #e9d8c5 }
.room-menu a.active::after, .room-menu li:last-child a::after { display: none;}
.room-name-blk, .room-content, .room-gallery { padding: 50px 0;} 
.room-det-quick ul { justify-content: center; gap: 80px;}
.room-det-quick li { display: flex; align-items: center; gap: 10px; color: #82755e;  }
.room-amen-list li { width: calc(50% - 0px); display: block; position: relative; padding-left: 18px;  color: #88a27b; margin: 12px 0; }
.room-amen-list li:before { content: ""; display: block; width: 6px; height: 6px; background-color:#88a27b; border-radius: 50%; position: absolute; left: 0; top: 14px;}

.room-gallery ul { gap: 15px; justify-content: center;}
.room-gallery li { display: block; width: calc(25% - 15px);}



/* ----------- single room ----------------- */


.hme-testi-wrapp .container { max-width: 1000px;}





.hme-exper-wrapp,  .hme-seren-misc-wrapp, .hme-serene-about-wrapp, .suites-packe-wrapp, .hme-exper-wrapp, .hme-testi-wrapp, .hme-attractions-wrapp  { padding: var(--gutter);} .overview-btm-image { padding:100px 0 50px 0;}
.welcome-top, .hero-wrapp-home, .home-align, .header-align, .welcome-btm, .hme-serene-about-wrapp figure, .hme-room-item figure, .hme-room-item,
.hme-pool-wrapp .align, .hme-attr-gallery, .overview-content-wrapp, .overview-content-holder, .overview-contnt-image-text { position: relative;}
.btm-stay-wrapp, .sub-exper-wrapp  { padding: 100px 0;}
.btm-stay-wrapp { background-color: #f8f8f0 }
.sub-exper-wrapp  { 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f6f3+0,ffffff+13 */
background: linear-gradient(to bottom,  rgba(244,246,243,1) 0%,rgba(255,255,255,1) 13%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}



.hme-room-item figure { position: relative;}
.hme-room-item figure::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0+58,0.82+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 58%,rgba(0,0,0,0.82) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}



.header-right { position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
.exper-item article { padding-top: 20px;}

.welcome-top { padding-bottom: 60px;} .welc-icon { padding-bottom: 40px;}
.hme-seren-misc-wrapp { padding-bottom: 0;} .hme-seren-misc-wrapp { padding-top: 0;}
.hme-seren-misc-wrapp,  .hme-dining-top-align, .hme-multi-cusine-align, .hme-pool-wrapp .align { max-width: 2000px; margin: 0 auto; }
.hme-exper-top { max-width: 1100px; margin: 0 auto;}

.hme-exper-wrapp, .dining-gallery  {padding-top: 60px;}
.hme-exper-wrapp { padding-top: 120px;}

.footer-menu { display: flex;}

.footer-menu ul { width: calc(200px - 0px);}
.footer-menu li { display: block; margin: 4px 0;}



/* --------------------- All tilte ---------------- */
h1, h2, h3, h4 { letter-spacing: 3pt;  font-weight: 500}
.intro-cap h1 {     font-size: 34pt;
    line-height: 44pt;  }
/* .intro-cap h1 span { font-size: 64pt; line-height: normal; text-transform: uppercase; } */
.banner-caption h2 { font-size: 34pt; line-height: 48pt;  }
.suites-packe-wrapp h3, .welcome-head, .hme-pool-overlay h3 { font-size: 30pt; line-height: 46pt; letter-spacing: 1pt; }
.welcome-content  p { font-size: 14pt; line-height: 26pt;}
.widget-title { font-size: 32pt; line-height: 40pt; padding-bottom: 50px; }
.dining-top-left .widget-title { padding-bottom: 15px;}
.widget-title span { display: block; font-size: 16pt; padding-bottom: 10px; line-height: 16pt;}
.hme-misc-cap, .hme-serene-abt-over h2 { font-size: 30pt; line-height: 48pt;}
.hme-misc-caption {color: #fff; text-align: center;  text-transform: uppercase; }
.hme-misc-caption h2 { font-size: 9vw;  line-height:1.1; }

.hme-serene-abt-over  { }
.hme-room-item figcaption { color: #fff; text-transform: uppercase;}
.suites-packe-wrapp h3 { padding-bottom: 20px;}
.suites-packe-wrapp p, .hme-room-item .room-name { font-size: 18pt; line-height: 30pt; font-weight: 500;} 
.suites-packe-wrapp p { font-size: 14pt; line-height: 26pt; font-weight: 500;} 

.over-kmnr { font-size: 11pt;}
.hme-din-top-img figcaption { padding: 70px 0 0 0; text-align: center; color: #677a62; font-size: 36pt; line-height: 46pt; font-style: italic;  letter-spacing: 6pt; }
.hme-muti-left-hold h3 { padding-bottom: 30px; font-size: 28pt; line-height: 36pt; }
.hme-exper-top h3 { font-size: 30pt; padding-top: 40px; color: #c6c1b9; letter-spacing: 5pt; font-weight: 500; }
.footer-wrapp { font-size: 12pt; }
.btm-caption h2 { color: #82755e; opacity: 0.5; font-size: 30pt; line-height: 46pt; letter-spacing: 4pt; }
.hme-exper-slider article h4 { font-size: 16pt; } .hme-exper-top .widget-title { padding-bottom: 20px;} 
.intro-cap h1 { color: #fff;} .intro-cap h1 { font-weight: 300;} .intro-cap h1 span, .welcome-head { font-weight: 400;}
.suites-packe-wrapp h3 { font-style: italic;}
.hme-pool-overlay h3 { padding-bottom: 25px;}
.page-title h1 { font-size: 36pt; line-height: 46pt; color: #454446; font-weight: 400;}
.land-room-name { color: #0f0f0f; font-size: 22pt; background-image: url(../images/icons/room-arrow.webp); background-repeat: no-repeat; background-position: right 10px; }
.highlight-text { padding: 20px 0 30px 0 ;}
.banner-caption-hero h2 { font-size: 36pt; line-height: 36pt;text-align: center; }


.facili-item-block .highlight-text { padding: 80px 50px;}
 .imp-text  {  font-size: 20pt; line-height: 30pt; }
.top-content p, .middle-content p {  font-size: 18pt; line-height: 30pt;}
.page-caption { padding: 30px 0; font-size: 26pt; line-height: 40pt; font-style: italic; font-size: 300;}
.room-name { font-size: 26pt;}
.amen-title { color: #0f0f0f; font-family: 20pt; font-weight: 400; padding-bottom: 15px; margin-bottom: 15px; border-bottom:1px solid #cccccc; font-style: italic; }
.facili-item-block h3 { font-size: 24pt; padding-bottom: 15px; }
.facil-caption { font-size: 20pt; font-style: italic; padding-bottom: 30px; text-align: center;}

/* --------------------- All tilte ---------------- */ 
.rm-bbk-btn { position: absolute; top: 25px; z-index: 150; right: 0;}
.rm-bbk-btn a:link, .rm-bbk-btn a:visited { display: block; background-color: #652600; padding: 10px 20px; color: #fff; }
.accom-btn { padding-top: 40px;}
.accom-btn a:link, .accom-btn a:visited { display: block; border: 2px solid #d1d150; text-transform: uppercase; padding: 10px 0px; width: 220px; font-weight: 500; text-align: center;}
.hme-muti-left-hold a:link, .hme-muti-left-hold a:visited { color: #fff; font-size: 11pt; display: block; padding: 30px 0 60px;}
.hme-plc-btn { padding-top: 30px; text-align: center;}
.hme-plc-btn a:link, .hme-plc-btn  a:visited { display: inline-block; padding: 15px 30px; background-color:#d1d150; text-transform: uppercase; color: #394636; letter-spacing: 3px; font-size: 12pt;}
.top-book-now-btn a:link, .top-book-now-btn a:visited, .intro-book a:link, .intro-book a:visited  { display: block; position: relative; text-transform: uppercase; font-size: 10.5pt; padding: 2px 45px 2px 25px; border: 1px solid #f3e4dc; border-radius: 20px;}
.top-book-now-btn a:after, .intro-book a::after { content: ""; display: block; background-image: url(../images/icons/book-icon.webp); background-repeat: no-repeat; width: 14px; height: 12px; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); }
.top-whats svg, .top-whats-intro svg { width: 18px; fill:#fff}
.top-whats { margin-left: 10px;} .top-whats a:link, .top-whats a:visited, .top-whats-intro a:link, .top-whats-intro a:visited { display: flex; justify-content: center; align-items: center; background-color: #24cc63; width: 37px; height: 37px; border-radius: 50%;  }
.top-whats-intro a:link, .top-whats-intro a:visited { background-color: transparent; border: 1px solid #fff;}
.book-now-btn a:link, .book-now-btn a:visited{ display: block; padding: 5px 30px; border: 1px solid #d1d150; font-size: 11pt;}

.explore-trigger { background-color: transparent; color: #fff; border: none; text-transform: uppercase; letter-spacing: 2pt;}
.explore-trigger, .explore-trigger-0 { padding-top: 50px;}
.explore-btn::after { content: ""; display: block; width: 1px; height: 50px; background-color: rgba(255,255,255,0.5); position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.explore-btn::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255,255,255,1); left: 50%; top: 0; transform: translate(-50%, 0);  position: absolute;
animation: explAnim 2s ease infinite; opacity: 0;
}

@keyframes explAnim {
0% { opacity: 0; transform: translate(-50%, 0);}
20% { opacity: 1; }
60% { opacity: 1; }
100% { opacity: 0; transform: translate(-50%, 40px);}
}
.intro-book { position: absolute; left: 30px;}
.intro-book a:link, .intro-book a:visited { border: 1px solid rgba(255,255,255,0.4); color: #fff; padding: 10px 45px 10px 25px; font-weight: 200; }
.top-book-now-btn a:after, .intro-book a::after { background-image: url(../images/icons/book-icon-white.webp); }
.header-wrapp .top-book-now-btn a:after { background-image: url(../images/icons/book-icon.webp); }


.top-whats-intro {opacity: 0.5; position: absolute; top: 30px; right: 30px;}
.rm-btn a:link, .rm-btn a:visited { display: block; padding-top: 15px; color: #fff; text-transform: uppercase; font-size: 11pt; letter-spacing: 1px; }
.rm-btn span { display: inline-block; padding-bottom: 2px; position: relative;}
.rm-btn span::after { content: ""; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0;}

.rm-btn-dark a:link, .rm-btn-dark a:visited { color: #6a7c66; }
.rm-btn-dark span::after { background-color: #6a7c66; }
.testim-btn { width: 250px; text-align: center; text-transform: uppercase; margin: 40px auto 0 auto;}
.testim-btn a:link, .testim-btn a:visited { display: block; border: 1px solid #d3cf52; font-size: 11pt; padding: 10px 0;}

.hme-plc-btn, .explore-btn, .header-right, .book-now-btn, .intro-book, .rm-btn, .testim-btn, .over-kmnr, .rm-bbk-btn a:link, .rm-bbk-btn a:visited  {   font-family: "Lexend", sans-serif; }
/* ------------- primary menu ------------- */
.primary-menu {  position: absolute; left: 130px;  z-index: 1500; width: calc(1136px - 0px); left: 50%; transform: translateX(-50%); } .primary-menu li { display: inline-block; padding: 0;}   
.primary-menu ul, .resorts-sing-menu ul {margin: 0px;padding: 0px;list-style-type: none;position: relative; }
.primary-menu ul li {display: inline-block; position: relative; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { 
  letter-spacing: 1px;  display: block; text-transform: uppercase; padding: 25px 17px; font-size: 12pt; line-height: 14pt;   font-weight: 400; color: #000; letter-spacing: 1px;    }
.primary-menu ul li a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited {  color:#171514;  }
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul {position: absolute;min-width: auto;width: 250px;display: none; opacity: 0; box-shadow: 3px 3px 35px 0px rgba(0,0,0,0.45);  background:#fff; border-radius: 4px;  left: 0px;   }
.primary-menu ul li.dpMenu ul::before, .resorts-sing-menu ul li.dpMenu ul::before { content: ""; display: block; position: relative; z-index: 120; 
  width: 0px;   height: 0px;  border-style: solid;  border-width: 0 9px 16px 9px;  border-color: transparent transparent #fff transparent;  transform: rotate(0deg); transform: translate(30px, -15px); display: none} 
.primary-menu ul li.dpMenu-small ul, .resorts-sing-menu ul li.dpMenu-small ul,
.primary-menu ul li.dpMenu-small ul li a, .resorts-sing-menu ul li.dpMenu-small ul li a   { width: 190px; }
.primary-menu ul li.dpMenu ul li, .resorts-sing-menu ul li.dpMenu ul li {display: block;  color: #000; }
.primary-menu ul li.dpMenu ul li:last-child a,  .resorts-sing-menu ul li.dpMenu ul li:last-child a { /* border: none !important; */ }
.primary-menu ul li.dpMenu:hover ul, .resorts-sing-menu ul li.dpMenu:hover ul {display: flex; flex-wrap: wrap;  animation: mymove 0.5s forwards; animation-delay: 0.2s; opacity: 0; transform: translateY(-2px);} 
@keyframes mymove { 0% { opacity: 0; transform: translateY(15px); } 100% {opacity: 1; transform: translateY(-2px); } }
.resorts-sing-menu ul li ul { padding: 30px 0 !important;  }
.primary-menu ul li .dpMenu:hover ul li, .resorts-sing-menu ul li .dpMenu:hover ul li { transition: all 0.5s ease; transform: translateY(100px); opacity: 1; padding: 60px; }
.primary-menu ul li ul li ul {display: block !important; }
.primary-menu ul li ul li a, .resorts-sing-menu ul li ul li a {width: calc(100%  - 0px); text-transform: uppercase;  padding:16px 20px !important; border-bottom: var(--border); border-color: rgba(134, 102, 57, 0.2);; text-align:  left; }
.primary-menu ul li ul li.subDpMenu ul { display: none !important; }
.primary-menu ul li ul li.subDpMenu:hover ul { display: block !important; right: -196px; top: 40px;}
.dpMenu ul li a:link, .dpMenu ul li a:visited { color:var(--color) !important; letter-spacing: 0.5px;  font-size: 13px !important; }
.dpMenu ul li a:link span, .dpMenu ul li a:visited span { color:var(--color) !important; text-transform: capitalize;}
.resorts-sing-menu ul li ul.valle-dpM { margin-top: 20px !important;}
.primary-menu ul li .dpMenu:hover ul li, .resorts-sing-menu ul li .dpMenu:hover ul li { display: none !important; opacity: 0 !important; background-color: red;}
.primary-menu ul li.dpmenuHotel ul li { padding: 0 !important;}
.primary-menu ul li.dpmenuHotel ul li a:link, .primary-menu ul li.dpmenuHotel ul li a:visited { padding: 2px 0 2px 40px !important; display: block; width: calc(100% - 0px); text-transform: uppercase; }
.primary-menu ul li.dpmenuHotel .hote-res-hd { padding-left: 0 !important; }
.primary-menu ul li.dpmenuHotel ul li { display: block;}
.nav-hotel-menu { top: 47px; }
.primary-menu ul li ul li a:link, .primary-menu ul li ul li a:visited {  font-size: 10.5pt !important; }
.primary-menu ul li.dpmenuHotel ul li a:hover, .hote-res-menu a:hover { color: #fff !important }
.primary-menu ul li ul li a:link, .primary-menu ul li ul li a:visited, .primary-menu ul li.dpmenuHotel ul li a:link, .primary-menu ul li.dpmenuHotel ul li a:visited, .hote-res-menu a:link, .hote-res-menu a:visited  {   text-transform: uppercase;  text-align: left }
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul { padding: 10px 0 0 !important }
.primary-menu ul li ul li:hover .menu-images-epoxy, 
.primary-menu ul li ul li:hover .menu-images-grouting,
.primary-menu ul li ul li:hover .menu-images-fitting { opacity: 1; z-index: 100;}
.primary-menu-full ul li a:link, .primary-menu-full ul li a:visited { font-size: 11.5pt; font-weight: 500;}
.primary-menu ul li.dpMenu ul li { width: calc(100% - 0px); display: block;}
/* ------------- primary menu ------------- */
/* -------------------------------------- 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; flex-direction: column; justify-content: center; text-align: center;}

.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: 120000;transform: translateX(-100%);transition: all 0.2s ease;top: 0; left: 0; visibility: hidden; }

.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.2);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); visibility: visible; }
.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: 15000;}


.menu-hams-mob { position: absolute; right: 0; top: 2px;} .header-btns { padding-right: 50px;}

/* ---------------- menu --------------------- */
.hamburger {width: 36px; }
.hamburger .line {width: 30px;height: 2px;background-color: #6f7272;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 ----------------- */
/* ------------------------------ Gallery --------------------------- */
.gallery-menu {     border: 1px solid #d1c8bd;    border-left: none;    border-right: none; }
.gallery-menu ul {    justify-content: center;}
.gallery-menu a:link, .gallery-menu a:visited {    display: block;    padding: 15px 10px 15px 10px;    text-transform: uppercase; font-size: 10pt; letter-spacing: 2px;}
.gallery-menu a.active:link, .gallery-menu a.active:visited {    font-weight: 600;    background-color: rgba(0,0,0,0.1); }
.gallery-block {    padding-top: 40px; }
.gallery-block ul {    gap: 15px; }
.gallery-block li {    display: block;    width: calc(25% - 15px);}
.video-gallblk {    width: 1000px;    margin: 0 auto;}
.video-gallery-block, .downloads-wrapp {    padding-top: 50px;}
.down-eb-cn {    padding: 50px 25px;    border: 1px solid #f4f1e8;    max-width: 400px;    margin: 0 auto;}
.down-eb-cn-img img {    width: 110px;}
.down-icon table {    width: 100%;    padding: 5px 20px;    background-color: #ededed;}
.down-eb-cn-img {    text-align: center;    padding-bottom: 30px; }
/* ------------------------------ Gallery --------------------------- */


.fullLink:link, .fullLink:visited { display: block; position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 150; }
.no-space-btm { padding-bottom: 0;} .no-space-top { padding-top: 0;}






.places-block { padding: 50px 0; border-bottom: 1px solid rgba(0,0,0,0.2);}
.small-title { font-size: 18pt; }
.places-block figure, .places-block article { width: calc(50% - 0px);} 
.places-block article { padding-left: 60px; } 
.places-block:nth-child(odd) { flex-direction: row-reverse; }
.places-block:nth-child(odd) article { padding-left: 0px; padding-right: 60px; }
.places-block:first-child { padding-top: 0;} 


.booking-form { border: 1px solid #ebeae9;}

.booking-form .form-control  { border-bottom: 1px solid #ebeae9;}


.heroSlider.owl-theme .owl-dots { position: absolute; bottom: 30px; width: 100%; }
.heroSlider.owl-theme .owl-dots .owl-dot.active span, .heroSlider.owl-theme .owl-dots .owl-dot:hover span {
    background: #d96715;
}



.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { background-image: url(../images/icons/arrow-left.webp); background-repeat: no-repeat; width: 45px; height: 45px; background-size: cover; color: rgba(255,255,255,0); }
.owl-carousel .owl-nav button.owl-next span { background-image: url(../images/icons/arrow-right.webp);}

.owl-carousel .owl-nav button.owl-next span:hover, .owl-carousel .owl-nav button.owl-prev span:hover { color: rgba(255,255,255,0) !important; }