/* -----------------
  font-family: "Gilda Display", serif;
--------------------- */
.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:#37271b;   --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: "Gilda Display", serif;     font-size: 16pt; letter-spacing: 1px; font-weight: 400; line-height: 24pt; color: var(--color); text-align: justify; background: #fff; width: 100%; overflow: hidden; } p { padding: 10px 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 { max-width: 1600px; width: calc(100% - 0px); padding: 0; 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: 1500px; 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: fixed; top: 0; left: 0; z-index: 1200; width: 100%; transition: all 0.5s ease;   }
.header-wrapp.header-fix { }
.header-home-page { position: fixed; top: 40px; left: 0; width: calc(100% - 80px); margin: 0 40px; z-index: 12000; justify-content: center;}
.site-logo-home { display: block; width: calc(130px - 0px); }
.header-wrapp .align { position: relative; width: calc(100% - 0px);  position: relative; background-color: #fff;  }
.header-wrapp .align:after { content: ""; display: block; position: absolute; bottom: -10px; width: 100%; height: 10px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.26+1,0+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: 0;  transition: all 0.5s ease;
}

.site-logo { display: block; border-radius: 50%;  transition: all 0.5s ease; width: 230px;  margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); top: 15px; padding: 0 60px 30px 60px; z-index: 150; } .site-logo img { position: relative; z-index: 100;}
.site-logo:after, .site-logo::before { content: ""; display: block; position: absolute; width: 100%; background-color: #fff; height: 100%; top: 0; left: 0;    border-bottom-left-radius: 110px;   border-bottom-right-radius: 110px; }
.site-logo::before { top: 10px; 


background: linear-gradient(to bottom,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: 0; transition: all 0.5s ease;

}

.header-wrapp.header-fix .align:after,.header-wrapp.header-fix .site-logo::before { opacity: 1;}


.hero-wrapp { padding-top: 0; background-color: var(--brandColor);}
.hero-wrapp { position: relative; height: 100vh; height: 100dvh; background-image:url(../images/banner/hero-img-1.webp); background-position: center center; background-size: cover; }
 .home-banner {    height: 100vh;     height: 100dvh;     width: 100vw;  /* 100% of the viewport width */  }
.home-banner img {  width: 100%;      height: 100%;     object-fit: cover; }
.home-header {  display: block;   opacity: 0;  visibility: hidden; }
.show-menu {  opacity: 1;  visibility: visible; }
.home-header .align {  transform: translateY(-30px);  opacity: 0;  transition: transform 0.5s ease, opacity 0.5s ease;  transition-delay: 0.1s; }
.home-header.show-menu .align {  transform: translateY(0);  opacity: 1;}
.header-home-page {opacity: 1; transition: all 0.5s ease; visibility: visible;  transition-delay: 0s;}
.hide-menu { visibility: hidden; opacity: 0;}
.hero-sub-caption, .hero-caption { position: absolute; z-index: 1200; width: 100%; text-align: center; top: 400px;}
.hero-sub-caption { top: auto; bottom: 100px;}
.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;}
.welcome-content-wrapp { background-image: url(../images/welcome-bg.webp); background-repeat: no-repeat; background-position: center 0px; background-size: 1400px 726px;}
.hme-accom-wrapp { background-image: url(../images/hme-accom-bg.webp); background-repeat: no-repeat; background-position:center top; }
.hme-dining-bg, .home-expe-align { position: relative;} .hme-dining-bg, .hme-dining-img { width: calc(52% - 0px); } 
.hme-dining-img  { position: absolute; right: 0; top: 0;} 
.hme-dining-bg article { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; text-align: center;}
.listing li { text-align: left !important; } 
.accom-content-block { gap: 90px; text-align-last: center; } .hme-accom-left, .hme-accom-right { width: calc(50% - 90px);}
.hme-experience-wrapp, .hme-cerini-wrapp, .footer-wrapp  { background-color: #e2dabf }
.hme-cerini-wrapp .align { position: relative; background-image: url(../images/cerinity-image.webp); background-position: center center; background-attachment: fixed; min-height: 800px; background-position: center center; margin: 0 40px; width: calc(100% - 80px);}
.hme-test-wrapp { background-image: url(../images/testimonials-bg.webp);}
.hme-test-cnt, .hme-test-image, .fotmenu-left, .fotaddress-right, .hme-accotpl-cnt p
{ width: calc(50% - 0px);}  .hme-test-cnt { padding:0 80px 80px 80px;}
.hme-test-wrapp .container-sub .align { position: relative; justify-content: flex-end; margin-top: 20px;}  .hme-test-image { position: absolute; left: 0; bottom: 0; padding-right: 60px; }
.footer-wrapp { background-image: url(../images/footer-bg.webp); background-repeat: repeat-x; background-position: top center;}
.footer-top-align { justify-content: center; position: relative;}
.ftp-left, .ftp-right {  width: calc(50% - 0px); position: absolute; left: 0;} .ftp-right { left: auto; right: 0; padding-left: 180px; } .ftp-left { text-align: right; padding-right: 180px;} .footer-logo { width: 110px;}
.footer-top { padding-bottom: 80px;}
.foot-menu.flex-container { justify-content: left;} .foot-menu ul { padding-right: 60px;}
.foot-menu-q-link { width: 450px;}
.fotaddress-right address { text-align: left;}
.fotaddress-right { padding-left: 60px;}
.hme-accoBtm-cnt {  text-align: right; padding-bottom: 90px;}
.welcome-cnt { max-width: 1000px; margin: 0 auto; padding-bottom: 100px;}
.welcome-cnt { text-align-last: center; }
.exlr-btn { position: absolute; bottom: 50px; z-index: 500; left: 50%; transform: translateX(-50%);  } .exlr-btn a:link, .exlr-btn a:visited { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 11pt;  }
.hme-break-wrapp { background-image: url(../images/hme-astara-rom-bg.webp);  background-position: center top; background-repeat: no-repeat; background-color: #d0d8dd;  padding-top: 100px; }
.astara-text-image { padding-top: 150px; text-align: center;} .hme-astara-experience .aling { position: relative;} .hme-astara-experience { background-color: #e2dabf }
.cpr-wrapp {padding: 40px 0; background-color: rgba(34,36,21,0.5); } .footer-address-menu-wrapp {padding-bottom: 50px;}
.hme-astara-experience .align { position: relative;}  .page-title { padding-bottom: 50px; border-bottom: 1px solid #d3d4d5;} .sub-content-wrapp { padding-top: 50px;}
.overview-text-block { width: calc(55% - 0px); padding-right: 80px;} .overview-video { width: calc(45% - 0px);} .overview-content-block article { padding: 15px 0;}
.about-experience-block .align { position: relative; padding-bottom: 550px;} .about-expe-caption { position: absolute; top: 0; z-index: 100; width: calc(100% - 0px);}
.about-expe-caption article { width: 900px; margin: 0 auto;} .experience-btm {position: absolute; bottom: 0; width: 100%;} 
.expe-btm-content, .experience-btm figure { width: calc(50% - 0px);}  .expe-btm-content { padding: 0 80px;}
.experience-btm .container-sub { align-items: flex-end;}  .page-bttom-slide-wrapp, .accomm-land-btm { background-color: #e1d9bf;}
.accomm-land-btm { position: relative;} .accomm-land-btm::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 200px; background-color: #fff; } .accomm-land-btm img { position: relative; z-index: 100;} 
.room-slide-img, .room-slide-img { position: relative;} 
.room-slide-img h3 { position: absolute; bottom: 0; left: 0; width: 100%;}
.roomslide-align { position: relative;} .roomslide-align::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
.welcome-banner figure { position: relative;} .welcome-banner figure::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; background-color: rgba(9,46,72,0.14);}
.accom-land-blk figure { width: calc(55% - 0px);} .accom-land-blk { position: relative;}
.acc-land-cnt { width: calc(50% - 0px); padding: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #efeada; z-index: 100; text-align: center;}
.btn-grp  { justify-content: center; gap: 10px; padding-top: 15px;} .accom-land-blk-even { justify-content: flex-end;} .accom-land-blk-even .acc-land-cnt { right: auto; left: 0;} .accom-land-blk { margin: 20px 0 50px 0;} 
.slide-room-name {position: absolute; top: 50px; left: 50px; z-index: 100;} .slide-btn-grp { position: absolute; bottom: 50px; right: 50px; z-index: 100; gap: 10px;}
.rooms-menu ul { gap: 10px; justify-content: center; padding-bottom: 50px;}
.rooms-menu li { display: block;} .rooms-menu a:link, .rooms-menu a:visited { display: block; padding: 10px 30px 8px 30px; font-weight: 600; text-transform: uppercase; font-size: 12pt; transition: all 0.5s ease;  }
 .rooms-menu a.active:link, .rooms-menu a.active:visited,  .rooms-menu a:hover { background-color: #efe6d6; border-radius: 20px;}
.room-single-content article { max-width: 1000px;  margin: 0 auto; padding: 50px 0;}
.highlights-wrpp { background-color: #f3f0e5; }
.highlights-wrpp figure, .highlight-cnt { width: calc(50% - 0px);}
.highlight-cnt { padding: 45px 80px; } .room-fail-wrapp  { padding: 60px 0;} .places-block { padding: 50px 0; border-bottom: 1px solid rgba(0,0,0,0.2); }
.room-gallery ul { gap: 16px; justify-content: center; padding-bottom: 60px; } .room-gallery li { display: block; width: calc(25% - 16px);}
.facili-dining { gap: 60px;} .fac-din-main-img, .fac-din-content { width: calc(50% - 30px);} .fac-din-content { flex-direction: column; }
.fac-din-gall, .facili-content-group ul, .facil-three-column ul { gap: 40px; justify-content: center;}
.facili-content-group li, .fac-din-gall figure { width: calc(50% - 20px); } .facili-content-group { padding: 60px 0;}
.facil-three-column li { display: block; width: calc(33.333% - 30px);} .facil-nignt-sky figure { position: relative;}
.facil-nignt-sky figure::after { content: ""; display: block; width: 100%; left: 0; top: 0; position: absolute; height: 100%; z-index: 100;
 background-color: rgba(9,46,72,0.7); color: #fff; }
.facil-nignt-sky article { position: absolute; width: calc(100% - 0px); padding: 60px;   left: 0; bottom: 0px; z-index: 150;}
.facLIsting { padding-top: 60px; max-width: 1050px; margin: 0 auto;}
.facLIsting li { display: block; margin: 30px 0; position: relative; padding-left: 300px;}
.facLIsting li p { padding: 0;}
.facLIsting h6 { text-transform: uppercase; font-size: 16pt; font-weight: 600; position: absolute; left: 0; height: 100%; border-right: 2px solid #050707; width: 260px; display: flex; justify-content: flex-end; align-items: center; text-align: right; padding-right: 35px;}
.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;}
.munnar-btm {    padding: 60px 0;    border-bottom: var(--border);} .munnar-btm article:first-child {    padding-right: 45px;    border-right: var(--border); }
.munnar-btm article {    width: calc(50% - 0px); }
.munnar-btm article:last-child {    padding-left: 45px;}


.testi-block {width: calc(50% - 0px); border-left: var(--border); }

.testi-block-goup { border-bottom: var(--border); padding: 40px 0;  }

.testi-block:first-child { padding-right: 30px; border: none;} .testi-block:last-child { padding-left: 50px;}
.client-name { font-size: 16pt; text-align: right; padding-top: 15px; font-weight: 600; letter-spacing: 2px;}
.quote-first { position: relative; padding-left: 15px;}
.quote-last { position: relative; padding-right: 15px;}
.testi-block-full { width: calc(100% - 0px);border: none; padding: 0;}

.testi-block.testi-block-full:last-child, .testi-block.testi-block-full:first-child { padding-left: 0; padding-right: 0;}


.quote-first::before, .quote-last:after {  content: "“";  font-size: 60px;  line-height: 1;  color: var(--color);  font-family: serif;  position: absolute; opacity: 0.5; top: -10px;  left: -20px; }

.quote-last:after {   content: "”"; left: auto; right: -20px; }
.last-item-no-border { padding-bottom: 0; border: none;}


.welcome-wrapp, .welcome-content-wrapp, .hme-experience-wrapp, .hme-test-wrapp, .hme-astara-experience, .sub-page-wrapp, .about-experience-block, .page-bttom-slide-wrapp, .accomm-land-btm { padding: var(--gutter);}
.no-space-btm { padding-bottom: 0;} .no-space-top { padding-top: 0; } .no-space {padding: 0;} .star-rating { padding-bottom: 20px;}
.contact-wrapp {    padding: 0px;    border: 1px solid #afcba3; }
.gmap, .contact-wrapp .align {    position: relative;}
.contact-address {    position: absolute;    left: 0;    padding: 50px;    width: 550px;}
.contact-address p {    margin: 10px 0;}
.contact-address figure {    padding-bottom: 20px;}
.gmapWrapp {    padding-left: 550px;    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;}

.facili-content-group figure, .facil-three-column figure { position: relative; overflow: hidden;}
.facili-content-group figure::after, .facil-three-column figure::after { 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#092e48+0,092e48+77,092e48+77,092e48+100&0+0,0.77+82,0.89+100 */
background: linear-gradient(to bottom,  rgba(9,46,72,0) 0%,rgba(9,46,72,0.72) 77%,rgba(9,46,72,0.77) 82%,rgba(9,46,72,0.89) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; opacity: 0.6;

}
.facili-content-group figcaption, .facil-three-column figcaption { position: absolute; width: 100%; z-index: 120; bottom: 15px; left: 0; color: #fff; text-transform: uppercase; font-weight: 400; letter-spacing: 4px; padding: 20px 0; text-align: center; }


/* ----------------------------- home banner animations ----------------------------------- */
.home-banner { overflow: hidden;}
.home-banner img {  animation: hombanLoad 5s ease forwards;  transform: scale(1.5) translateY(20px); animation-delay: 2s;     opacity: 0; }
@keyframes hombanLoad {
  0% {
    opacity: 0;    transform: scale(1.5) translateY(20px);
  }
  100% {
    opacity: 1;    transform: scale(1) translateY(0);
  }
}
.header-home-page { opacity: 0; animation: fadeDelay 1s ease forwards; animation-delay: 5s; transform: translateY(-15px); }
@keyframes fadeDelay {
  0% {
    opacity: 0; transform: translateY(-15px);
  }
  100% {
    opacity: 1; transform: translateY(5px);
  }
}
.exlr-btn, .hero-caption h1 {    animation: blurAnim 4s ease forwards; opacity: 0.01;     filter: blur(6px);     animation-delay: 5.5s; }
.exlr-btn { animation-delay: 6s;}

@keyframes blurAnim {
    0% {         filter: blur(6px);opacity: 0.01;    }
    20% {        filter: blur(6px); opacity: 0.01;    }
    100% {        filter: blur(0px); opacity: 1;    }
}
.header-home-page { animation-delay: 0.2s; } .hide-menu { display: none;}
/* ----------------------------- home banner animations ----------------------------------- */
/* --------------------- All tilte ---------------- */
h1, h2, h3, h4, h5, .top-q-btns, .product-menu {     font-weight: 400; letter-spacing: 5px; line-height: normal; }
.hero-caption { color: #fff;} .hero-caption h1 { font-size: 24pt; letter-spacing: 6px;} .hero-caption span { display: block; padding-top: 10px; }
.hero-sub-caption h3 { color: #fff; max-width: 1000px; margin: 0 auto;}
.welcome-title h2 { font-size: 16pt; text-transform: uppercase; padding-bottom: 30px; } .welcome-title h2 span { display: block; font-size: 54pt; padding-top: 10px;}
.welcome-caption h2 { text-align: center; font-size: 46pt; line-height: 60pt; padding-top: 0; padding-bottom: 201px; color: #080a0a; letter-spacing: 8px;}
.widget-title h2 { font-size: 36pt; text-transform: uppercase; padding-bottom: 30px; } .widget-title h2 span { display: block; font-size: 28pt;}
.hme-accom-wrapp, .cerin-cap h3   { color: #fff;}  .hme-stay-title { font-size: 46pt; line-height: 56pt; padding-bottom: 50px; }
.cerin-cap h3  { font-size: 44pt; line-height: 66pt; padding-top: 100px;} .hme-text-tittle span { display: block; font-size: 22pt;}
.foot-title { width: calc(100% - 0px); text-transform: uppercase; padding-bottom: 20px; }
.foot-menu  a:link, .foot-menu  a:visited, .foot-address  a:link, .foot-address  a:visited,  .footer-address-menu-wrapp, .cpr-wrapp { color: #ecefdd; font-size: 13pt;}
.design a:link, .design a:visited, .fotaddress-right a:link, .fotaddress-right a:visited {  color: #ecefdd; } 


.foot-menu li { display: block; padding: 3px 0; }
.hme-accotpl-cnt p { font-size: 18pt; line-height: 30pt;}  .hme-accoBtm-cnt p { font-size: 24pt; line-height: 33pt;}
.hme-text-tittle, .widget-title h2, .welcome-caption h2, .welcome-title  { color: #767055 } .welcome-cnt p { font-size: 22pt; line-height: 30pt; padding-bottom: 20px;}
.slide-links { justify-content: center; gap: 15px; padding-bottom: 50px;} 
.slide-links a:link, .slide-links a:visited { color: #fff; text-transform: uppercase; display: block; padding: 12px 20px 10px 20px; font-size: 12pt; line-height: 14pt; border-radius: 15px; letter-spacing: 3px;}
.slide-links a {   text-decoration: none; }
.slide-links a.active {  font-weight: bold; background-color: #fff; color: #000; }
.page-title h1 { font-size: 36pt; text-transform: uppercase;} .page-title span { display: block; font-size: 24pt;padding-bottom: 10px; }
.overview-main-hd { font-size: 32pt; padding-bottom: 20px;} .overview-main-hd span { display: block; font-size: 22pt; padding-top: 5px;}
.small-title { font-size: 22pt; padding-bottom: 20px;}
.about-experience-block  .widget-title-small  { padding-bottom: 20px;} .white-cap h3 { color: #fff;font-size: 32pt; line-height: 44pt;} .hme-stay-wrapp .widget-title h2 { color: #fff;} .about-expe-caption p, .expe-btm-content p { font-size: 22pt; line-height: 38pt;}
.room-slide-img h3 { text-align: center; padding: 15px 0; backdrop-filter: blur(5px); color: #fff; }
.small-head h3 { font-size: 18pt; text-transform: uppercase; padding-bottom: 20px; font-weight: 600;}
.slide-room-name h3 { text-transform: uppercase; font-size: 30pt; font-weight: 400; text-shadow: 1px 2px 2px rgba(0,0,0,0.6);}
.testim-slider h3, .room-title h2 { font-size: 22pt; padding-bottom: 10px;}
.acc-land-cnt h4 { font-size: 20pt; padding-bottom: 15px; font-weight: 600; text-transform: uppercase; line-height: 33pt;}
.acc-land-main-hd { text-align: center; width: 100%; font-size: 28pt; text-transform: uppercase; padding-bottom: 30px;}
.room-title { padding-bottom: 10px;} .room-title span { font-weight: 600;}
.facil-nignt-sky article  { color: #fff;} .listing li, .room-facil-block li { display: block; padding: 4px 0;}
.munnar-top-station-wrapp { background-image: url(../images/munnar-top-station-bg.webp); background-position: center center; background-size: cover; padding: var(--gutter80); min-height: 600px; position: relative; padding-top: 60px;}
.munnar-top-station-wrapp:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} 


.munnar-top-station-wrapp .container-sub {position: relative;  z-index: 100;}

.places-block-nw-earvi .align  { position: relative; justify-content: flex-end; padding-bottom: 60px;}
.places-block-nw-earvi figure { position: absolute; bottom: 0;  left: 0; width: calc(50% - 0px); padding-right: 60px;}

.places-block-nw-earvi article  { width: calc(50% - 0px); padding:60px 0 0px 0;}

.places-echo-point { background-image: url(../images/places-echo-point-bg.webp); background-repeat: no-repeat; background-position:top center; background-attachment: fixed; min-height: 500px; position: relative;}
.places-echo-point::after { content: ""; display: block; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.places-echo-point article { position:absolute; color: #fff; padding: 80px; z-index: 100; text-align: center; bottom: 0; width: calc(100% - 0px);}

/* --------------------- All tilte ---------------- */ 
.rm-btn { width: 200px; text-align: center; margin: 0 auto; padding-top: 60px; }
.via-allacc-btn { width: 340px;}
.rm-btn a:link, .rm-btn a:visited { color: #080a0a; font-size: 11pt; text-transform: uppercase; display: block; padding: 5px 0; border: 1px solid #cccccc; border-radius: 20px; letter-spacing: 2px;  }
.explr-btn a:link, .explr-btn a:visited, .booknw-btn a:link, .booknw-btn a:visited { display: block; padding: 5px 35px 3px 35px; border-radius: 20px; text-transform: uppercase; font-size: 11pt; font-weight: 600; letter-spacing: 2px; }
.explr-btn a:link, .explr-btn a:visited { background-color: #d7cec9 }
.booknw-btn a:link, .booknw-btn a:visited { background-color: #be8917; color: #fff; }
.booknw-btn-sing { width: 220px; margin:30px auto 0 auto;}
.bk-nw-btn a:link, .bk-nw-btn a:visited { background-color: #050707; color: #fff; text-transform: uppercase; display: block; padding: 5px 25px; border-radius: 20px; font-size: 11pt; } .bk-nw-btn {padding-left: 15px;}  .header-home-page { align-items: flex-start;} .call-top { position: absolute; right: 0;}
.call-top a:link, .call-top a:visited  { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; flex-wrap: wrap;  border-radius: 50%; } .call-top svg { width: 30px; height: auto;}
.dark-btn a:link, .dark-btn a:visited { background-color: #080a0a; color: #fff;}
/* ------------- primary menu ------------- */
.primary-menu { position: relative; z-index: 1500; } .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: 40px 15px; font-size: 12pt; line-height: 14pt;   font-weight: 400; color: #000; letter-spacing: 3px;   }
.primary-menu ul li a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited {  color:#767055;  }
.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;}
.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: 12000;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.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); }
.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: 100px;}  #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: #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 ----------------- */


.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: #e1d9bf;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: #e1d9bf;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;} 
.card-bottom { width: calc(100% - 0px); position: relative;} .viewpoints { position: absolute; bottom: 0; right: 0;}
.room-slider.owl-carousel .owl-nav button.owl-next span, .room-slider.owl-carousel .owl-nav button.owl-prev span {    background-image: url(../images/icons/next-arrow.png); width: 55px; height: 55px; background-size: cover; color: rgba(255,255,255,0); }
 .room-slider.owl-carousel .owl-nav button.owl-prev span   {   background-image: url(../images/icons/prev-arrow.png) }
  .room-slider.owl-carousel .owl-nav button.owl-prev  { left: -34px;}   .room-slider.owl-carousel .owl-nav button.owl-next {     right: -34px;}
  .hme-test-cnt .owl-theme .owl-dots .owl-dot span, 
.welcome-banner  .owl-theme .owl-dots .owl-dot span
  { width: 18px; height: 18px;}
 .hme-test-cnt .owl-theme .owl-dots .owl-dot span,    
.welcome-banner  .owl-theme .owl-dots .owl-dot span
    { background-color: #756e68; opacity: 0.3;}
.hme-test-cnt .owl-theme .owl-dots .owl-dot.active span,     .hme-test-cnt .owl-theme .owl-dots .owl-dot:hover span,      
.welcome-banner  .owl-theme .owl-dots .owl-dot.active span,   .welcome-banner  .owl-theme .owl-dots .owl-dot:hover span       
       { opacity: 0.8;}
.welcome-banner  .owl-theme .owl-dots .owl-dot span    { background-color: #fff; }
.welcome-banner .owl-theme .owl-dots { position: absolute; bottom: 20px; left: 0; width: 100%;}       
/* ------------------------------ 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: 20px 25px 20px 20px;    text-transform: uppercase; font-size: 12pt; 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);}
.gallery-block img {    border-radius: 10px;}
.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 --------------------------- */
.hidden-heading { color: rgba(0,0,0,0.1); font-size: 0.1pt; width: 1px; height: 1px; overflow: hidden;}
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul {     width: 600px; }
.menu-images {    position: absolute;    top: 0px;    right: 0;    width: 300px;    height:220px;     background-image: url(../images/stardust-domes-main.webp);    background-size: cover; }
 .menu-cosmo, .menu-tent, .menu-suite  {    opacity: 0;    background-image: url(../images/stardust-domes-main.webp);    transition: all 0.5s ease; }
.menu-cosmo { background-image: url(../images/cosmo-domes-with-infinity-plunge-pool-main.webp);}
.menu-tent  {    background-image: url(../images/celeste-luxury-tents-main.webp); }
.menu-suite {    background-image: url(../images/orion-family-suite-main.webp); }

.primary-menu ul li ul li { position: static;}

.primary-menu ul li ul li:hover  .menu-star, .primary-menu ul li ul li:hover .menu-cosmo, 
.primary-menu ul li ul li:hover .menu-tent, .primary-menu ul li ul li:hover .menu-suite { opacity: 1;     z-index: 100; }
.container_mouse {  text-align: center;  color: #fff;  font-weight: 400;  text-transform: uppercase; font-size: 9pt; letter-spacing: 4px;  padding-top: 2rem;  cursor: pointer;}
.container_mouse .mouse-btn {  margin: 10px auto;  width: 20px;  height: 40px;  border: 2px solid rgba(255,255,255,0.5);  border-radius: 30px;  display: flex;}
.container_mouse .mouse-btn .mouse-scroll {  display: block;  width: 8px;  height: 8px;  background: rgba(255,255,255,0.5);  border-radius: 50%;  margin: auto;  animation: scrolling 1s linear infinite; }
@keyframes scrolling {
  0% {    opacity: 0;    transform: translateY(-20px);  }
  100% {    opacity: 1;    transform: translateY(15px);  }
}
.listing li { position: relative; padding: 3px 0 3px 20px;}
.listing li::after { display: block; content: ""; position: absolute;     left: 5px;    top: 14px; width: 6px; height: 6px; background-color: #050707; border-radius: 50%; opacity: 0.5; }.home-page .smo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.overview-video {
  height: 800px;          /* your visible window */
  overflow: hidden;       /* hides top & bottom */
  position: relative;
}

.overview-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* IMPORTANT */
  object-position: center;
  display: block;
}

.menu-hide-click { display: none;}
.fulLink:link, .fulLink:visited { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}