
.resorts-common-content { padding: 0 100px 60px 100px; text-align-last:  center;} .resort-land-wrapp { gap: 60px;}
.resort-land-item { width: calc(33.333% - 60px); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); transition: all 0.5s ease; }
.resort-land-item:hover {   box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.3);}
.resort-land-item img { width: 100%; }
.land-cnt { text-align-last: center; padding:20px 40px 40px 40px; }
.res-bnt-group { justify-content: center; gap: 10px; padding-top: 30px;}
.pack-btn a:link, .det-btn a:link, .pack-btn a:visited, .det-btn a:visited {     display: block; padding: 5px 20px; border: 1px solid #cacfde; border-radius: 8px; font-size: 11pt; text-transform: uppercase; transition: all 0.5s ease; transform: translateY(0); 

background-color: #637d1c; color: #fff;}
.pack-btn a:hover, .det-btn a:hover { transform: translateY(-10px);}
.res-bnt-group .pack-btn { display: none;}

.land-cnt h4 span { font-size: 16pt;} .land-cnt h4 { line-height: 22pt;}

.dicMenu a:link, .dicMenu a:visited { line-height: 20pt; transition: all 0.5s ease; background-color: rgba(0,0,0,0); }
.dicMenu  li { border-bottom: 1px solid rgba(0,0,0,0.1);} .dicMenu  li:last-child { border: none;}



.resort-single-content-main { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2efea+0,f2efea+27,ffffff+100 */
background: linear-gradient(to bottom,  rgba(242,239,234,1) 0%,rgba(242,239,234,1) 27%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-top-left-radius: 40px; border-top-right-radius: 40px; padding: 40px 70px; } .res-single-head { padding-bottom: 40px;}
.single-title { font-size: 16pt; font-weight: 600; }
.ressort-selector, .dicMenu  { width: 250px; } .dicMenu  { width: 300px; }
.dicMenu  a:link, .dicMenu  a:visited { display: block; padding: 5px 15px; }
.dpMenu-disc { position: relative; width: 100%; display: block !important; float: right; }
.dicMenu { display: none; opacity: 0; position:absolute; top: 80px; background-color: #fff; font-size: 10.5pt; padding: 10px 0;}
.dicMenu.open {  animation: discMenuAnim 0.5s ease forwards; animation-delay: 0.2s; display: block; }
@keyframes discMenuAnim {
    0%  { opacity: 0; top: 80px;}
   100%  { opacity: 1; top: 50px;}    
}
#menu-toggle { font-size: 11pt; border: var(--border); letter-spacing: 1px; width: calc(100% - 0px); padding: 10px 20px; background-color: #fff;}
#menu-toggle a { display: block; position: relative; text-align: left !important;} #menu-toggle span { position: absolute; display: block; right: 20px; top: 15px;}
#menu-toggle span:after, #menu-toggle span:before { position: absolute; width: 10px; height: 2px; background-color: #000; content: ""; transition: all 0.5s ease;  transform: rotate(44deg) translate(0px, 4px);  }
#menu-toggle span:before { transform: rotate(-44deg) translate(0px, 4px);  } .header-fix .site-logo  { width: 80px; } 
.resort-lalnd-cnt { padding: 60px 0 0; }  .resort-name h3 { font-size: 22pt; padding-bottom: 20px; font-weight: 600; }
.resort-pack-wrapp {         border-top-left-radius: 40px; border-top-right-radius: 40px; padding: 40px 70px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9ebf3+0,e9ebf3+27,ffffff+100 */
background: linear-gradient(to bottom,  rgba(233,235,243,1) 0%,rgba(233,235,243,1) 27%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
.pack-head { font-size: 20pt; font-weight: 800; padding-bottom: 15px; }
.btm-therappy-wrapp { padding: var(--gutter60);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f1e8+0,f4f1e8+10,f4f1e8+10,fff4f4+69,fff4f4+100 */
background: linear-gradient(to bottom,  rgba(244,241,232,1) 0%,rgba(244,241,232,1) 10%,rgba(244,241,232,1) 10%,rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ayur-therappy-slider figure { position: relative; padding-bottom: 28px;}
.ayur-therappy-slider figcaption { position: absolute; top: 30px; left: 0; width: 100%; z-index: 100; text-align: center; color: #fff; }
.ayur-therappy-slider figure span { display: block; position: absolute; bottom: 0; left: 50%;  transform: translateX(-50%);  background-image:url(../images/icon/slide-next-arrow.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 48px; height: 48px; }
.ayur-therappy-slider h4 { font-size: 18pt;} .ayur-therappy-slider h5 { font-size: 12pt;}
.btm-therappy-wrapp  .view-therappy-btn { padding-top: 30px; }
.page-caption h3 { font-size: 26pt; font-weight: 600; padding-bottom: 25px;  } 
.container-sub { max-width: 1600px;} .ayur-iteneries-block {padding-top: 20px;}
.about-tp-cnt, .about-image, .mission-image, .mission-text, .ayur-iteneries, .ayur-itenery-image { width: calc(50% - 0px);} 
.ayur-itenery-image, .about-image { padding-left: 80px;}
.mission-image {padding-right: 80px;}  .about-tp-cnt { text-align-last:center;}
.about-top-wrapp, .about-story-wrapp, .about-story-heart-wrapp, .abt-mis-vis-wrapp, #sub-page, .therappys-on-the-go { padding: var(--gutter80);}
.therappys-on-the-go  { padding-bottom: 0;}
#sub-page {padding-bottom: 0;} .about-top-wrapp { padding-top: 40px;}
.about-story-wrapp { background-color: #f3f4f7; text-align-last:center;}
.abt-difference-wrapp-main   { background-color: #f3f4f7; padding: var(--gutter60);  }
.abt-difference-wrapp-main:last-child { background-color: #fff; padding-bottom: 0; }

 .about-story-heart-wrapp { background-color: #e8eaf0;  text-align-last:center  }
.abt-misison-block  { padding-top: 60px;}
.abt-cap h3 { font-size: 30pt; font-weight: 600; padding-bottom: 10px; text-transform: uppercase;}
.abt-cap  h4 { font-size: 22pt; padding-bottom: 25px; }
.small-cap h3 { font-size: 20pt; padding-bottom: 20px;}
 .small-heading h4 { font-size: 28pt; padding-bottom: 25px; font-weight: 600;}
.ayur-top-content { padding-bottom: 80px;  background-image: url(../images/title-patter-reversed.webp); background-repeat: no-repeat; background-position: center bottom; }
 .ayur-pack-blocks  { margin: 30px 0;} .ayur-pack-blocks { padding: 60px; border-top-left-radius: 40px; border-top-right-radius: 40px;  }
.expe-ayur, .weigh-ayur { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2efea+0,ffffff+100 */
background: linear-gradient(to bottom,  rgba(242,239,234,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.comp-ayur, .marma-ayur { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2efea+0,ffffff+100 */
background: linear-gradient(to bottom,  rgba(233,235,243,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.ayur-title h3 { font-size: 28pt; font-weight: 800; padding-bottom: 20px;} .ayur-title h3 span { font-size: 20pt; font-weight: 400;}
.ayur-iteneries li { display: block; padding: 8px 0 8px 15px; position: relative; line-height: normal;}
.ayur-iteneries li:before { content: ""; display: block; width: 8px; height: 8px; background-color: rgba(99,125,28,0.5); position: absolute; left: 0; top: 15px; border-radius: 50%;}
.ayur-iteneries ul li ul li { font-size: 12pt;}
.ayur-itenery-image img { border-radius: 20px; }
.comp-ayur .ayur-iteneries-block { flex-direction: row-reverse;}
.comp-ayur .ayur-iteneries-block .ayur-itenery-image { padding-left: 0; padding-right: 80px;}
.slide-cnt { text-align: center; background-color: #e8eaf0; padding: 30px;}


/* ------------------------------ Gallery --------------------------- */
.gallery-menu {    border: 1px solid #f3f3f3;    border-left: none;    border-right: none;}
.gallery-menu ul {    justify-content: center;}
.gallery-menu a:link, .gallery-menu a:visited {    display: block;    padding: 20px 25px;    text-transform: uppercase; }
.gallery-menu a.active:link, .gallery-menu a.active:visited {    font-weight: 600;    background-color: rgba(0,0,0,0.1);}
.gallery-block {    padding-top: 40px ;}
.gallery-block ul {    gap: 15px;}
.gallery-block li {    display: block;    width: calc(25% - 15px);}
.gallery-block img {    border-radius: 10px;}
.video-gallblk {    width: 1000px;    margin: 0 auto;}
.video-gallery-block, .downloads-wrapp {    padding-top: 50px;}
.down-eb-cn { padding: 50px 25px; border: 1px solid #f4f1e8; max-width: 400px; margin: 0 auto;}
.down-eb-cn-img img { width: 110px;} .down-icon table { width: 100%; padding: 5px 20px; background-color: #ededed;} .down-eb-cn-img { text-align: center; padding-bottom: 30px;}
/* ------------------------------ Gallery --------------------------- */
/* ------------------------------ contact  --------------------------- */
.contact-wrapp {    border: 1px solid #f4f1e8; margin-bottom: 60px; } 
.contact-address {    width: calc(45% - 0px);    text-align: center;    padding: 50px 0; }
.google-map {    width: calc(55% - 0px); height: 600px;     position: relative }
.google-map iframe {    position: absolute;    width: 100%;    height: 100%;    top: 0;     left: 0; }
.cnt-logo {    padding-bottom: 20px; }
.cnt-logo img {    width: 250px; } 
/* ------------------------------ contact  --------------------------- */


.footer-call { background-image: url(../images/icon/foot-call.webp);}



