.hiddenTitle { opacity: 0; width: 0; height: 0; overflow: hidden; font-size: 1pt;}
/* -----------------
  font-family: "Poppins", sans-serif;    font-family: "DM Serif Display", 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 { --color:#4b3d34; --gutter60:60px 0; --gutter80:80px 0;  --gutter:90px 0;  --border: 1px solid #d6cbb4; --titleColor:#d78329; --secondTitle:#572912} 
.flex-container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; }
.row-reverce { flex-direction: row-reverse;}
.img-full, .img-full img { width: 100%; height: auto; } 
.text-cap { text-transform: uppercase; } .text-center { text-align: center; } .text-last-center { text-align-last:center ;}
#page {     font-family: "Poppins", sans-serif;  font-size: clamp(0.9.5rem, 1vw + 0.5rem, 1rem); letter-spacing: 0px; font-weight: 400; line-height: 1.6; color: var(--color); text-align: justify; background-color: #f5f1e9; width: 100%; overflow: hidden; } p { padding: 5px 0; line-height: 1.6; letter-spacing: 1px;} address { font-style: normal; }
html, body {  height: 100%;  -webkit-overflow-scrolling: touch; } table { border-collapse:collapse ;}
/* -------------------------- Reset   -------------------------- */
.header-top a:link, .header-top a:visited, .header-top { color: #fff; font-size: 12pt; line-height: 14pt; }
/* -------------------------- Common   -------------------------- */
.container, .container-small, .container-large { max-width: 1800px; width: calc(100% - 0px); padding: 0 100px; margin: 0 auto;} .container-large { max-width: 1800px;  }
.container-full { width: calc(100% - 0px); max-width: 2000px; margin: 0 auto; padding: 0 50px; }
.container-small { max-width: 1400px; } .container-sub { max-width: 1500px; margin: 0 auto; padding: 0 50px;}  .container { max-width: 1600px;}
.two-column-wrapp { gap: 60px; } .two-column { width: calc(50% - 30px);} .align-center { align-items: center; } .img-radius, .border-radius { border-radius: 25px; overflow: hidden;}
.fullLink { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
.spacer-image { padding: var(--gutter60)} .middle-text { max-width: 1000px; 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   -------------------------- */
/*---------- header -----------*/ 
.header-wrapp { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 1000; padding:0; background-color: #2f1f17;   backdrop-filter: blur(5px); } 
.header-wrapp .align { position: relative;}
#site-logo:link, #site-logo:visited { display: block; position: absolute; left: 0px; z-index: 150;}
.header-wrapp-home { display: none; opacity: 0; transition: all 1s ease; transform: translateY(-20px);}
.header-wrapp-home.active {  display: block; animation: hhAnim 0.5s ease forwards; animation-delay: 0.2s; } 
@keyframes hhAnim {
  0% { opacity: 0; transform: translateY(-20px);} 100% { opacity: 1; transform: translateY(0px);}
}
#site-logo {position: absolute; background: #fff; left: 0; top: -10px; width: 160px; border-bottom-left-radius: 45px; border-bottom-right-radius: 45px; overflow: hidden; box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.31); }
.header-btns { position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-transform: uppercase; background-color: #fff; border-radius: 10px;}
.head-call li { display: block;} .head-call a:link, .head-call a:visited { color: var(--color); padding: 10px 10px;} .head-call { padding-left: 15px; padding-right: 18px; background-image: url(../images/icon/top-call-2.webp); background-repeat: no-repeat; background-position: left center; margin-left: 20px;}
.home-banner-wrapp {position: relative;}
.banner-caption { position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); z-index: 120; width: 860px; text-align: center; color: #fff;}
.banner-caption figure { padding-bottom: 30px; }
.intro-head { position: absolute; width: 100% ; padding: 20px 0; left: 0; top: 0; z-index: 200;}
.intro-logo { width: 180px; margin: 0 auto;}
/*---------- header -----------*/ 
/* --------------------- intro bg ---------------- */
.intro-wrapp { background-image: url(../images/banner/intro-bg.webp); background-size: cover; overflow: hidden;  background-repeat: no-repeat; background-position: center center; position: relative; height: 100svh; width: 100%; }
.intro-align { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: calc(100% - 0px);}
.intro-image { width: calc(100% - 0px); text-align:right;} 
.inro-cation-blocks {position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 600px; z-index: 100; }
.caption-leaf { padding-bottom: 30px; margin: 0 auto;}
.intro-cap-btm { padding-top: 45px; margin-top: 30px; background-image: url(../images/icon/loc-icon.webp); background-repeat: no-repeat; background-position: center top;} .intro-cap-btm p { padding-bottom: 25px;}
/* --------------------- intro bg ---------------- */
.welcome-wrapp article { text-align-last:center; max-width: 1066px; margin: 0 auto; }
.gener-blocks { gap: 60px; justify-content: flex-end;}
.gener-blocks { position: relative; width: calc(50% - 30px);} .gener-blocks  figure {position: relative; z-index: 100;}
.gener-cont { position: absolute; width: 90%; background-color: #d78329; left: 0;  padding:45px 290px 45px 45px; border-radius: 30px; color: #fff;}
.gener-blocks-men .gener-cont { background-color: var(--secondTitle); }
.hme-ser-wrapp { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f1e9+0,ffffff+14 */
background: linear-gradient(to bottom,  rgba(245,241,233,1) 0%,rgba(255,255,255,1) 14%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.hme-spa-blocks { gap: 40px;}
.hme-spa-item { width: calc(33.333%  - 40px); padding: 30px 50px; border-radius: 30px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f1e9+0,ffffff+100&1+80,0+100 */
background: linear-gradient(to bottom,  rgba(245,241,233,1) 0%,rgba(253,252,251,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hme-spa-item img { width: 100%;}
.prem-serv-hme-img, .home-premium-content { width: calc(50% - 0px); } .home-premium-content { padding-left: 0px;}
.hme-prem-title { padding-bottom: 10px;}
.hme-beauty-wrapp { background-color: var(--secondTitle); background-image: url(../images/hme-beauty-bg.webp); background-position: center center; background-size: cover;}
.hme-beauty-top, .relax-hme-three-column { position: relative; gap: 60px; } 
.hme-beauty-content, .hme-beauty-tthree-content { background-color: #f5f1e9; padding:160px 40px 40px 40px; border-radius: 30px;}
.hme-beauty-content article { margin: 0 auto; text-align: center;}
.hme-beauty-two-column { width: calc(50% - 30px); position: relative; padding-top: 140px;}
.hme-beauty-two-column figure, .relax-three figure, .hme-beauty-img  { position: absolute; top: 0; width: calc(280px - 0px); z-index: 100; left: 50%; transform: translateX(-50%);}
.relax-hme-three-column { padding-top: 60px; text-align: center;}
.relax-three { width: calc(33%  - 60px); position: relative; padding-top: 120px;} .relax-three figure, .relax-three .hme-beauty-img { width: 240px; }
.hme-beauty-tthree-content { padding: 160px 40px 40px 40px;}
.hme-testi-wrapp { background-color: #fff; } .hme-service-wrapp { background-color: #f5f1e9; }
.hme-serv-item { position: relative; margin-bottom: 20px;} .hme-serv-item  figure { width: 100%; border-radius: 40px; overflow: hidden; position:relative; } .hme-serv-item  figure img { width: 100%; }
.hme-serv-item figure::after { content: ""; display: block; width: 100%; z-index: 10; height: 100%; background-color: rgba(67,37,13,0.5); position: absolute; left: 0; top: 0; }
.serv-slide-content { position: absolute; left: 0; width: 100%; height: 100%; top: 0; left: 0;  z-index: 120; color: #fff; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column;  justify-content: space-between; padding: 45px 0;}
.page-btm-wrapp { background-image: url(../images/page-bottom-bg.webp); background-repeat: no-repeat; background-position:  center top; padding: 100px 0 0 0; background-color: #241713; }
.bottom-address-wrapp { position: relative; padding-top: 80px;  position: relative;}
.btm-book-box { position: absolute; width: 100%; max-width: 1000px; background-color: #fff; padding: 25px; border-radius: 120px; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.bottom-address-wrapp .align { background-color: rgba(33,23,20,0.7); padding: 150px 0 80px; color: #fff; }
.btm-address-three-colmn, .btm-addr-logo-wrapp { gap: 60px;}
.btm-address-three-colmn address, .btm-addr-logo-wrapp address { width: calc(33.033% - 60px ); text-align: center;} .btm-address-three-colmn address:last-child { width: calc(100% - 0px);}
.footer-wrapp { background-image: url(../images/footer-pattern.webp);  background-position: center center;}
.footer-top, .footer-menu-wrapp, .cpr-wrapp  { padding: 50px 0; }
.footer-menu-wrapp { border: 1px solid #bfb7b0; border-left: none; border-right: none;}
.footer-menu-wrapp .container { gap: 60px;} .footer-menu .fm-align { gap: 80px;}
.footer-menu li a:link, .footer-menu li a:visited { display: block; padding: 3px 0;}
.testiSwiper {  height: 400px; } .testi-sld-item article { padding: 15px 0;}
.page-content { padding: 80px 0 0 0; background-color: #f5f1e9; }
.gradient-1 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f1e9+0,ffffff+100 */
background: linear-gradient(to bottom,  rgba(245,241,233,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sub-banner-wrapp { padding-top: 74px;} .sub-banner-wrapp .align { position: relative; display: grid; justify-content: center; align-items: center;}
.sub-banner-wrapp figure { position: relative;} .sub-banner-wrapp 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/#321405+0,321405+100&0+0,0.53+88,0.53+100 */
background: linear-gradient(to bottom,  rgba(50,20,5,0) 0%,rgba(50,20,5,0.53) 88%,rgba(50,20,5,0.53) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.page-title { position: absolute; width: 100%; text-align: center; z-index: 100; }
.abt-wellBeau-wrapp, .offer-wrapp-round-brder { position: relative; background-color: #f3e6d7; border-radius: 300px; gap: 0px;}
.abt-wellBeau-wrapp  figure, .abt-wellBeau-wrapp .wellness-img { width: calc(40% - 0px); } .abt-wellBeau-contnet { width: calc(60% - 0px); padding-left: 200px; padding-right: 100px;}
.about-rel-breaker { background-image: url(../images/about-rl-bg.webp); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; padding: 80px 0; position: relative; }
.about-rel-breaker::after { content: ""; display: block; background-color:#311f15; opacity: 0.77; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.abt-rel-item ul { justify-content: center; gap: 40px;}
.abt-rel-item li { width: 282px; height: 282px; display:flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: #783318; color: #fff; border-radius: 50%; }
.abt-rel-item li:nth-child(even) { flex-direction: column-reverse;}
.abt-rel-item li:nth-child(2n) { background-color: #9d431e;} .abt-rel-item li:nth-child(3n) { background-color: #a74a26;} .abt-rel-item li:nth-child(4n) { background-color: #b35d3a;}
.abt-prem-serv-wrapp { background-color: #f5f1e9;}
.testistars h2 { padding-bottom: 25px; background-image: url(../images/icon/star.webp); background-repeat: no-repeat; background-position: center bottom;}
 .page-btm-glow-wrapp, .page-btm-services-wrapp { background-color: #fff;}
.serv-slide-item { display: block; overflow: hidden; border-radius: 40px; overflow: hidden;}
.serv-slide-item figure {position: relative; } 
/* 
.serv-slide-item figure::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; 
}
*/
.serv-slide-item figcaption { z-index: 150; position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content:space-between; align-items: center; top: 0; left: 0; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#321405+0,321405+100&0.6+0,0.6+12,0.09+100 */
background: linear-gradient(to bottom,  rgba(50,20,5,0.6) 0%,rgba(50,20,5,0.6) 12%,rgba(50,20,5,0.09) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.serv-slide-item:link, .serv-slide-item:visited { color: #fff;}
.slide-more-serv { text-transform: uppercase; margin-bottom: 35px; letter-spacing: 1px; background-color: #572911; border: 1px solid #fff; padding: 10px 35px; border-radius: 30px; font-size: 11pt; }
  .serv-q-menu-items { 
  max-width: 1100px; margin: 0 auto;}
.serv-q-menu-items ul { justify-content: center; gap: 10px; padding-top: 40px;}  .serv-q-menu-items li { display: block; width: calc(20% - 10px);  }
.serv-q-menu-items a:link, .serv-q-menu-items a:visited { display: block; padding-top: 35px;  text-align: center; position: relative; font-size: 1rem;}
.serv-q-menu-items a span {  display: block; padding: 15px 0; border-radius: 50px; border: 1px solid #eac193; transition: all 0.5s ease;  }
.serv-q-menu-items li:hover a span, .serv-q-menu-items a:link.active span, .serv-q-menu-items a:visited.active span { background-color: #d78329; color: #fff;}
.serv-q-menu-items li figure { width: 60px; height: 50px;  justify-content: center; display: grid; align-items: center; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; }
.services-top { text-align-last: center; }
.service-blocks, .waxing-block { padding: 70px 0; 
 border-radius: 140px; margin: 0;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8e8d9+0,f8e8d9+100&0+0,0+14,0.65+55,1+100 */
background: linear-gradient(to right,  rgba(248,232,217,0) 0%,rgba(248,232,217,0) 14%,rgba(248,232,217,0.65) 55%,rgba(248,232,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.service-blocks:nth-child(odd), .waxing-block, .prem-itenary-wrapp .service-blocks-even { flex-direction: row-reverse;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8e8d9+0,f8e8d9+100&1+0,0.65+38,0+86,0+86,0+100 */
background: linear-gradient(to right,  rgba(248,232,217,1) 0%,rgba(248,232,217,0.65) 38%,rgba(248,232,217,0) 86%,rgba(248,232,217,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.prem-itenary-wrapp .service-blocks-odd  { flex-direction: row; 
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8e8d9+0,f8e8d9+100&0+0,0+14,0.65+55,1+100 */
background: linear-gradient(to right,  rgba(248,232,217,0) 0%,rgba(248,232,217,0) 14%,rgba(248,232,217,0.65) 55%,rgba(248,232,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.waxing-block, .prem-itenary-wrapp .service-blocks-odd { flex-direction: row;}
.serv-duration-blk {position: relative; margin-top: 20px; padding-left: 120px; font-size: 14pt; } 
.duration-title {position: absolute; left: 0; top: 0;} .serv-duration-blk  td { padding: 0px 15px;}
.img-radius-big, .img-radius-big img { border-radius: 140px;}
.fusion-block  { width: calc(50% - 15px); }
.fusion-block, .skin-care-item article, .spa-list-grp address {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8e8d9+0,f8e8d9+100&1+0,0.65+38,0+86,0+86,0+100 */
background: linear-gradient(to bottom,  rgba(248,232,217,1) 0%,rgba(248,232,217,0.65) 38%,rgba(248,232,217,0) 86%,rgba(248,232,217,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding:50px 30px; padding-bottom: 0; border-radius: 85px;
} .fusion-items .align { gap: 30px;}
.fusion-left-imag { text-align: center; padding: 0 50px 0 0; width: calc(40% - 0px);} .fusion-items  { width: calc(60% - 0px);}
.service-blocks article { padding-right: 80px; }
.service-blocks:nth-child(odd)  article, .waxing-block article, .prem-itenary-wrapp .service-blocks-even article  { padding-left: 80px; padding-right: 0px; }
.prem-itenary-wrapp .service-blocks-odd article  { padding-left: 0;}
.service-blocks:last-child { margin-bottom: 0;} .service-blocks-first, .prem-itenary-wrapp { margin-top: 40px;} .prem-itenary-wrapp .service-blocks-first { margin-top: 0px;}
.listing li { display: block; padding: 2px 0 2px 30px; position: relative; text-align: left; }
.listing li::before, .skin-care-item th:before { content: ""; display: block; background-color: #d78329;  width: 8px; height: 8px; position: absolute; left: 11.5px; top: 13px;  border-radius: 50%;}
 .skin-care-item th:before { top: 11px;}
.fusion-left-imag { text-align: center;} 
.price-block { padding:5px 10px; border: var(--border);  display: inline-block; text-align: center; margin:20px auto 0 auto; border-radius: 15px; background-color: var(--titleColor); color: #fff;}
.about-rel-breaker .container {position: relative; z-index: 120;}
.skin-care-wrapp { gap: 40px;}
.skin-care-item { width: calc(33.333% - 20px); position: relative; padding-top: 100px;}
.skin-care-item article { width: calc(100% - 0px); padding-top: 130px; padding-bottom: 60px;}
.skin-care-item table { width: calc(100% - 0px);} .skin-care-item th, .skin-care-item td, .waxing-block th, .waxing-block td { padding:5px 5px ;} .skin-care-item td { width: 75px;} .skin-care-item th { font-weight: 400; position: relative; padding-left: 35px;}
 .skin-care-item .small-head, .fusion-items  .small-head  { text-align: center;}
 .skin-care-item figure, .skin-image { position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 200px; z-index: 100;}
.waxing-block table { width: 400px;}
.other-serv-large ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; row-gap: 0; }
.other-serv-large ul, .others-item {  width: calc(50%  - 10px); }
.others-item li, .other-serv-large li { padding-right: 75px; width: calc(100% - 0px);}
.other-serv-large .listing li span, .others-item li span { display: block; position: absolute; right: 0; top: 0;  width: 69px; }
.others-group  { gap: 20px;}
.others-item {padding: 40px 0 40px 0;}
.offer-wrapp  { justify-content: center; gap: 40px;} .offer-item  { width:calc(33.333% - 40px);}
.hme-spa-item figure { margin-bottom: 20px;} .hme-spa-item { text-align-last: center; }
.welcome-title, .widget-title, .prem-itenary-wrapp { padding-bottom: 50px;} 
.testiAbtSwiper { padding-bottom: 30px;}
.hme-cap-prem-ser, .service-container { padding: 60px 0;}
.fusion-wrapp, .skin-care-wrapp, .prem-amen-wrapp { padding: 50px 0;} .prem-service-wrapp { padding-top: 10px;}
.testi-hme-blocks .widget-title  { padding-bottom: 20px;}
.services-page  .page-content, .services-page  .page-content .gradient-1, .product-page-cnt .gradient-1, .product-page-cnt { background: #fff;}
/* --------------------- All tilte ---------------- */
h1, h2, h3, h4 { font-weight: 400;}
h1, h2, h3, h4
{  font-family: "DM Serif Display", serif; }
.inro-cation-blocks h1, .inro-cation-blocks  h2 { font-size: clamp(2rem, 5vw, 3rem); line-height:1.4; font-style: italic;}
.hme-prem-title h3, .small-caption { color: #ad9b86; font-size: clamp(2rem, 2vw, 2.5rem); line-height: 1; }
.hme-prem-title h4, .intro-cap-btm h3  {     font-size: clamp(2rem, 3vw + 1rem, 3.17rem);    line-height: 1.15; }
.home-premium-content p {  padding: 15px 0; color: #7f705e; text-align-last:center;}
.widget-title h2 span { display: block; line-height: 26pt;}
.page-bottom-caption h2, .beauty-title { color: #fff;  line-height: 40pt;  padding-bottom: 60px;}
.beauty-title { position: absolute; width: 100%; top: 0;  }
.small-caption { color: #622a15; font-weight: 500;} 
.small-caption { font-style: italic;}
.footer-call, .bottom-title, .intro-cap-btm p  { font-size: clamp(1.125rem, 2vw, 1.5rem);  } footer { font-size: 11pt;}
.footer-call {  font-size: 0.9rem; width: calc(14% - 0px); text-align: left; padding: 0 20px; border-left: var(--border);  }
.footer-call:first-child { border: none; padding-left: 0;} .footer-call:last-child {padding-right: 0;}
 .footer-call span {  display: block; font-weight: 600; }
.footer-title { font-size: 16pt; text-transform: uppercase; padding-bottom: 10px; }
.banner-caption h1 {     font-size: clamp(2.25rem, 5vw, 3.67rem);    line-height: 1.05; }
.banner-caption h2 {    font-size: clamp(3rem, 8vw, 6.17rem);    line-height: 1; }
.banner-caption h1, .banner-caption h2  { font-weight: 500;}
.welcome-title h2 {  color: var(--secondTitle);}
.welcome-wrapp p { color: #8f8570; font-weight: 500; line-height: 28pt; }
 .hme-spa-item h3 { color: var(--secondTitle);  padding-bottom: 20pt; text-align: center; }
.gener-cont h2 { padding-bottom: 20px; font-weight: 400;}
.hme-prem-cap, .service-title h2 {  text-align: center; color: #572911; }
.testi-sld-item h4 {  padding-bottom: 15px;}
.hme-cap-prem-ser h2 { color: #ad9b86;}
.page-title h1 { color: #fff; }
.widget-title-small h2 { color: var(--secondTitle);   font-size: clamp(1.7rem, 4vw, 3rem);  line-height: 1.1; padding-bottom: 20px; font-weight: 400; }
.serv-slide-item figcaption h3 { color: #fff;  padding-top: 35px;}
.small-head { padding-bottom: 15px; color: var(--secondTitle); text-align: left; }
 .hme-spa-item h3, .hme-prem-title, .gener-cont, .hme-prem-title h3, .hme-cap-prem-ser, .page-bottom-caption h2,
 .hme-beauty-content h3, .hme-beauty-tthree-content h3,  .serv-slide-content h3, .page-title h1, .serv-slide-item figcaption h3, .pdt-title h2, .small-head, .widget-title h2
 { font-style: italic;}
.large-text {  padding: 10px 0; }
 .service-title h2,  .prem-itenary-wrapp .small-head { color: var(--titleColor);}
 .spa-list-grp h3 { color: var(--titleColor); }
.testi-sld-item h4, .intro-cap-btm { color: #8f8570;   font-family: "Poppins", sans-serif;  }
.inro-cation-blocks h1 { color: var(--secondTitle);} 
.hme-prem-title h4, .inro-cation-blocks h2, .widget-title h2, .footer-title  { color: var(--titleColor);}
.hme-beauty-content h3, .hme-beauty-tthree-content h3 { padding-bottom: 20px;} .hme-beauty-content p, .hme-beauty-tthree-content p, .widget-title h2 span  { line-height: 1.7;}
.large-text,   .testi-sld-item h4 {      font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.33rem);    line-height: 1.6; }
.spa-list-grp h3 {   font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.6rem); }

.small-head, .serv-slide-item figcaption h3  { font-size: clamp(1.375rem, 2.5vw, 1.83rem);
line-height: 1.2;}
.welcome-wrapp p, .home-premium-content p { font-size: clamp(1.125rem, 2vw, 1.5rem);    line-height: 1.4; }
.page-bottom-caption h2, .beauty-title, .gener-cont h2, .welcome-title h2 {    font-size: clamp(2rem, 4vw, 2.6rem);
    line-height: 1.12;} 
.gener-cont { font-size: clamp(1.1rem, 2vw, 1.2rem);    line-height: 1.2;}
.widget-title h2,.page-title h1  {     font-size: clamp(2rem, 5vw, 3.5rem);    line-height: 1.15; }
.hme-spa-item h3, .hme-prem-title h3, .hme-beauty-content h3, .hme-beauty-tthree-content h3, .widget-title h2 span, .serv-slide-content h3 
 {     font-size: clamp(1.375rem, 2.5vw, 1.8rem);     line-height: 1.2; }
.hme-prem-title h4,.hme-cap-prem-ser h2 {    font-size: clamp(2.5rem, 4vw + 1rem, 4rem);    line-height: 1.1; }
.hme-prem-cap,.service-title h2 {    font-size: clamp(1.75rem, 2vw + 1rem, 2.5rem);    line-height: 1.15;    text-align: center;    color: #572911;}
/* --------------------- All tilte ---------------- */ 
.serfloat-btn { position: absolute; width: 150px; bottom: -20px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 180; }
.serfloat-btn a:link, .serfloat-btn a:visited, .book-now-btn a:link, .book-now-btn a:visited {display: block; padding: 8px 0; background-color: var(--secondTitle); color: #fff; 
  border-radius: 10px;  text-transform: uppercase; border: 1px solid #fff; font-size: 11pt; }
.book-now-btn a:link, .book-now-btn a:visited  { border-radius: 20px;}
.view-all-btn { width: 220px; text-align: center; padding-top: 30px; } 
.view-all-btn a:link, .view-all-btn a:visited  { display: block; background-color: #d78329; border-radius: 12px; color: #fff; padding: 12px 0; text-transform: uppercase; transition:all 0.5s ease; }
.center-btn { margin: 0 auto;}
.book-now-btn { padding-top: 20px; text-transform: uppercase; width: 150px; margin: 0 auto;}
.call-intro, .top-bn { position: absolute; top: 30px;  }
.call-intro { left: 80px;} .top-bn { right: 80px;}
.head-book a:link, .top-bn a:link, .head-book a:visited, .top-bn a:visited { display: block; text-transform: uppercase; background-color: var(--titleColor); color: #fff; padding: 5px 25px; border-radius: 10px;}
.mor-det-btns { width: 150px; margin: 0 auto; text-align: center; padding-top: 25px; }
.mor-det-btns a:link, .mor-det-btns a:visited { border: var(--border); display: block; padding: 5px 0; border-radius: 40px; text-transform: uppercase; color: var(--titleColor); font-size: 10.5pt; }
.welcome-wrapp, .hme-ser-wrapp, .hme-prem-ser-wrapp, .hme-beauty-wrapp, .hme-testi-wrapp, .hme-service-wrapp { padding: var(--gutter);}
.about-content-top, .service-videos-wrapp   { padding: var(--gutter60);}
.abt-relax-wrapp, .abt-prem-serv-wrapp, .abt-test-wrapp, .page-btm-glow-wrapp, .page-btm-services-wrapp { padding: var(--gutter80);}
.hme-ser-wrapp { padding-top: 60px; }
.welcome-wrapp { padding-bottom: 60px;}
.search-submit { background-color: var(--color); color: #fff; padding: 10px 20px; border-radius: 3px; border: none;}
.search-field { background-color: #fff; padding: 10px 20px; border:var(--border);}

/* ------------- primary menu ------------- */
.primary-menu { margin: 0 auto;  z-index: 100; width: 100%;  text-align: center; } .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:30px 20px; font-size: 1rem; line-height: 1;   font-weight: 400; color: #fff; letter-spacing: 1px;    }
.primary-menu ul li a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited {  color:#fff;  }
.primary-menu ul li.menu-item-has-children ul, .resorts-sing-menu ul li.menu-item-has-children ul {position: absolute;min-width: auto;width: 800px;display: none; opacity: 0; box-shadow: 3px 3px 35px 0px rgba(0,0,0,0.45);  background:#fff; border-radius: 4px;  left: -300px;   }
.primary-menu ul li.menu-item-has-children ul::before, .resorts-sing-menu ul li.menu-item-has-children 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.menu-item-has-children-small ul, .resorts-sing-menu ul li.menu-item-has-children-small ul,
.primary-menu ul li.menu-item-has-children-small ul li a, .resorts-sing-menu ul li.menu-item-has-children-small ul li a   { width: 190px; }
.primary-menu ul li.menu-item-has-children ul li, .resorts-sing-menu ul li.menu-item-has-children ul li {display: block;  color: #000; }
.primary-menu ul li.menu-item-has-children ul li:last-child a,  .resorts-sing-menu ul li.menu-item-has-children ul li:last-child a { /* border: none !important; */ }
.primary-menu ul li.menu-item-has-children:hover ul, .resorts-sing-menu ul li.menu-item-has-children: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 .menu-item-has-children:hover ul li, .resorts-sing-menu ul li .menu-item-has-children: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:link, .primary-menu ul li ul li a:visited {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; color: var(--color); display: flex; gap: 10px; align-items: center; }
.primary-menu ul li ul li { display: block; width: calc(33.333%  - 0px);}
.primary-menu ul li ul li a.active:link, .primary-menu ul li ul li a.active:visited { color: var(--color);}
/* ------------- primary menu ------------- */
/* ----------------------------- */
.home-page .smo {position: absolute; left: 50%; transform: translateX(-50%);}
.smo ul {justify-content: center;}
.smo li, .smo-banner li {display: block;margin: 0 10px;padding: 0;}
.smo svg, .smo-banner svg {fill: #6b6663 }
.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; } 
/* ------------------------------ */
.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:663px;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: 30px; top: 50%; transform: translateY(-50%);} 
/* ---------------- 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: #fff);}
.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); }
/* ------------------------------ */
.no-space-btm { padding-bottom: 0;}
.no-space-top { padding-top: 0;}
.swiper-pagination-bullet { width: 20px; height: 20px; background-color:  #ebc194; opacity: 0.5;}
.swiper-pagination-bullet-active { background-color: #ebc194;opacity: 0.9; }
.testiSwiper { padding-right: 60px;}
.page-title-second { display: none;}
/* ------------------------------ 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 --------------------------- */
.gmap-align, .spa-item { width: calc(100% - 0px); }
.gmap { position: relative; height: 320px;} .gmap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.filter-bar{    display:flex;    gap:15px;    margin-bottom:50px;    flex-wrap:wrap;} .filter-bar select,.filter-bar input{    padding:12px 16px;    border:1px solid #ddd;    border-radius:8px;    min-width:220px; }
.filter-bar select { border: none;} .loc-filter {        border:1px solid #ddd; padding-right: 15px;     border-radius:8px;  }.filter-bar input{    flex:1;}
.spa-list { gap: 30px; row-gap: 60px; justify-content: flex-start;}
.spa-list-grp {    display: flex;    flex-direction: column;    justify-content: space-between;    width: calc(33.33% - 20px); padding:0;  }
.spa-list-grp address { padding: 50px 22px; text-align: center; padding-bottom: 0; }
.contact-wrapp { padding-bottom: 50px;}
.gmap-btn { width: calc(190px - 0px); margin: 30px auto 0 auto;}
.gmap-btn a:link, .gmap-btn a:visited { display: block; border: 1px solid #d78329 !important; padding:10px 30px; border-radius: 20px;}
.service-slide-btns { width: 55px; height: 55px;  background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border-radius: 50%; display: grid; justify-content: center; align-items:  center;  }
.serviceSwiper { padding-left: 30px; padding-right: 30px; }
.service-slide-btn-prev  { background-image: url(../images/icon/next-btn.webp); left: 0 !important;}
.service-slide-btn-next  { background-image: url(../images/icon/prev-btn.webp); right: 0 !important;}
.hme-service-wrapp .align { padding-bottom: 50px;}
.service-slide-btns svg { display: none;}
.testi-wrapp, .search-result { gap: 60px;}
.testi-sld-item-page, .type-service, .type-page  { width: calc(50% - 30px);
background: #ffffff;    border-radius: 16px;    padding: 35px;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);    transition: transform 0.3s ease, box-shadow 0.3s ease;     position: relative;    display: flex;    flex-direction: column;    justify-content: space-between; }
.testi-sld-item-page::before {    content: "“";    position: absolute;    top: 20px;    left: 25px;    font-size: 5rem;    color: #e8ecef;    font-family: Georgia, serif;    line-height: 1;    z-index: 1; }
.rating {    color: #f1c40f;    margin-bottom: 4px;    font-size: 1.2rem; }
.guest-details { padding-bottom: 15px; padding-top: 5px;}
.guest-name {    display: flex;    align-items: center;    border-top: 1px solid #f0f0f0;    padding-top: 20px; }
/* ----------------- animation on scroll --------------------- */
.reveal {    opacity: 0;    transform: translateY(60px);    transition: opacity 0.8s ease, transform 0.8s ease;    will-change: transform, opacity; }
/* visible state */
.reveal.active {    opacity: 1;    transform: translateY(0); }
/* left animation */
.reveal.left {    transform: translateX(-60px);}
.reveal.left.active {    transform: translateX(0);}
/* right animation */
.reveal.right {    transform: translateX(60px);}
.reveal.right.active {    transform: translateX(0);}
/* zoom */
.reveal.zoom {    transform: scale(0.85);}
.reveal.zoom.active {    transform: scale(1);}
/* ----------------- animation on scroll --------------------- */
.call-intro svg { fill:#572911; width: 25px;}
.caption-leaf, .intro-caption-blk h1, .intro-caption-blk h2, .intro-cap-btm, .intro-image {    opacity: 0; }
.caption-leaf {    animation: fadeDown 1s ease 3.2s forwards; }
.intro-caption-blk h1 {    animation: fadeUp 1s ease 3.4s forwards; }
.intro-caption-blk h2 {    animation: fadeUp 1s ease 3.6s forwards; }
.intro-cap-btm {    animation: fadeUp 1s ease 3.8s forwards; }
.intro-image {    animation: zoomIn 1.2s ease 4s forwards; }
@keyframes fadeUp {
    from {
        opacity: 0;        transform: translateY(40px);
    }
    to {
        opacity: 1;        transform: translateY(0);
    }
}
@keyframes fadeDown {
    from {
        opacity: 0;        transform: translateY(-40px);
    }
    to {
        opacity: 1;        transform: translateY(0);
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;        transform: scale(.95);
    }
    to {
        opacity: 1;        transform: scale(1);
    }
}
#site-logo:link, #site-logo:visited, .header-fix, .primary-menu ul li a:link, .primary-menu ul li a:visited,
.head-book a:link, .top-bn a:link, .head-book a:visited, .top-bn a:visited,
.mor-det-btns a:link, .mor-det-btns a:visited,
.view-all-btn a:link, .view-all-btn a:visited, 
.hme-serv-item .serfloat-btn a:link, .hme-serv-item .serfloat-btn a:visited,
.hme-spa-item, .hme-serv-item,
.hme-beauty-two-column figure, .hme-beauty-two-column, .relax-three  figure
{ transition: all 0.5s ease;}
.header-fix  #site-logo:link, .header-fix  #site-logo:visited { width: 120px; border-radius: 20px;}
.header-fix .primary-menu ul li a:link, .header-fix .primary-menu ul li a:visited { padding: 20px ;}
.view-all-btn a:hover, .head-book a:hover, .top-bn a:hover { background-color: #592a13;}
.mor-det-btns a:link, .mor-det-btns a:visited, .view-all-btn a:link, .view-all-btn a:visited,
.serfloat-btn a:link, .serfloat-btn a:visited, .hme-spa-item, .hme-serv-item { transform: translateY(0); box-shadow: 2px 0px 5px 0px rgba(0,0,0,0);}
 .mor-det-btns a:hover, .view-all-btn a:hover,
.hme-serv-item:hover .serfloat-btn a:link, .hme-serv-item:hover .serfloat-btn a:visited,
 .hme-spa-item:hover
 { transform: translateY(-10px); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.1); }
.bottom-title  { padding-bottom: 20px;}
.btm-addr-logo-wrapp  { padding-top: 40px;}
.hme-beauty-two-column figure, .relax-three figure { filter: brightness(100%) ; }
.hme-beauty-two-column:hover figure, .relax-three:hover figure {  filter: brightness(70%) }
.per-letter-shine {    color: rgba(255,255,255,.2);    line-height: 1.2; }
.per-letter-shine span {    display: inline-block;    transition: color 1s ease,                text-shadow .4s ease; }
.per-letter-shine span.shine {    color: #fff;    text-shadow:        0 0 10px rgba(255,255,255,.5),        0 0 20px rgba(255,255,255,.1); }
#site-logo-mobile { width: 200px; position: relative; z-index: 100; background: #fff; }
.n2-ss-slider, .n2-ss-layer,
.n2-ss-slider .n2-ss-slide-background, .n2-ss-section-main-content {     margin: 0 !important;     padding: 0 !important; }
.n2-section-smartslider, .n2-ss-slider, .n2-ss-slider-outer-container {    width: 100% !important;    max-width: 100% !important; }
.page-single-wrapp { padding-bottom: 50px;}
/* ------------------------------- form --------------------------------------------------- */
.booking-form .form-group { font-weight: 400;}
.booking-form {	position: relative;		width: 100%;	margin: auto; 	}
.booking-form .form-header {	margin-bottom: 25px;}
.booking-form .form-group {	position: relative;	margin-bottom: 0px; text-align:left !important; text-align-last:left !important; }
.form-group .flex-container table { display:flex; flex-wrap:wrap; align-items:center; width:50%; }
.booking-form .form-control {	background-color: transparent;	height:70px;	padding-top: 0px;	border-radius: 0px;	-webkit-transition: 0.2s;	transition: 0.2s;		border: 0px;	-webkit-box-shadow: none;	box-shadow: none;	border-bottom:var(--border); width:100%;
text-align:left !important; text-align-last:left !important  }
*:focus{box-shadow: none !important; outline: none !important; border-color: #bbc9b0 !important;}
.room-type-reserv { padding-top:0px; }
.booking-form .form-control::-webkit-input-placeholder {	 }
.booking-form .form-control:-ms-input-placeholder { } 
.booking-form .form-control::placeholder { font-weight: normal !important; }
.booking-form input[type="date"].form-control:invalid,.booking-form input[type="time"].form-control:invalid {		 }
.booking-form select.form-control {	-webkit-appearance: none;	-moz-appearance: none;	appearance: none; }
.booking-form select.form-control option {	color: var(--color); }
.booking-form select.form-control+.select-arrow {	position: absolute;	right: 0px;	bottom: 11px;	width:20px;	line-height: 32px;	height: 32px;	text-align: center;	pointer-events: none; }
.booking-form select.form-control+.select-arrow:after {	content: '\279C';	display: block;	-webkit-transform: rotate(90deg);	transform: rotate(90deg);	}
.booking-form select.form-control~.form-label {	opacity: 1; display:block }
.booking-form .form-label {		line-height: 24px;	height: 24px;		position: absolute;	left: 0;	top: 26px;	opacity: 0;	text-transform: capitalize;	pointer-events: none;	-webkit-transition: 0.2s all;	transition: 0.2s all;}
.booking-form input[type="date"].form-control+.form-label,.booking-form input[type="time"].form-control+.form-label {	color: #8b4602;	opacity: 1; }
.booking-form input[type="date"].form-control:focus+.form-label,.booking-form input[type="time"].form-control:focus+.form-label {	opacity: 0;	top: 0px;	color: #ffc600 !important;}
.input-not-empty .form-label {	opacity: 0.5;	top: -2px; font-size: 10pt;	}
.booking-form .form-btn { width:150px; margin:25px auto auto auto}
.submit-btn, .woocommerce-Button.button {	color:#fff;	background-color:#582812;	padding: 15px 25px;	 border-radius:5px;	width: 150px;	border:none; transition:all 0.5s ease; line-height:normal; text-transform: uppercase; font-size: 11pt; }
.woocommerce-Button.button { width: 200px;}
.booking-form .submit-btn:hover { background-color:#582812;  color:#fff; }
.paxGroup .form-group { margin:0 2px; }
.date, .cntNU,  .form-left, .form-right {  width: calc(45% - 0px); padding:0 10px }
.form-left, .form-right {  width: calc(45% - 0px); padding:0 10px }
/*.date-wrapp { padding-top:20px }*/
.booking-form .txtar { padding-top:22px; height:100px}
#check_out_date { z-index:92000 }
.contNum .form-group { width: calc(100% - 0px); }
.frm-cntat .form-group { width: calc(50% - 0px);  margin-right:0px }
.btn-onlyMOb { display:none }
.frm-btn-frp { width:400px; margin:15px auto 0 auto }
.frm-btn-frp .form-group {  width:280px; margin:10px 0 0 0 }
.frm-cntat .form-groupLeft  {  width: calc(50% - 15px);  margin-right:15px  }
/*#booking { padding:20px 0 }*/
.form-left table { border:none; }
.form-left table tr { border:none; background:none; }
.form-left table td { text-align:left;  padding:3px 0; }
.contNum .form-group {    width: calc(50% - 4px);   }
.ui-datepicker-trigger { background-image:url(../images/calendar-symbol.webp); background-size:100% auto; background-repeat:no-repeat }
.form-control.hasDatepicker { position:relative  }
.ui-datepicker-trigger { position:absolute; bottom:25px; right:0; width:20px; height:22px; border:none; font-size:0.1pt  }
.form-control {  }  .pax-item { width:calc(50% - 0px) } 
.booking-form .txtarAdderss { height:116px; margin-top:12px }
.booking-form .txtarcomm { height:104px; margin-top:26px; } 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border:none !important }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background:#daf792 !important; }
.grecaptcha-badge { bottom:80px !important; }
.univer-forms .form-group { margin:0 15px; width:calc(50% - 30px) }
.univer-forms .pax-item-full  { width:calc(50% - 0px); }
.univer-forms .pax-item-full .form-group { width:calc(100% - 30px) }
.form-control:disabled { opacity:0.5 }
.cd-switch {  text-align: center;  }
.switchFilter {  width: 0;  display: inline-block;  background-color: #ed1b23;  position: absolute;  left: 0;  opacity: 0;  top: 0;  bottom: 0;   z-index: -1;
  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);   -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1); }
.switch {  position: relative;  display: inline-block;  left: 0;  right: auto;  z-index: 1;  margin:0;}
.switch input[type=radio] {  visibility: hidden;  position: absolute;  height: 100%; }
.switch input[type=radio]#yes:checked ~ label[for=yes] {  color: var(--color);  border: 1px solid #ed1b23;}
.switch input[type=radio]#yes:checked ~ .switchFilter {  left: 0;  opacity: 1;  width: 60px;}
.switch input[type=radio]#no:checked ~ label[for=no] {  color: var(--color);  border: 1px solid #ed1b23;}
.switch input[type=radio]#no:checked ~ .switchFilter {  left: 74px;  width: 60px;  opacity: 1; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background:#c77865 !important; color:#fff !important;  }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background:#723132 !important; }
.ui-state-default:hover { background:#c77865  !important; colorvar(--color) !important; }
.room-tables table { width:calc(50% - 0px) }
.btnBlok { width:100% } .prdt-type-enqry { padding-top:0px; }
.ui-datepicker td span, .ui-datepicker td a {text-align: center !important;}
.ui-datepicker-trigger {
  background-image: url(../images/icons/calendar-symbol.png);
  background-size: 100% auto;
  background-repeat: no-repeat; right: 25px; background-color: transparent;
}
.booking-form, .prdt-type-enqry, .booking-form .form-control,
.booking-form .form-control::-webkit-input-placeholder,
.booking-form .form-control:-ms-input-placeholder,
.booking-form .form-control::placeholder,
.booking-form input[type="date"].form-control:invalid,.booking-form input[type="time"].form-control:invalid,
.booking-form select.form-control+.select-arrow:after,
.booking-form select.form-control~.form-label,
.booking-form .form-label, .booking-form .form-group.input-not-empty .form-label,
::placeholder   { color: var(--color); }
::placeholder, .booking-form .form-label {  color:  var(--color) !important;  opacity: 1; /* Firefox */ }
::-ms-input-placeholder { /* Edge 12-18 */   color: var(--color)!important; font-weight: 100 !important; }
.pax-item-pax, .pax-item-adult { width: calc(50% - 0px);} .pax-item-adult { width: calc(50% - 0px); }
.hpt { width: 1px; height: 1px; border: none; padding: 0; margin: 0; overflow: hidden;}
input[type=text]:focus, input[type=email]:focus, input[type=mobile]:focus, input.txtarcomm:focus  {
  background-color: transparent !important; }
*:focus {  outline: 0 !important; }
::placeholder {    color: var(--color) !important;     opacity: 1; /* Firefox */   }
::-ms-input-placeholder { /* Edge 12-18 */     color: color: var(--color) !important; }
.form-left, .form-right { width: calc(100% - 0px);}
.booking-form .flex-container { justify-content: center;}
.booking-form { padding: 0;       margin: 0 auto 0 auto; }
.form-left { width: calc(50% - 0px);}
.eventSelec { padding-top: 25px;}
input[type=text]:focus, input[type=email]:focus, input[type=mobile]:focus, input.txtarcomm:focus  {  background-color: transparent !important;}
*:focus {  outline: 0 !important; }
::placeholder {    color: var(--color) !important;     opacity: 1; /* Firefox */   }
::-ms-input-placeholder { /* Edge 12-18 */   color: var(--color) !important; }
.booking-form  .txtarAdderss { height:116px ;} .booking-form .submit-btn { font-size: 12pt; }
/* ------------------------------- form --------------------------------------------------- */
.btnBlok {position: relative;} .wpcf7-spinner { position: absolute; width: 20px; height: 20px; left: 50%; top: 50%; transform: translate(-50%, -50% );}
.wpcf7 form .wpcf7-response-output, .btnBlok { margin-top: 15px;}
.booking-form { border-radius: 120px; background-color: #fff; padding: 60px 60px 100px 60px;}
.form-group .wpcf7-list-item { width: calc(50% - 0px); display: block; margin-bottom: 2px;}
.btnBlok { margin: 0 auto; text-align: center;}
.head-book a:link, .top-bn a:link, .head-book a:visited, .top-bn a:visited, .mor-det-btns a:link, .mor-det-btns a:visited { display: block; padding: 10px 25px; }
.view-all-btn a:link, .view-all-btn a:visited { display: block; padding: 12px 0px; text-align: center; }
.mor-det-btns a:link, .mor-det-btns a:visited { background: none !important;}
.search .post-thumbnail,.search .entry-thumbnail,.search .featured-image {    display: none;}
.offer-table td, .offer-table th { padding: 10px 15px; border: var(--border);} .offer-table tfoot td { font-size: 0.8rem;} .offer-table { padding: 60px 0 60px 180px;} .offer-table  table { width: 100%;}  .offer-image { padding-left: 80px;}
.primary-menu ul li ul li a:hover { background-color:var(--titleColor) !important; color: #fff;}
.primary-menu ul li ul li:hover img {  filter: brightness(50%); }
.elementor-widget-image-gallery .gallery-item img {     width: 100%;    aspect-ratio: 4 / 3;    object-fit: cover;}
.premium-video-group { padding: 40px 60px; background-color: #f9ebdd; border-radius: 60px; margin-bottom: 60px;}
.premium-video-group:last-child { margin-bottom: 0;}
.fusion-items { padding-left:60px !important}
.head-call {
  /*  background-image: url(https://metexcreationsgcc.com/beta/citronellespa/wp-content/uploads/2026/07/whats-app.webp); */ background-size: 18px 18px; background-position:4px center;
}
/* ------------------------ head whats aoo ----------------------- */
.head-call { position: relative; width: 120px; }
.header-braanch, .footer-braanch { border-radius: 10px; transition: all 0.5s ease; width: 326px; height: 1px; overflow: hidden; opacity: 0; position: absolute; top: 48px; background-color: #fff; left: -65px; }
#hcopen:link, #hcopen:visited {     position: absolute;    width: 166px;    padding-left: 34px;    height: 47px;    top: 0;    left: 0;}
.header-braanch a:link, .header-braanch a:visited, .footer-braanch a:link, .footer-braanch a:visited {font-size: 10pt !important; padding: 10px 10px !important; border: 1px solid #f9f9f9;  width: 100%; }
.header-braanch li:nth-child(odd) a:link, .header-braanch li:nth-child(odd) a:visited,
.footer-braanch li:nth-child(odd) a:link, .footer-braanch li:nth-child(odd) a:visited
{ border-right: none; border-left:none}
.header-braanch li:nth-child(even) a:link, .header-braanch li:nth-child(even) a:visited,
.footer-braanch li:nth-child(even) a:link, .footer-braanch li:nth-child(even) a:visited
{ border-right: none;}

.header-braanch ul,
.footer-braanch ul
 { padding: 15px 5px;} .header-braanch.show, .footer-braanch.show {  height: 222px; opacity: 1;  }
 .header-braanch span, 
 .footer-braanch span
 { display: block;} .head-call li,  .footer-braanch  li { width: calc(50% - 0px); }
.footer-call a:link, .footer-call a:visited { font-weight:bold}
.footer-braanch { top: auto; bottom: 45px; left: 50%; transform:translatex(-50%) ;
box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.25); position:fixed;

}

.grecaptcha-badge {
    visibility: hidden !important;
}
.form-group-apdate br { display:none}
.form-group-apdate { position:ralatice} .form-group-apdate label { position:absolute; top:0; font-size:0.8rem}


.date-field {
    position: relative; padding-top:10px
}

.date-field input[type="date"] {
    width: 100%;
    height: 50px;
    cursor: pointer;
}