.hiddenTitle { opacity: 0; width: 0; height: 0; overflow: hidden; font-size: 1pt;}
/* -----------------
font-family: "Poppins", sans-serif;   font-family: "Playfair", 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:#585555; --gutter60:60px 0; --gutter80:80px 0;  --gutter:90px 0;  --border: 1px solid #d6cbb4;
--brandColor:#68311c; --primaryColor:#f39560; --glow-target-radius: 500px; --delight-target-radius: 500px; /* Desktop default */
--caption-target-radius: 300px;
} 
.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: #f4f1ed; width: 100%; overflow: hidden; letter-spacing: 1px; } p { padding: 5px 0; line-height: 1.6; } 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%; overflow: hidden; }  .align { position: relative;}
/* -------------------------- Common   -------------------------- */
/*---------- header -----------*/ 
.header-wrapp { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding:20px 0; transition: all 0.5s ease; background-color: rgba(95,58,30,0)} 
.header-wrapp.header-fix {  background-color: rgba(95,58,30,0.8); padding: 10px 0;}
.header-wrapp .align { position: relative;  height: 88px; transition: all 0.5s ease;}
.header-fix.header-wrapp .align { height: 52px;}
#site-logo:link, #site-logo:visited { display: block;  width: 140px; position: absolute; left: 0; top: 0; transition: all 0.5s ease;}
.header-fix #site-logo:link, .header-fix  #site-logo:visited { width: 100px; transition: all 0.5s ease;  top: -10px; }
#logo-outer {fill-rule:evenodd;clip-rule:evenodd;fill:#F38F17;}
#logo-text-1, #logo-text-2{fill:#FFF;  transition: all 0.5s ease; opacity: 1;}
#spiral{fill:none;stroke:#FFED00;stroke-miterlimit:22.926;}
.header-fix 	#logo-text-1, .header-fix #logo-text-2{ opacity: 0; }
.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; } 
/*---------- header -----------*/ 
.banner-wrapp { background-color: #603a1e; position: relative;}
.banner-img-align { position: relative;} .banner-over-lay { position: absolute; left: 0; top: 0; width: 100%; z-index: 100;}
.banner-img-align::after { content: ""; display: block; width: 100%; position: absolute; height: 260px; background-image: url(../images/banner/banner-img-btm.webp); background-position: left bottom; background-repeat: repeat-x; z-index: 150;     left: 0;     bottom: 0;}
.banner-caption { position: absolute; bottom: 90px; z-index: 300; color: #fff; width: 100%;}
.banner-middle-cnt { max-width: 1200px; margin: 0 auto; text-align: center; color: #f39560;}
.welcome-title { padding-top: 80px; padding-bottom: 100px;}
.banner-floating-leaf { display:block; position:  absolute; left: -200px; z-index: 150; bottom: -159px; width: 570px; height: 340px;} 
.hme-expert-wrapp { background-image: url(../images/hme-expert-bg.webp); background-position: center center; }
.hme-expert-items { display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 50px;    row-gap: 50px; }
.hme-expert-item {  background-color:#fff;  border-radius: 600px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; padding: 30px;  }
.hme-expert-item figure { text-align: center; }
.hme-expert-item article { padding: 15px 0 0 0;}
.middle-content {width:calc(100% - 0px); max-width: 1100px; margin: 0 auto; padding-top: 60px; text-align: center;}
.serviceSlider figcaption.slide-ttile, .serviceSliderSub figcaption.slide-ttile { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 100; text-align: center;}
.glow-zone-wrapp .container-full, .weekend-delight-wrapp .container-full, .beauty-zone-align .container-full { padding: 0;}
.glow-zone-wrapp, .beauty-zone-align { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6f5d50+0,6f5d50+50,f4f1ed+51,f4f1ed+100 */
background: linear-gradient(to right,  rgba(111,93,80,1) 0%,rgba(111,93,80,1) 40%,rgba(244,241,237,1) 51%,rgba(244,241,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.glow-img-left, .weekend-img-right, .beauty-img-left { width: calc(50% - 0px); background-color: #efe4cf;  }
.glow-img-left img, .beauty-img-left img {
overflow: hidden;}
.weekend-img-right img { width: 100%;   overflow: hidden; }
.weekend-img-right { float: right; background-color: #e6cdbe;}
.glow-zone-align, .delight-zone-align, .beauty-zone-cnt-align { position: absolute; width: 100%; left: 0;  height: 100%; z-index: 100; top: 0; background-color: ;  }
.glow-zone-cnt-align, .delight-zone-cnt-align, .beauty-zone-align, .beauty-zone-cnt-boxes { display: flex; flex-wrap: wrap; position: relative; height: 100%; }
.glow-cap, .glow-zone-cnt { width: calc(50% - 0px);} .glow-zone-cnt {  background-color: #efe4cf;}
.glow-zone-cnt  {flex-direction: column;   border-top-right-radius: 500px; border-bottom-right-radius:500px; background-color: #efe4cf; padding:0 100px 0 00px; justify-content: center; align-items: center; }
.delight-point-wrapp { width: calc(50% - 0px); flex-direction: column; display: flex; 
align-items: center;
justify-content: center;
border-top-left-radius: 500px; border-bottom-left-radius:500px; background-color: #e6cdbe; }
.delignt-cnt { width: calc(50% - 0px); flex-direction: column; justify-content: center; align-items: flex-end;}
.delignt-cnt article { text-align: left; max-width: 400px; color: #fff;}
.glow-points { width: calc(412px - 0px); position: relative;}
.glow-points ul {  width: 100%; 
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
row-gap: 50px;
}
.glow-points li { display: block; display: grid; align-items: center; width:calc(180px - 0px); height: 180px; background-color: #f5efe2; border-radius: 50%;}
.delignt-point-align .glow-points li { background-color: #e9d4c7;}
.glow-more-btn { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 110; }
.glow-more-btn a:link, .glow-more-btn a:visited {  width: 90px; height: 90px; background-color: #c77a50; color: #fff; border-radius: 50%; text-transform: uppercase; line-height: 1.2; font-size: 0.9rem;  display: grid; justify-content: center; align-items: center;  transition: all 0.5s ease;  }
.glow-more-btn a:hover { background-color: #a35a32;  width: 80px; height: 80px;}
.weekend-delight-wrapp { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+57,271d16+58,271d16+100 */
background: linear-gradient(to right,  rgba(244,241,237,1) 0%,rgba(244,241,237,1) 57%,rgba(39,29,22,1) 58%,rgba(39,29,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.delight-points { width: calc(50% - 0px); }
.big-zone-align {  display: grid;
grid-template-columns: repeat(1, 1fr);
row-gap: 80px;}
.hme-express-rel-wrapp { background-image: url(../images/hme-experience-bg.webp); background-repeat: no-repeat; background-position: center center; background-color: #61391f; color: #fff; }
.hme-express-items { max-width: 1200px; margin: 0 auto; 
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
width: 100%;
box-sizing: border-box;
row-gap: 80px;  }
.hme-express-items figure { width: 200px; margin: 0 auto; border: 2px solid rgba(255,255,255,0.4);}
.hme-guest-wrapp, .contact-wrapp { background-image: url(../images/hme-testi-bg.webp);  }
.hme-story-wrapp, .spa-welness-btm { background-image: url(../images/hme-about-pattern.webp);}
.btm-floating-caption { max-width: 1400px; width: 100%; background-color: #fff;  padding: 90px; border-radius: 300px; position: absolute; bottom: -280px; transform: translateX(-50%); left: 50%; }
.btm-floating-caption ul { max-width: 950px; margin: 0 auto; width: 100%; padding: 50px 0;  display: grid;    grid-template-columns: repeat(3, 1fr);  }
.btm-floating-caption li { position: relative;}
.btm-floating-caption p { padding-left: 120px; position: absolute; left: 150px; top: 50%; transform: translateY(-50%); left: 0; width: calc(100% - 0px); }
.star { display: block; padding-top: 15px; height: 38px;}
.hme-testi-wrapp {position: relative; padding: 0 150px;}
.full-width-video {    width: 100%;    height: auto;    display: block;    max-width: 100%;  }
.hme-testi-wrapp::before, .hme-testi-wrapp::after { display: block; content: ""; background-image: url(../images/icon/quote-left.webp); background-repeat: no-repeat; background-position: left center; position: absolute; left: 0; top: 0; height: 240px;  width: 80px; }
.hme-testi-wrapp::after { left: auto; right: 0;  background-image: url(../images/icon/quote-right.webp); background-position: right center; }
.footer-wrpp { background-image: url(../images/footer-bg.webp); background-position: center center; position: relative; }
.footer-menu-wapp, .footer-addrss, .btm-call, .btm-book { width: calc(50% - 0px);} .footer-addrss  { padding-left: 180px;} .footer-menu-wapp { padding-right: 180px;}
.foot-menu  { gap: 50px; }
.foot-menu a:link, .foot-menu a:visited { display: block; padding: 5px 0;}
.footer-addrss p { line-height: 2.1rem}
.foot-logo { width: 170px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.cpr-wrapp { padding: 40px 0; border-top: 1px solid #c5b6af; margin-top: 40px; position: relative;}
.sub-page .cpr-wrapp { flex-direction: row-reverse;}
.btm-call-block { background-color: #df7d08; border-radius: 100px; padding: 25px 80px;}
.btm-call-wrapp, .btm-book-btn { position: absolute; right: 0; }
.btm-call-wrapp { top: -65px; width: 100%;}
#sub-page { background-color: #f4f1ed;}
.about-two-column, .weekend-wrapp-two-column-wrapp, .foot-two-column-wrapp, .express-two-column-wrapp  { gap: 100px; }
.about-cnt-left, .weekend-cnt-left, .foot-cnt, .express-cnt { width: calc(60% - 50px); } .about-image, .weekend-cnt-img, .foot-img, .express-img { width:calc(40% - 50px) ;} .about-image figure, .weekend-cnt-img figure, .foot-img figure, .express-img figure { overflow: hidden; border-radius: 150px; }
.about-features-wrapp, .about-team-wrapp .align, .booking-form { border-top-right-radius: 80px; border-top-left-radius: 80px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+12,0+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 80px 40px;
} .booking-form { background-color: transparent;}
.foot-two-column-wrapp { flex-direction: row-reverse;}
.abut-feat-list { display: grid; gap: 0px;


grid-template-columns: repeat(4, minmax(0, 1fr));

width: 100%;
box-sizing: border-box;
}
.abut-feat-list li { text-align: center; padding: 0 30px; border-left: 1px solid #dfd5cb; } .abut-feat-list li:first-child { border-left: none;}
.abut-feat-list figure { padding:20px 0;}
.about-center-btm, .midText { width: 100%; max-width: 1000px; margin: 0 auto;}
.banner-sub-overlay {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100;}
.serv-land-item { background-color: #e8e2dc;  }
.serv-land-item, .serv-land-item figure {border-radius: 180px; overflow: hidden; }
.serv-land-cnt { padding: 35px 40px; text-align: center;} .serv-land-item h3 { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; text-align: center;}
.serv-land-item figure::before { content: ""; display: block; position: absolute; top: 0; left: 0; mix-blend-mode: multiply; z-index: 5;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#451b12+0,451b12+100&0.8+3,0+52,0.26+100 */
background: linear-gradient(to bottom,  rgba(69,27,18,0.8) 0%,rgba(69,27,18,0.8) 3%,rgba(69,27,18,0) 52%,rgba(69,27,18,0.26) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
width: 100%; height: 100%;
}
.beauty-zone-cnt-boxe article { padding-right: 90px;}
.beauty-zone-cnt-boxe-tariff { padding-left: 90px; padding-right: 190px; }
.beauty-zone-cnt-boxe, .beauty-zone-cnt-boxe-tariff { width: calc(50% - 0px);} .beauty-zone-cnt-boxe-tariff { background-color:#e6cdbe;}
.beauty-img-left figure { position: relative;} .beauty-img-left figure:before { top: 0; left: 0; content: ""; display: block; position: absolute; width: 100%; height: 100%;  z-index: 10; background-color:rgba(0,0,0,0.5);}
.beauty-img-left{ background-color: #e6cdbe; }
.service-land-items {     display: grid;      gap: 60px;


grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
box-sizing: border-box;
}
.service-menu ul { justify-content: center; gap: 10px;}
.service-menu a:link, .service-menu a:visited { display: block; font-size: 0.9rem; padding: 10px 25px; border-radius: 30px; border: 1px solid #f7c0a1;}
.serv-single-content-wrapp { flex-direction: column; row-gap: 30px; padding-top: 60px;}
.service-menu a.active:link, .service-menu a.active:visited  { background-color: #d7c1be; }
.serv-single-cnt-blk { padding:50px  40px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e2dc+0,e8e2dc+100&1+0,0+100 */
background: linear-gradient(to bottom,  rgba(232,226,220,1) 0%,rgba(232,226,220,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 400px; gap: 40px;
}
.serv-sing-img { width: calc(35% - 20px); border-radius: 300px; overflow: hidden;}
.serv-sing-cont { width: calc(65% - 30px); padding-right: 60px;}
.serv-heading-block { padding-bottom: 15px; border-bottom: var(--border); align-items: center; margin-bottom: 15px;}
.serv-btm {  border-top: var(--border); padding-top: 15px; margin-top: 15px; }
.serv-single-cnt-blk-even { flex-direction: row-reverse;}
.serv-single-cnt-blk-even .serv-sing-cont { width: calc(65% - 30px); padding-left: 60px; padding-right: 0;}
.dur-blk { display: block;}
.glow-tariff-wrapp {            display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px;
width: 100%;
box-sizing: border-box;
}
.tariff-table { width: calc(100% - 0px);}
.glow-tariff-blk table, .tariff-table table { width:calc(100% - 40px); margin: 10px 20px;  } .glow-tariff-blk td, .tariff-table td, .tariff-table th  { padding: 10px 10px; text-align: left;} .glow-tariff-blk tr, .tariff-table tr { border-bottom:1px solid #ebe5da;}
.glow-tariff-blk { background: linear-gradient(to bottom,  rgba(232,226,220,1) 0%,rgba(232,226,220,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
padding: 30px 0 0 0; 
}
.tariff-table tr td:last-child { width: 90px;}
.tariff-two-column-wrapp { gap: 0px;} .tariff-two-column  { width: calc(50% - 0px);}
.glow-tariff-blk, .glow-t-img { border-radius: 80px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.glow-t-img { overflow: hidden; margin-bottom: 20px;} .glow-t-img img { width: 100%; }
.beauty-zone-cnt-boxe-tariff, .beauty-img-left figure  {  overflow: hidden; border-radius: var(--glow-target-radius); border-bottom-left-radius: 0; border-top-left-radius: 0;}
.why-chose-as-wrapp { position: relative; overflow: hidden; width: 100%;}
.why-chose-as-wrapp .container-full { padding: 0;}
/* Define target radius on wrapper (adjust to whatever your target is) */
.why-chose-as-wrapp{--glow-target-radius:300px}
.why-img-right{width:50%;float:right}
.why-chose-align{position:absolute;left:0;width:100%;top:0;height:100%;z-index:100}
.why-chose-content-align{display:flex;flex-wrap:wrap;position:relative;height:100%;flex-direction:row-reverse}
.why-img-right figure{position:relative;overflow:hidden}
.why-img-right,.why-chose-items,.why-chose-glow-left{width:50%}
.why-img-right figure,.why-chose-items{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;border-radius:var(--glow-radius,60px);border-top-right-radius:0;border-bottom-right-radius:0}
.why-img-right figure::after{content:"";display:block;background-color:#00000080;position:absolute;right:0;top:0;width:100%;height:100%;z-index:10}
.why-img-right, .why-chose-items  { background-color: #efe4cf;}
.why-chose-glow-left { justify-content: center; text-align: center; color: #fff; display: flex; flex-wrap: wrap; flex-direction: column; ;}
.why-chose-items { padding: 0 80px 0 130px; }
.why-chose-items-lists { row-gap: 20px; }
.price-time-wrapp { margin: 15px 0; justify-content: center; column-gap: 20px; }
.time, .price-dur { padding: 10px 20px; background-color: #7b543b; color: #fff; border-radius: 15px;}
.time { background-color: #f38f17 }
.foot-therapy-wrapp { background-color: #fff; margin: 80px 0;}
.contact-wrapp { position: relative;; border: var(--border); border-radius: 60px; overflow: hidden;} .contact-logo { width: 150px; margin: 0 auto;}
.contact-address { width: calc(550px - 0px);text-align: center;} .contact-logo { padding-bottom: 15px;}
.contact-gmap { padding-left: 550px; } .gmap-align { position: relative; height: 600px; width: 100%;} .gmap-align iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.contact-address {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.delignt-point-align { padding-left: 100px;}
.expert-lists { padding-top: 10px; padding-left: 30px;}
.expert-lists li { display: block; padding: 4px 0 4px 17px; position: relative;}
.expert-lists li:before { content: ""; display: block; position: absolute; opacity: 0.5; left: 0; top: 12px; width: 8px; height: 8px; background-color: var(--brandColor); border-radius: 50%; }
/* .expert-lists ul {   display: grid;      grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));      gap: 2rem;  } */
.about-two-column-rev { flex-direction: row-reverse;}
.footer-wrpp, .hme-expert-title, .slide-img, .btm-book, .serv-land-item, .serv-land-item figure {position: relative;}
.hme-expert-wrapp, .hme-services-wrapp, .big-zone-align, .hme-express-rel-wrapp, .hme-guest-wrapp, .hme-story-wrapp, .footer-wrpp, #sub-page, .about-two-column, .spa-welness-btm, .about-center-btm, .service-btm-wrapp, .beauty-zone-wrapp, .foot-therapy-wrapp, .about-team-wrapp { padding: var(--gutter);}
.big-zone-align, .about-two-column, .glow-tariff-wrapp { padding-top: 0;}
.hme-expert-items, .serviceSlider, .hme-express-items {padding-top: 60px;}
.slide-img { border-radius: 20px; overflow: hidden;}
.hme-guest-wrapp { padding-bottom: 360px; position: relative;}
.hme-story-wrapp  { padding-top: 360px; padding-bottom: 130px;} 
.footer-wrpp  { padding-top: 130px; padding-bottom: 0px;}
.page-top { padding-bottom: 40px;}
.page-caption {padding-bottom: 60px;}
.about-team-wrapp .align { padding-bottom: 0; padding-left: 80px; padding-right: 80px; }
/* --------------------- All tilte ---------------- */
.terracotta { color: #c77a50; }
h1, h2, h3, h4 { font-weight: 400; line-height: 1.2;}
h1, h2, h3, h4
{   font-family: "Playfair", serif; }
.slide-ttile h3, .hme-express-items h3, .footer-head {    font-family: "Poppins", sans-serif;  } 
.btm-book h2 {  font-family: "DM Serif Display", serif; }
.banner-caption { font-size: 3rem; letter-spacing: 23px;}
.banner-middle-cnt p { font-size: 1.3331rem }
.welcome-title {  font-size: 7.0831rem; line-height: 1; font-weight: 800; color: #dfbfad; letter-spacing: 4px;} .welcome-title  span { display: block;   font-size: 2rem; text-transform: uppercase;}
.hme-expe-hd { font-size: 8.2rem; line-height: 0.7; letter-spacing: 10px; color: #fff; opacity: 0.2;  text-transform: uppercase; }
.hme-expe-over-hd { font-size: 2.8rem; position: absolute; bottom: 0; width: 100%; color: var(--brandColor); text-transform: uppercase; letter-spacing: 25px; line-height: 1;}
.hme-exp-sml-hd { font-size: 2.2rem; color:#c77a50; line-height: 1; font-weight: 800; }
.hme-expert-item p { line-height: 1.3; padding:10px 0 3px 0;}
.hme-serv-title .hme-expe-hd { color:#bc9d8b }
.slide-ttile h3 { color: #fff; padding-bottom: 55px; text-transform: uppercase; font-size: 1.2rem; line-height: 1.4;}
.glow-cap h2, .hme-abt-ttlel { font-size: 4rem; color: #fff; font-weight: 800;}
.large-title, .delignt-cnt h2, .widget-title   {   font-size: 3rem; font-weight: 700; padding-bottom: 30px; }
.delignt-cnt p { font-size: 1.2rem; line-height: 1.6;}
.btm-floating-caption h2 { font-size: 2.2rem; color: #896652; font-weight: 300; }
.btm-floating-caption h3 { font-size: 5rem; color: #e4c3b5;}
.testiSlider h3 { font-size: 1.8rem; padding-bottom: 15px; text-align: center;}
.testiSlider p, .hme-story-cnt p  { line-height: 1.8; text-align-last: center ; }
.hme-story-cnt p  { color: #f4f1ed;  } .hme-abt-ttlel { color: #dfbfad; line-height: 1; padding-bottom: 35px; }
.hme-abt-ttlel span { display: block; font-size: 1.6rem; font-weight: 400;}
.footer-head { color: var(--primaryColor); font-size: 1.4rem; padding-bottom: 15px; text-transform: uppercase;}
.btm-call { color: #3c3c3c; font-size: 1.3rem; text-transform: uppercase; } .btm-book h2 { color: #622a15; font-size: 2rem; font-style: italic;  }
.page-title-overlay { position: absolute; top: 50%; left:0; transform: translate(0, -50%); z-index: 100; width: calc(100% - 0px); text-align: center;  }

.page-title {  font-size: 3rem; letter-spacing: 16px; color: #fff; text-transform: uppercase;}

.page-title-overlay .page-caption  { color: #fff; padding: 30px 0 0 0;}


.top-head { font-size: 4.2rem; color: #c77a50; font-weight: 800; background-image: url(../images/icon/title-btm.webp); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 30px;}
.page-caption { font-size: 2rem; color: #896652; letter-spacing: 1px; line-height: 1.4;  }
.color-white { color: #fff;} .sub-title { font-size: 3rem;  padding-bottom: 20px; font-weight: 800; line-height: 1.1; } .sub-title span {display: block; font-size: 2.4rem; }
.abut-feat-list h3 { font-size: 1.8rem;  line-height: 1.1;}
.about-center-btm  { color: #896652;} .about-center-btm p { font-size:1.4rem;}
.small-title { font-size: 2.4rem; }
.serv-land-item h3 { color: #fff; font-size: 2.2rem; padding-top: 30px;}
.btm-captions { font-size: 3.8rem; padding-bottom: 30px; text-transform: uppercase; color: #d78329; letter-spacing: 20px; font-weight: 100;}
.serv-hd { font-size: 1.9rem; color: #c77a50;}
.price { color: #c77a50;} .price-dur { font-size: 1.1rem; min-width: 150px;} .price  strong { font-weight: 600;}
.serv-btm p { font-style: italic; font-size: 0.9rem; color: #797674;}
.dur-blk { font-size: 0.9rem;}
.hme-wellText, .hme-express-rel-wrapp p { font-size: 1.2rem; color: #2f2a27;}
.hme-express-rel-wrapp p { color: #fff;}
.hme-express-items h3 { padding-top: 15px;}
.sub-caption { font-size: 2.2rem; padding-bottom: 20px; color: var(--brandColor); }
.sub-caption  span { font-size: 1.9rem; display: block;}
.why-chose-hd { font-size: 1.9rem; padding-bottom: 10px;}
.small-text { font-size: 0.8rem;}
.sub-caption-overlay { font-size: 3.4rem; color: #fff; line-height: 1.1;}
.sub-caption-overlay span { display: block; font-size: 1.8rem;}
.chbk { font-size: 2rem;}
.beauty-zone-cnt-boxe, .beauty-zone-cnt-boxe .sub-caption{ color: #fff;}
.cnt-title, .title-color { color:#c77a50;}
.hme-expe-hd, .hme-expe-over-hd { font-weight: 800;}
.cnt-title { font-size: 1.7rem; line-height: 1;} .cnt-title span { font-size: 1rem; display: block;} .cnt-title strong { font-weight: 600;}
/* --------------------- All tilte ---------------- */ 
.know-btn, .moreDet-btn { width: 160px; margin: 0 auto; padding-top: 40px;} .know-btn { width: 130px; padding-top: 25px;}
.moreDet-btn a:link, .moreDet-btn a:visited, .know-btn a:link, .know-btn a:visited { border-radius: 10px; background-color: var(--brandColor); color: #fff; display: block; text-transform: uppercase; padding: 10px 0; text-align: center; font-size: 0.9rem;}
.btm-book-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.btm-book-btn a:link, .btm-book-btn a:visited { font-size: 1rem; display: block; background-color: var(--brandColor); color: #fff; border-radius: 10px; text-transform: uppercase; padding: 8px 30px;}
.book-btn a:link, .book-btn a:visited, .know-btn a:link, .know-btn a:visited { background-color: #d78329; font-size: 0.8rem; padding: 5px 0; }
.book-btn a:link, .book-btn a:visited { color: #fff; display: block; padding:7px 15px 5px 15px; border-radius: 15px; text-transform: uppercase;}
.kmr-btn { width: 150px; margin: 0 auto; padding-top: 15px;}
.kmr-btn a:link, .kmr-btn a:visited { display: block; padding: 8px 0; text-align: center; border: var(--border); border-radius: 20px; color: #c77a50; text-transform: uppercase; font-size: 0.9rem;
transition: all 0.5s ease; background-color: rgba(233,125,8,0);
}
.hme-expert-item:hover .kmr-btn a:link,  .hme-expert-item:hover .kmr-btn a:visited { background-color: rgba(233,125,8,0.8); color: #fff;}
.header-right { position: absolute; right: 0; gap: 10px; top: 50%; transform: translateY(-50%);}
.top-book-btn a:link, 
.top-book-btn a:visited {
display: block;
background-color: #df7d08;
color: #fff;
border-radius: 15px;
padding: 7px 30px;
text-transform: uppercase;
font-size: 0.9rem;
}
.moreDet-btn a:link, .moreDet-btn a:visited, .know-btn a:link, .know-btn a:visited, 
.top-book-btn a:link, 
.top-book-btn a:visited,
.btm-book-btn a:link, .btm-book-btn a:visited
{
transition: all 0.5s ease;
/* Required to contain and position the glow effect */
position: relative;
overflow: hidden;
text-decoration: none;
z-index: 1;
}
/* The glow/shine band */
.top-book-btn a::after, .moreDet-btn a::after, .btm-book-btn a::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(
120deg, 
rgba(255, 255, 255, 0) 0%, 
rgba(255, 255, 255, 0.4) 50%, 
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
transition: left 1s ease-in-out;
pointer-events: none;
}
.moreDet-btn a::after, .btm-book-btn a::after { mix-blend-mode:overlay;}
/* Trigger animation on hover */
.top-book-btn a:hover::after, .moreDet-btn a:hover::after, .btm-book-btn a:hover::after {
left: 150%;
}
.top-book-btn a:hover, .btm-book-btn a:hover, .moreDet-btn a:hover, .know-btn a:hover { border-radius: 25px;}
.know-btn a:hover  { background-color: #975c1d;}
.top-whats { padding-top: 5px;}.top-whats a:link, .top-whats a:visited { transition: all 0.5s ease; display: block; width: 28px; height: 28px; background-image: url(../images/icon/top-call.webp); background-repeat: no-repeat; background-size:100% auto;}
.top-whats a:hover {  background-image: url(../images/icon/top-call-ho.webp);}
.btm-call a:link, .btm-call a:visited { color: #3b3b39;}
.btm-call { background-image: url(../images/icon/btm-call.webp); background-repeat: no-repeat; background-position: left center; padding-left: 80px;} .btm-call p { line-height: 1.2; padding: 0;}
/* ------------- primary menu ------------- */
.primary-menu { position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100;   text-align: center; width:955px; } .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:20px 20px; font-size: 12pt; line-height: 14pt;   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.dpMenu ul, .resorts-sing-menu ul li.dpMenu 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.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: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: #543427 }
.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: 24px;}
.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(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);
display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 50px; justify-content: center; 
}
.menu-links a:link, .menu-links a:visited {display: block;  font-size: 11.5pt;   padding: 8px 0 8px 30px;position: relative;line-height: normal;  font-weight: 300;}
.menu-links a:hover {color: var(--titleColor); }
.menu-contact a:link, .menu-contact, .menu-contact a:visited, .menu-links a:link, .menu-links a:visited {color: #fff; }
.menu-links li a::before {content: "";display: block;background-color: #fff;   position: absolute;width: 5px;height: 5px;border-radius: 50%;left: 16px;top: 18px;opacity: 0.5; }
.menu-overlay.menu-open {transform: translateX(0); visibility: visible; }
.primary-menu-overlay {width: 840px;margin: 0 auto; }
.menu-overlay.menu-open .align {animation: menuRevealAnim 0.5s ease forwards;animation-delay: 0.2s; z-index: 1200; }
@keyframes menuRevealAnim {
0% {opacity: 0;}
100% {opacity: 1;}
}
.menu-header-fix .primary-menu {visibility: hidden;opacity: 0; }
.menu-header-fix .booknow-top a:link, .menu-header-fix .booknow-top a:visited {   color: #fff; }
.menu-heading {color: #fff;font-size: 20px;width: 100%;padding-bottom: 0px;text-transform: uppercase; font-weight: 400; }
.menu-overlay .container {position: relative;z-index: 100; }
.menurmBTn { padding-top: 10px; }
.menurmBTn a:after {content: ""; display: inline-block; margin-left: 10px;   border: solid #fff;   border-width: 0 2px 2px 0;   display: inline-block;  padding: 3px;   transform: rotate(-45deg);   -webkit-transform: rotate(-45deg); }
.menu-overlay .align { flex-direction: column; align-items: center; justify-content: center; gap: 100px; }
.menu-hams-mob-over-lay {    position: absolute;    top: 21px;    right: 21px;    z-index: 15000;}
.menu-hams-mob { position: absolute; right: 30px; top: 50%; transform: translateY(-50%);} 
/* ---------------- menu --------------------- */
.hamburger {width: 36px; }
.hamburger .line {width: 30px;height: 2px;background-color: #fff;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 --------------------------- */
/* ----------------- 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 --------------------- */ 
.testi-pagination  {position: relative; padding-top: 45px;}
.service-pagination, .banner-video { position: relative;} .service-pagination { padding-top: 40px;}
.animated-img img {   transform: scale(1.3); }

.homeSlider .swiper-slide-active img { animation:  animteimg 3s ease forwards; transform: scale(1.3); }
@keyframes animteimg
{
to { transform: scale(1); }
}
.hme-expert-item {   will-change: transform;  backface-visibility: hidden; /* Prevents edge flicker during rotation */ }
/* Keeps words intact and maintains standard inter-word spacing */
.banner-caption .word {  display: inline-block;  white-space: nowrap;  margin-right: 0.35em; }
/* Removes trailing margin on the final word */
.banner-caption .word:last-child {  margin-right: 0;}
/* Individual letter wrapper for 3D transforms */
.banner-caption .char {  display: inline-block;  will-change: transform, opacity;}
.fig-img-left, .beauty-img-left figure {  overflow: hidden;  border-radius: 0 var(--glow-radius) var(--glow-radius) 0;  will-change: transform, border-radius; }
.fig-img-left img,.beauty-img-left img {  display: block;  width: 100%;  height: 100%;  object-fit: cover;}
.glow-zone-cnt {  will-change: transform, border-radius;  overflow: hidden;  border-radius: 0 var(--glow-radius) var(--glow-radius) 0;}
.weekend-delight-wrapp {  --delight-radius: 0px;  position: relative;  overflow: hidden;  width: 100%;}
/* Curved on the left side: top-left | top-right | bottom-right | bottom-left */
.weekend-del-imag,.delight-point-wrapp {  border-radius: var(--delight-radius) 0 0 var(--delight-radius);  overflow: hidden;  will-change: transform, border-radius;}
.weekend-del-imag img {  display: block;  width: 100%;  height: 100%;  object-fit: cover;}
.btm-floating-caption {  --caption-radius: 0px;  border-radius: var(--caption-radius);  /* Keep horizontal center in base CSS */  will-change: transform, border-radius, opacity; }
.serv-land-item figure { overflow: hidden; }
.serv-land-item figure img { transform: scale(1); transition: all 1s ease;}
.serv-land-item:hover figure img { transform: scale(1.2); }
/* ------------------------- FAQ --------------------------- */
.faq-container {      width: 100%;       background: #ffffff;      padding: 30px;      border-radius: 12px;      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);     }
.faq-container h2 {      margin-bottom: 24px;      font-size: 24px;      text-align: center; color: var(--color);}
.faq-item {border-bottom: 1px solid #e5e7eb;}.faq-item:last-child {border-bottom: none;}/* Question Button Header */
.faq-question{width:100%;background:none;border:none;outline:none;padding:18px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:16px;font-weight:600;color:#1f2937;cursor:pointer;transition:color .2s ease}
.faq-question:hover{color:#c77a50}
.faq-icon{font-size:22px;font-weight:400;line-height:1;transition:transform .3s ease;color:#6b7280;user-select:none;margin-left:12px}
.faq-item.active .faq-icon{transform:rotate(45deg);color:#c77a50}
.faq-item.active .faq-question{color:#c77a50}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}
.faq-answer-inner{padding-bottom:18px;color:#4b5563;font-size:14px;line-height:1.6}
/* ------------------------- FAQ --------------------------- */
/* --- Testimonials Grid --- */
.testimonial-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));      gap: 2rem; 
width: 100%;
box-sizing: border-box;
}
/* --- Individual Card --- */
.testimonial-card {      background: linear-gradient(to bottom,  rgba(232,226,220,1) 0%,rgba(232,226,220,0) 100%);
border-radius: 60px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;      padding: 2rem;
display: flex;       flex-direction: column;      justify-content: space-between;           box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0);  transition: all 0.5s ease;         }
.testimonial-card:hover {          box-shadow: 0 -10px 15px 0px rgba(0, 0, 0, 0.08);    }
.rating {      color: #f59e0b; /* Golden star color */      margin-bottom: 1rem;      font-size: 1.1rem;    }
.feedback {      font-size: 0.95rem;      line-height: 1.6;      color: #475569;      margin-bottom: 1.5rem;    }
/* --- User Profile Info --- */
.user-info {      display: flex;      align-items: center;      gap: 1rem;    }
.user-details h4 {      font-size: 1.6rem;      color: #c77a50;      margin-bottom: 0.2rem;    }
.quote-test { display: inline-block; padding-left: 47px; position: relative; }
.quote-test::before { content: "''"; display: inline-block; font-size: 3rem; position: absolute;     left: 22px;
top: -17px; color: var(--brandColor); opacity: 0.5;} 
/* --- Testimonials Grid --- */
/* ------------------------- flot whatsapp ------------------------ */
.floating-btns {    position: fixed;    bottom: 70px;    right: 30px;    z-index: 12000;    opacity: 0;    visibility: hidden;    transform: translateY(30px);    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease; }
.f-call, .bbtn {    margin-bottom: 15px;}
.float-fix {    opacity: 1;    visibility: visible;    transform: translateY(0);    transition-delay: 0.3s;}
.float-fix-book {    opacity: 1;    visibility: visible;    transform: translate(-50%, 0);    transition-delay: 0.3s;}
/* Colors */
.fab.call {    background: linear-gradient(135deg, #fffdf1, #ffffff)}
.fab.whatsapp {   background: linear-gradient(135deg, #25D366, #128C7E);    animation-delay: 1.2s;}
/* Tooltip */
.tooltip {    position: absolute;    right: 70px;    background: #111;    color: #fff;    padding: 6px 12px;    border-radius: 6px;    font-size: 13px;    white-space: nowrap;
opacity: 0;    transform: translateX(8px);    pointer-events: none;    transition: all .25s ease;}
/* Tooltip arrow */
.tooltip::after {    content: "";    position: absolute;    top: 50%;    right: -6px;    transform: translateY(-50%);    border: 6px solid transparent;    border-left-color: #111;}
/* Show tooltip on hover */
.fab:hover .tooltip, .bbtnLink:hover .tooltip {    opacity: 1;    transform: translateX(0);}
/* Pulse */
@keyframes pulse {
0% {        box-shadow: 0 0 0 0 rgba(0,0,0,.4);    }
70% {        box-shadow: 0 0 0 14px rgba(0,0,0,0);    }
100% {        box-shadow: 0 0 0 0 rgba(0,0,0,0);    }
}
.grecaptcha-badge {    visibility: hidden !important;}
/* Button base */
.fab {    position: relative;    width: 50px;    height: 50px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    box-shadow: 0 10px 25px rgba(0,0,0,.25);    animation: pulse 2.5s infinite;    transition: transform .3s ease, box-shadow .3s ease;    display: flex !important;    justify-content: center;    align-items: center; }
.f-whats img { width: 25px; }
.slide-img img { transition: all 0.5s ease; transform: scale(1); }
.swiper-slide:hover  .slide-img img { transform: scale(1.2); filter: brightness(90%); }
.book-btn-whats a:link, .book-btn-whats a:visited { padding-left: 45px; position: relative;  transition: all 0.5s ease; background-color: #1fbe6d; }
.book-btn-whats a:before, .book-btn-whats-icon a:before { content: ""; display: block; width:18px; height: 18px;  background-image: url(../images/icon/top-call.webp); background-size: 100% auto; position: absolute; left: 15px; top: 7px;     transition: all 0.4s ease;
} 
/* Hover Button */
.book-btn-whats a:hover, .book-btn-whats-icon a:hover {
background-color: #109f56;
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(31, 190, 109, 0.3);
}
/* Icon Animation */
.book-btn-whats a:hover:before {
transform: rotate(15deg) scale(1.15);
}
/* Continuous Pulse Effect */
.book-btn-whats a, .book-btn-whats-icon a {
animation: whatsappPulse 2.5s infinite;
}
/* Pulse Keyframes */
@keyframes whatsappPulse {
0% {
box-shadow: 0 0 0 0 rgba(31, 190, 109, 0.4);
}

70% {
box-shadow: 0 0 0 10px rgba(31, 190, 109, 0);
}

100% {
box-shadow: 0 0 0 0 rgba(31, 190, 109, 0);
}
}
.book-btn-whats-icon { width: 30px; }
.book-btn-whats-icon a:link, .book-btn-whats-icon  a:visited { display: block; width:100%; height: 30px; background-color: #1fbe6d; position: relative; border-radius: 50%; position: relative; }
.book-btn-whats-icon a:before { left: 50%; top: 50%; transform: translate(-50%, -50%);}
.book-btn-whats-icon span { display: none; position: absolute; left: -100px; background-color: #fff; padding: 5px 10px; border-radius: 10px; font-size: 0.8rem; text-transform: uppercase; opacity: 1; }
.book-btn-whats-icon:hover span { display: block; animation:whatsAni 0.5s ease forwards }
@keyframes whatsAni {
0% { opacity: 0; transform: translateX(10px);}
100% { opacity: 1;  transform: translateX(0px);}
}
.book-btn-whats-icon a:hover { transform: translateY(0);}
.fixed-bottom-mobile {  display: none !important; opacity: 0; border-top: 1px solid rgba(255, 255, 255, 0.2);    position: fixed;    bottom: 0;    left: 0;    width: 100%;transition: all 0.5s ease;transform: translateY(123px);z-index: 120000;  }
.fixed-bottom-mobile.hide-mobF { opacity: 0;    transform: translateY(0);   }
/* @media (max-width: 640px) { */
/* ----------------------- footer cnt animation -------------------------------- */
/*
.fixed-bottom-mobile {  transition: all 0.5s ease; font-family: "Poppins", sans-serif;}
.fixed-bottom-mobile.hide-mobF {  animation: footMoAni 1s ease forwards; animation-delay: 0.2s;}
@keyframes footMoAni { 0% { opacity: 0;}100% { opacity: 1;} 
}
.btm-mail-btn svg { width: 26px;margin-top: 3px; }
.btm-left-btns { padding-right: 0; width: calc(100% - 0px); justify-content: space-around;}
.btm-enq-btn { width: calc(50% - 20px); text-align: center;}
.btm-left-btns a:link, .btm-left-btns a:visited {    display: flex;    align-items: center;    height: 100%;    position: relative; gap: 10px;}
.btm-left-btns span {      display: block;    padding: 0 25px 0 15px;    text-transform: uppercase;    line-height: 12pt; }
.btm-left-btns svg {    width: 32px;    height: auto;    fill: var(--color);}
.btm-loc-btn svg {    width: 18px;}  .btm-call-btn svg {    width: 26px;}
.btm-mail-btn svg {    width: 26px;    margin-top: 3px;}
.fixed-bottom-mobile .align {    background-color: #653f24; padding: 10px 20px; justify-content: center; }
.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: 15px 20px;    background-color: #652600;    color: #fff;    text-transform: uppercase; }
.btm-left-btns span { padding: 5px 0 0 0; font-size: 8pt; }
.btm-call-btn svg, .btm-mail-btn svg { fill: #fff;}
.btm-left-btns span.ctmCntxt { font-size: 0.9rem; padding-left: 15px; color: #fff; letter-spacing: 2px; }
.btm-left-btns span { color: #fff; opacity: 0.8;}
}
*/
/* ----------------------- footer cnt animation -------------------------------- */