/*
 Theme Name: Astra Child
 Theme URI: https://wpastra.com/
 Description: Child theme for Astra
 Author: Excite
 Author URI: https://excite-design.com/
 Template: astra
 Version: 1.0.0
*/
/* Add your custom CSS below */
*, :after, :before {box-sizing: border-box;}
/* prevent the rubber band effect */
/*html, body {
	overscroll-behavior-y: contain;
}*/

/* prevents iOS rubber band excite */
/*html, body {
  overscroll-behavior: none;
}*/

/*html, body {
  height: 100%;
  overflow-y: scroll;
}*/


/*html {scroll-behavior: smooth;}
html.lenis{height: auto;}*/
body::-webkit-scrollbar{display: none;}
body{-ms-overflow-style:none;scrollbar-width:none;/*cursor: none;  Hide default cursor */}
a:focus{outline:none;border:0;box-shadow:none;}
html, body {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
html {
  scroll-behavior: smooth;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/*.ast-plain-container.ast-no-sidebar #primary, #primary{margin-top: 0;margin-bottom: 0;}
.ast-narrow-container .site-content > .ast-container{max-width: 100%!important;}
.hentry{margin: 0 !important;}*/

@font-face {
  font-family: 'HelveticaNeueLTArabic-Bold';
  src: url('assets/fonts/HelveticaNeueLTArabic-Bold.eot');
  src: url('assets/fonts/HelveticaNeueLTArabic-Bold.woff2') format('woff2'),
       url('assets/fonts/HelveticaNeueLTArabic-Bold.woff') format('woff'),
       url('assets/fonts/HelveticaNeueLTArabic-Bold.ttf') format('truetype'),
       url('assets/fonts/HelveticaNeueLTArabic-Bold.svg#HelveticaNeueLTArabic-Bold') format('svg'),
       url('assets/fonts/HelveticaNeueLTArabic-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.site-main {display: none !important;}
.events-fixed-pattern,
.parallax-fixed-pattern {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}
.global-padding {padding-right: 160px;padding-left: 160px;}
.sections-padding {padding-right: 0px;padding-left: 0px;}
p:last-child{margin-bottom:0;}
.global-container{padding-top:80px;padding-bottom: 80px;}

h1{font-family:"Belleza";font-weight:400;font-size:80px;line-height: 1;}
h2{font-family:"Belleza";font-weight:400;font-size:60px;line-height: 1;}
h3{font-family:"Belleza";font-weight:400;font-size:48px;line-height:1;}
h4{font-family:"Belleza";font-weight:400;font-size:30px;line-height:1;}
h5{font-family:"Belleza";font-weight:400;font-size:36px;line-height:1;}

.text{font-family:"Montserrat";font-weight:500;font-size:18px;line-height: 24px;}
.text strong, .text b{font-family:"Montserrat";font-weight:700;}
.text a{text-decoration:none;}

.text1{font-family:"Montserrat";font-weight:500;font-size:25px;line-height: 30px;}
.text1 strong, .text1 b{font-family:"Montserrat";font-weight:600;}
.text1 a{text-decoration:none;}

.dark-overlay{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height: 100%;/*background-color: rgba(0,0,0,.5);*/z-index:1;background-image: url("assets/images/Home-Villas-Module-8.png");background-size: cover;background-position: bottom center;}

.custom-button{display: flex;}
/*.custom-button a{font-family: "Montserrat" !important;font-weight: 700 !important;font-size: 14px !important;line-height: 14px !important;padding: 20px 32px !important;margin-bottom: 0;border-radius: 0 !important;justify-content: center;background-color: #678483;color:#ebd1b2;text-transform: uppercase;letter-spacing: 2px;}
.custom-button a:hover{background-color: #7b4845;color:#ebd1b2;}*/

.custom-button a {position: relative;font-family: "Montserrat" !important;font-weight: 700 !important;font-size: 14px !important;line-height: 14px !important;padding: 20px 32px !important;margin-bottom: 0;border-radius: 0 !important;justify-content: center;background-color: #678483;color: #ebd1b2;text-transform: uppercase;letter-spacing: 2px;overflow: hidden;display: inline-block;z-index: 0;}

.box-animate-parallax {will-change: transform; /* improves performance */transition: transform 0.1s linear; /* optional smoothing */}


/* Overlay */
.custom-button a:before {content: "";position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;background-color: #7b4845;z-index: -1;}

.custom-button a.hover-in:before {animation: slideUpIn 0.5s forwards;}
.custom-button a.hover-out:before {animation: slideUpOut 0.5s forwards;}
.custom-button a:hover {color: #ebd1b2;}

.banner-info .custom-button a:before, .benefit-info-content .custom-button a:before, .home-villas-button.custom-button a:before, .thankyou-popup .popup-content .custom-button a:before{background-color: #ebd1b2;}
.banner-info .custom-button a:hover, .benefit-info-content .custom-button a:hover, .home-villas-button.custom-button a:hover, .thankyou-popup .popup-content .custom-button a:hover {color: #7b4845;}

.general-mood-button.custom-button a:before, .home-events-info.about-info .custom-button a:before {background-color: #ebd1b2;}
.general-mood-button.custom-button a:hover, .home-events-info.about-info .custom-button a:hover{color: #7b4845;}

/* Hover in animation */
@keyframes slideUpIn {
  0% { bottom: -100%; }
  100% { bottom: 0; }
}

/* Hover out animation */
@keyframes slideUpOut {
  0% { bottom: 0; }
  100% { bottom: 100%; }
}

.shell-icon .cls-1 {fill: #ebd1b2;}
.accent-icon .cls-1 {fill: #ebd1b2;}
.bg-green-mint{background-color: #678483;}

.parallax-fixed-pattern .cls-1 {fill: #7b4845;}
.parallax-fixed-pattern .cls-2 {clip-path: url(#parallax-pattern);}
.parallax-fixed-pattern .cls-3 {fill: none;}

.events-pattern .cls-1 {clip-path: url(#events-pattern-2);}
.events-pattern .cls-2 {clip-path: url(#events-pattern-1);}
.events-pattern .cls-3 {fill: #678483;}
.events-pattern .cls-4 {clip-path: url(#events-pattern);}
.events-pattern .cls-5 {fill: none;}
.events-pattern .cls-6 {clip-path: url(#events-pattern-3);}

.resort-background-pattern .cls-1 {fill: #678483;}
.resort-background-pattern .cls-2 {opacity: .15;}
.about-resort .resort-background-pattern .cls-1 {fill: #eed7bb;}
.resort-background-pattern{width:100%;height:100%;object-fit: cover;}
.contact-details-background .resort-background-pattern{height: auto;}

.home-service-pattern .cls-1 {fill: #678483;}
.home-service-pattern .cls-2 {clip-path: url(#home-service-pattern-clippath);}
.home-service-pattern .cls-3 {fill: none;}

.number-of-guests .cls-1 {fill: #ebd1b2;}
.private-events .cls-1 {fill: #ebd1b2;}
.sqm .cls-1 {fill: #ebd1b2;}

.benefit-pattern .cls-1 {fill: none;opacity: .19;stroke: #ebd1b2;stroke-miterlimit: 10;}

.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

a:focus-visible,
a:focus-visible .ast-custom-button,
a:focus-visible .banner-villas-thumbnail-background,
a:focus-visible .banner-villas-explore,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #000000 !important;
    outline-offset: 3px !important;
}
.banner-villas-wrapper a:focus-visible{outline: none !important;}

/** Banner **/
.banner-section{display: flex;position: relative;/*height: 100vh;*//*padding-top: 180px;*/width: 100%;min-height: 650px;z-index: 2;background-color: #7b4845;}
.banner-media{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;display: block;z-index: -1;overflow: hidden;}
.banner-media:before {content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;/*background: rgba(0, 0, 0, 0.35);*/z-index:1;background-image: url("assets/images/top-banner-home-villas-8.png");background-size: cover;background-position: bottom center;}
.banner-file{width: 100%;height: 100%;object-fit: cover;}
.banner-info{position: absolute;text-align: center;width: calc(100% - 40px);height: auto;display: block;left: 20px;right: 20px;top: 55%;transform: translateY(-50%);padding: 0px;}
.banner-info h1, .banner-info .text1{color:#ebd1b2;}
.banner-info h1 a, .banner-info .text1 a{position:relative;color:#ebd1b2;text-decoration: none;}
.banner-info h1 a:after, .banner-info .text1 a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #ebd1b2;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.banner-info h1 a:hover:after, .banner-info .text1 a:hover:after{transform: scaleX(.75);opacity: 1;}


.banner-info h1{margin-bottom:20px;}
.banner-info .text1{letter-spacing: 0.5px;}
.banner-info .custom-button{justify-content: center;margin-top:40px;}
.banner-info .custom-button a:hover{background-color: #ebd1b2;color:#7b4845;}

.banner-villas-wrapper{position: absolute;bottom:-99px;left: 50%;transform: translateX(-50%);width:100%;max-width: 1250px;}
.banner-villas-wrapper ul{display: flex;gap:0;list-style: none;margin: 0;}
.banner-villas-wrapper ul li{display: flex;width:25%;height:198px;flex-direction: column;background-color: #678483;position: relative;}
.banner-villas-wrapper ul li:before{content:"";position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image: url("assets/images/shell-explore.svg");background-repeat: no-repeat;background-position: bottom right;}
.banner-villas-info{position: absolute;z-index: 2;left:0;right:0;top:50%;transform: translateY(-50%);padding-left:35px;padding-right:35px;}
.banner-villas-info h4{color:#ebd1b2;padding-bottom:10px;}
.banner-villas-text{font-family: "Montserrat";font-weight: 500;font-size:18px;line-height: 1; color:#ebd1b2;}
.banner-villas-thumbnail{position: absolute;top:0;right:0;bottom:0;left:0;opacity: 1;visibility: visible;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.banner-villas-thumbnail img, .banner-villas-thumbnail video{width: 100%;height: 100%;object-fit: cover;}
.banner-villas-explore{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);padding-left: 35px;padding-right: 35px;display: flex;justify-content: center;align-items: center;gap: 10px;}
.banner-villas-icon{width:85px;height:46px;}
.banner-villas-button-title{position:relative;font-family: "Montserrat";font-weight: 600;font-size:14px;line-height: 1; color:#ebd1b2;text-transform: uppercase;letter-spacing: 1px;}
.banner-villas-button-title:after{content: "";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background-color: #ebd1b2;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.banner-villas-wrapper a:hover .banner-villas-button-title:after{transform: scaleX(.75);opacity: 1;}

.banner-villas-thumbnail-background{position: absolute;top:0;right:0;bottom:0;left:0;}
.banner-villas-thumbnail-background img, .banner-villas-thumbnail-background video{width: 100%;height: 100%;object-fit: cover;}
.banner-villas-wrapper ul li a .dark-overlay{opacity: 1;visibility: visible;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;background-color: transparent;background-image: url("assets/images/top-banner-home-villas-8.png");background-size: cover;background-position: bottom center;}
.banner-villas-wrapper ul li a:hover .banner-villas-thumbnail, .banner-villas-wrapper ul li a:hover .dark-overlay{opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.banner-villas-wrapper ul li a:hover .banner-villas-thumbnail-background{}

.image_animation_wrapper {perspective: 1000px;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;position: absolute;overflow: hidden;z-index: 0;}

.box_animation_wrapper:before{display: none;}

@media (min-width: 1024px) {
	.image_animation_wrapper .media-item__img {position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;width: 100%;/*min-width: 80vw;*/height: 120%;will-change: transform;transform-style: preserve-3d;backface-visibility: hidden;}
	.box_animation_wrapper .media-item__img {box-sizing: border-box; flex-shrink: 0;
	display: block;
	/*width: 100%;
	height: auto;*/
	/*clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);*/ /* start hidden */
	transition: clip-path .5s ease-out;
	will-change: clip-path;
	}
	.box_animation_wrapper { --media-item-ratio: 1;flex: 0 0 auto;  }
} 
/** Enf Banner **/

/** Home ABout **/
.home-about-container{display: flex;justify-content: center;align-items: center;text-align: center;padding-top: 140px;padding-bottom: 110px;position: relative;overflow: hidden;background-color: #fff;z-index: 1;}
.home-about-wrapper{display:flex;flex-direction: column;align-items:center;max-width:750px;}
.home-about-icon{display:flex;justify-content: center;max-width:500px;padding-bottom:40px;margin-bottom:30px;border-bottom: 1px solid #678483;}
.home-about-icon .shell-icon{width:113px;height:62px;}
.home-about-icon .accent-icon .cls-1{fill:#678483;}
.home-about-wrapper h3{margin-bottom:30px;color:#678483;max-width:506px;}
.home-about-wrapper .text1{color:#7b4845;padding-bottom:25px;}
.home-about-wrapper .text1 a{position:relative;cursor:pointer;color:#7b4845;}
.home-about-wrapper .text1 a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #7b4845;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.home-about-wrapper .text1 a:hover:after{transform: scaleX(.75);opacity: 1;}
.home-about-wrapper .home-about-link{position:relative;}
.home-about-wrapper .home-about-link:before{content: "";position:absolute;bottom:-85px;left:50%;height:60px;width:1px;background-color:#668788;}
.home-about-wrapper .home-about-link a{position:relative;font-family: "Montserrat";font-weight: 700;font-size:14px;line-height: 1;color:#678483;text-transform: uppercase;padding-bottom: 1px;letter-spacing: 2px;}
.home-about-wrapper .home-about-link a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #678483;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.home-about-wrapper .home-about-link a:hover:after{transform: scaleX(.75);opacity: 1;}

/** Home Villas **/
.home-villas-container{display: flex;position: relative;overflow: hidden;min-height:650px;/*height:100vh;*/text-align:center;z-index: 1;}
.home-villas-wrapper{width:100%;}
.home-villas-wrapper h2{color:#ebd1b2;}
.home-villas-content{min-height: 520px;margin-top: 30px;}
.home-blog-swiper{}
.home-villas-info-wrapper{display: flex;flex-direction: column;height: 100%;min-height: 520px;align-items: start;justify-content: center;text-align: left;}
.home-villas-info-wrapper a{display: inline-block;width: 100%;}
.home-villas-info-wrapper h2{padding-bottom:20px;color:rgba(235,209,178,.5);margin-left: 20px;margin-right: 20px;}

.home-villa-thumbnail-desktop{position: absolute;top:0;right:0;bottom:0;left:50%;z-index:-1;opacity:0;visibility: hidden;transition: all .3s ease-in-out;width:80%;transform: translateX(-50%);}
.home-villa-thumbnail-desktop img, .home-villa-thumbnail-desktop video{width: 100%;height: 100%;object-fit: cover;}

.home-villa-thumbnail-mobile{display:none;position: absolute;top:0;right:0;bottom:0;left:0;z-index:-1;}
.home-villa-thumbnail-mobile img, .home-villa-thumbnail-mobile video{width: 100%;height: 100%;object-fit: cover;}
.home-villas-info{margin-left: 20px;margin-right: 20px;}
.home-villas-text{font-family: "Montserrat";font-weight: 500;font-size:16px;line-height: 1;color:rgba(235,209,178,.5);margin-bottom:30px;}
.home-villas-subtitle{font-family: "Montserrat";font-weight: 600;font-size:18px;line-height: 22px;color:rgba(235,209,178,.5);opacity:0;visibility: hidden;transition: all .3s ease-in-out;}
.home-villas-button{position: absolute;bottom: 57px;left: 50%;transform: translateX(-50%);z-index: 2;}
.home-villas-button.custom-button a:hover{background-color:#ebd1b2 !important;color:#7b4845;}
.home-villas-swiper.swiper-backface-hidden .swiper-slide{position: unset;transform: none;}
.about-villas-swiper.swiper-backface-hidden .swiper-slide{position: unset;transform: none;}
.home-villa-active .home-villas-subtitle{opacity:1;visibility: visible;}
.home-villa-active .home-villa-thumbnail-desktop{opacity:1;visibility: visible;}
.home-villa-active .home-villas-info-wrapper h2, .home-villa-active .home-villas-text, .home-villa-active .home-villas-subtitle{color:rgba(235,209,178,1);}
.home-villas-swiper .swiper-scrollbar {opacity:0;}
.about-villas-swiper .swiper-scrollbar {opacity:0;}

/** Home Experience **/
.parallax-fixed-pattern{position: fixed;right: 0;top:50%;transform: translateY(-50%);width: 358px;height:422px;z-index: 0;display: none;}
.parallax-fixed-pattern svg{width: 450px;}
.home-experience-container{display: flex;position: relative;overflow: hidden;/*min-height:650px;*/text-align:center;}
.home-experience-container:before{content: "";position: absolute;left:0;top:0;right:0;bottom:0;background-color: #678483;z-index: -1;}
.home-experience-wrapper {display: flex;flex-direction: column;gap: 60px;width: 100%;z-index: 1;}
.home-experience-wrapper-top {display: flex;align-items: flex-start;gap: 40px;}
.home-experience-top-left, .home-experience-top-right {flex: 1;position: relative;overflow: hidden;}
.home-experience-top-left img, .home-experience-top-left video, .home-experience-top-right img, .home-experience-top-right video {width: 100%;height: 100%;object-fit: cover;display: block;}
.home-experience-top-right img, .home-experience-top-right video{max-width:70%;}
.home-experience-top-left {padding-bottom: 100px;}
.home-experience-top-right {display: flex;justify-content: end;padding-top: 60px;}
.home-experience-wrapper-bottom {display: flex;align-items: stretch;gap: 40px;position:relative;}
.home-experience-info {flex: 1;display: flex;flex-direction: column;justify-content: center;text-align:left;}
.home-experience-info h2 {color:#678483;margin-bottom: 25px;padding-right:80px;}
.home-experience-info .text {color:#7b4845;margin-bottom: 30px;padding-right: 80px;/*padding-left:100px;*/}
.home-experience-info .text a{position:relative;color:#7b4845;cursor: pointer;}
.home-experience-info .text a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #7b4845;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.home-experience-info .text a:hover:after{transform: scaleX(.75);opacity: 1;}


.home-experience-info .custom-button{/*padding-left:100px;*/}
.home-experience-bottom-right {flex: 1;position: relative;z-index:1;}
.home-experience-bottom-right img, .home-experience-bottom-right video {width: 100%;height: 100%;object-fit: contain;display: block;}
.home-experience-mobile {display: none;}

/** Home Events **/
.events-fixed-pattern{position: fixed;left: -160px;top:0;width:calc(50% + 40px);height:calc(100% + 80px);background-color: #7b4845;z-index:0;overflow: hidden;display: none;}
.events-fixed-pattern.mobile{display: none;}
.home-events-container{display: flex;position: relative;min-height:650px;text-align:center;/*margin-bottom: -175px;*/}
.home-events-wrapper {display: flex;flex-direction: row-reverse;gap: 90px;align-items: stretch;}
.home-events-info {flex: 1;display: flex;flex-direction: column;text-align:left;padding-top:60px;z-index: 1;}
.home-events-info h2 {color:#678483;margin-bottom: 25px;padding-right:0;}
.home-events-info .text {color:#7b4845;margin-bottom: 30px;padding-right:0;/*padding-left:100px;*/}
.home-events-info .text a{position: relative;color:#7b4845;cursor: pointer;}
.home-events-info .text a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #678483;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.home-events-info .text a:hover:after{transform: scaleX(.75);opacity: 1;}

.home-events-info .custom-button{/*padding-left:100px;*/}

/** Home At the Resport **/
.home-resort-container{display: flex;position: relative;overflow: hidden;min-height:650px;/*height:100vh;*/text-align:center;background-color: #eae6dc;}
.explore-villas-container{display: flex;position: relative;overflow: hidden;min-height:650px;/*height:100vh;*/text-align:center;background-color: #fff;}
.home-resort-wrapper{width:100%;}

.framer-cloud {align-content: center;align-items: center;display: flex;flex-direction: column;flex-wrap: nowrap;gap: 20px;height: min-content;justify-content: center;overflow: visible;padding: 0;position: relative;width: 1632px;width: 10000vw !important;max-width: 10000vw !important;
}
.framer-cloud .framer-cloud-container {flex: none;height: 90px;position: relative;width: 100%;opacity:1;}
.framer-cloud .framer-cloud-container section{display: flex;width: 100%;height: 100%;max-width: 100%;max-height: 100%;place-items: center;margin: 0px;padding: 0px;list-style-type: none;opacity: 1;overflow: visible;}
.framer-cloud ul {list-style: none;display: flex;flex-direction: row;width: max-content;will-change: transform;white-space: nowrap;overflow: hidden;place-items: center;margin: 0px;padding: 0px;list-style-type: none;gap: 0px;position: relative;}
.framer-cloud .framer-box {align-content: center;align-items: center;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 40px;height: min-content;justify-content: center;overflow: hidden;padding: 0;position: relative;width: min-content;flex-shrink: 0;opacity: 1;}
.framer-cloud .framer-logo {aspect-ratio: 2.2 / 1;flex: none;/*height: 40px;*/overflow: visible;position: relative;text-decoration: none;display: block;flex-shrink: 0;opacity: 1;}
.framer-cloud .framer-logo .dfbg{display: flex;align-items: center;height:100%;}
.framer-cloud .framer-logo .dfbg h2{text-transform: uppercase;color: #678483;}
.framer-cloud .framer-logo .dfbg .shell-icon{width:51px;height:28px;}
.framer-cloud .framer-logo .dfbg .shell-icon .cls-1{fill:#7b4845;}
.framer-cloud .framer-logo .dfbg .accent-icon .cls-1{fill:#678483;}
.home-resort-background{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}

.home-at-the-resort-container{display: flex;position: relative;}
.home-at-the-resort-wrapper{width:100%;}
.home-at-the-resort-wrapper h2{color:#678483;margin-bottom:40px;}

.home-at-the-resort-swiper .home-service-image{position: relative;display: flex;width:100%;overflow: hidden;aspect-ratio: 4 / 3; /* or 16 / 9, 4 / 3, 3 / 2 — adjust as you like */}
.home-at-the-resort-swiper .home-service-image img, .home-at-the-resort-swiper .home-service-image video{position: absolute;top: 40px;left: 40px;bottom:40px;width:calc(100% - 40px);height:calc(100% - 80px);object-fit: cover;}
.home-service-info{margin-top:30px;}
.home-service-info h5{color:#678483;text-align: left;}
.home-service-info .text{color:#7b4845;text-align: left;margin-top:5px;}
.home-service-button{text-align: left;}
.home-service-info .home-service-button{margin-top: 10px;margin-bottom:10px;}
.home-service-button a {position:relative;font-family: "Montserrat";font-weight: 700;font-size: 14px;line-height: 1;color: #678483;text-transform: uppercase;padding-bottom: 1px;letter-spacing: 2px;}
.home-service-button a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #678483;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.home-service-button a:hover:after{transform: scaleX(.75);opacity: 1;}
.inside-service-info{text-align:left;}
.home-service-info .inside-service-button {display:inline-block;position:relative;font-family: "Montserrat";font-weight: 700;font-size: 14px;line-height: 1;color: #678483;text-transform: uppercase;padding-bottom: 4px;letter-spacing: 2px;margin-top:20px;}
.home-service-info .inside-service-button:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #678483;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.home-service-info:hover .inside-service-button:after{transform: scaleX(.75);opacity: 1;}

.home-service-pattern-wrapper{position: absolute;top:0;left:0;right:0;bottom: 0;width:100%;height:100%;background-color:#678483;}
.home-at-the-resort-swiper .swiper-slide:nth-child(2n) .home-service-pattern-wrapper{background-color:#96583d;}
.home-service-pattern-wrapper .parallax-pattern .cls-1{fill:#7b4845;}
.home-service-pattern-wrapper .home-service-pattern .cls-1{fill:#678483;}

/** General Mood Footer **/

.general-mood-wrapper{display: flex;position: relative;overflow: hidden;height: 500px; /* fixed height for all items */}
.general-mood-container{width:100%;}
.general-mood-list {display: flex;gap: 0;padding: 0;margin: 0;list-style: none;width: 100%;height: 100%; /* fill wrapper height */}
.general-mood-item {
flex-direction: column;
justify-content: center;
align-items: center;
width: 33.3333%;
height: 100%;
padding: 2.5em;
transition: width .4s; /* smooth width animation */
display: flex; 
position: relative;
overflow: hidden; /* hide left/right edges when shrunk */
}

.general-mood-image {display: block;width: 100%;height: 100%;}
.general-mood-image:before{content: "";position: absolute;top:0;right:0;bottom: 0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,.35);z-index: 1;}

.general-mood-info {position: absolute;top: 0;left: 0;text-align: center;z-index: 2;width:100%;height:100%;padding-top:100px;padding-left:30px;padding-right:30px;}
.general-mood-text{font-family: "Montserrat";font-weight: 500;font-size: 24px;line-height: 1;color: #ebd1b2;text-transform: uppercase;letter-spacing: 2px;margin-top:15px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #eed7bb;border-top:1px solid #eed7bb;}
.general-mood-separator{height:80px;width:1px;background-color:#eed7bb;margin:0 auto;margin-top: 40px;margin-bottom: 40px;}
.general-mood-button {justify-content: center;}
.general-mood-button.custom-button a:hover{background-color:#ebd1b2;color: #7b4845;}
.general-mood-item img,
.general-mood-item video { 
object-fit: cover; /* image fills container without stretching */
width: 100%;
height: 100%;
position: absolute;
inset: 0%; /* top:0; right:0; bottom:0; left:0 */
display: inline-block;
}

/** Header Language Switcher **/
.header-widget-area .lang-item a{font-family: 'HelveticaNeueLTArabic-Bold';font-weight:normal;font-size:16px;color:#ebd1b2;}
.menu_language_switcher .lang-item a{font-family: 'HelveticaNeueLTArabic-Bold';font-weight:normal;font-size:18px;color:#ebd1b2;}
.menu_language_switcher{text-align: center;padding-top:40px;list-style: none;margin: 0;}
.popup-menu-mobile .menu_language_switcher .lang-item a{font-size:22px;}

/** Menu **/
.ast-header-button-1 .ast-custom-button{font-family: 'Montserrat';}
.ast-header-button-1 .ast-custom-button:hover{background-color:#ebd1b2;color:#7b4845;}
.ast-builder-menu-1 li a{font-family: 'Montserrat';}
.ast-builder-menu-1 li {border-top: 1px solid rgba(235, 209, 178, 0.5); border-bottom: 1px solid rgba(235, 209, 178, 0.5);margin-left: 20px;margin-right: 20px;}
.ast-builder-menu-1 li.current_page_item,.ast-builder-menu-1 li:hover{border-top: 1px solid rgba(235, 209, 178, 1); border-bottom: 1px solid rgba(235, 209, 178, 1);}
.menu-title{font-family: 'Montserrat';font-weight: 500;text-transform: uppercase;letter-spacing: 2px;}
.toggle-menu {position: relative;width:40px;height:40px;z-index:2;cursor:pointer;/*-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/-webkit-transform: translate3d(-0%, -0%, 0);transform: translate3d(-0%, -0%, 0);transition: all 0.2s ease-in-out;}
#inside-viewing .toggle-menu {top:58px;}
#inside-viewing.open-menu .toggle-menu {top:24px;}
.toggle-menu .burger {width:26px;height:19px;display: inline-block;vertical-align: middle;/*-webkit-transition: all 0s linear 0.4s;transition: all 0s linear 0.4s;*/}
.toggle-menu .burger span {position:relative;width:26px;height: 3px;display: block;margin-bottom:4px;/*-webkit-transition: all 0.4s ease 0.5s;transition: all 0.4s ease 0.5s;*/}
.toggle-menu .burger span:nth-child(2){width:20px;}
.toggle-menu .burger span:nth-child(3){width:26px;margin-bottom:0;}
.toggle-menu .burger span:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #EBD1B2;}
.header-menu .toggle-menu.search-toggle-menu .burger span:after, .header-menu#inside .toggle-menu .burger span:after{background: #000;}
.toggle-menu:hover .burger span:after {-webkit-animation: barre 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;animation: barre 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;}
.toggle-menu:hover .burger span:nth-child(2):after {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.toggle-menu:hover .burger span:nth-child(3):after {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.header-menu.active .toggle-menu .burger span:after{background:#000;}
@-webkit-keyframes barre {
	0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transform-origin: right center;transform-origin: right center;}
	50% {-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin: right center;transform-origin: right center;}
	50.1% {-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin: left center;transform-origin: left center;}
	100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transform-origin: left center;transform-origin: left center;}
}
@keyframes barre {
	0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transform-origin: right center;transform-origin: right center;}
	50% {-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin: right center;transform-origin: right center;}
	50.1% {-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin: left center;transform-origin: left center;}
	100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transform-origin: left center;transform-origin: left center;}
}
.toggle-menu .icon-cross {position: absolute;width:26px;height:19px;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);/*-webkit-transition: all 0s linear 0.5s;transition: all 0s linear 0.5s;*/opacity: 0;}
.toggle-menu .icon-cross span {display: block;height: 2px;position: absolute;top: 50%;left: 50%;width: 100%;background: #fff;-webkit-transform: translate3d(-50%, -50%, 0) rotate(0);transform: translate3d(-50%, -50%, 0) rotate(0);/*-webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);*/}
.site-menu .toggle-menu > span {color: transparent;}
.site-menu .toggle-menu > span b {opacity: 1;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.site-menu .toggle-menu .burger {opacity: 0;}
.site-menu .toggle-menu .icon-cross {opacity: 1;-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.site-menu .toggle-menu .icon-cross span {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.site-menu .toggle-menu .icon-cross span:first-child {-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);transform: translate3d(-50%, -50%, 0) rotate(-45deg);}
.site-menu .toggle-menu .icon-cross span:last-child {-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);transform: translate3d(-50%, -50%, 0) rotate(45deg);}
.ast-header-html-1 .ast-builder-html-element {display: inline-flex;gap: 20px;}
.open-menu .logo-desktop{opacity: 0;visibility: hidden;}
.open-menu .logo-mobile{opacity: 1;visibility: visible;}
.open-menu .main-nav .main-nav-group{position:relative;width:100%;height:100%;overflow: auto;}
.open-menu .main-nav .main-nav-group hgroup{position:relative;z-index:2;    width: calc(35% + 60px);float: right;}
.open-menu .language-switcher{position: absolute;top:40px;right:120px;width:41px;height:31px;z-index: 1;cursor: pointer;-webkit-transform: translate3d(-0%, -0%, 0);transform: translate3d(-0%, -0%, 0);}
.open-menu .language-switcher li{list-style:none;}
.open-menu .language-switcher a{font-family: 'BebasNeueBold';font-weight:normal;font-size:30px;color:#fff;}
.open-menu .language-switcher a:hover{text-decoration:none;color:#1d92d1;}
.menu-overlay{transition: all 1s ease-in-out;}
.popup-menu-left{width: 65%;float: left;padding: 70px 100px;position: relative;top: 50%;transform: translateY(-50%);transition: all 1s ease-in-out;}
.popup-menu-right{width: 35%;float: right;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 50px;padding: 40px 0;transition: all 1s ease-in-out;}
.toggle-menu.interior .icon-cross{width: 15px;height: 15px;}
.site-menu .toggle-menu{width: 40px;height: 40px;border: 1px solid white;border-radius: 50%;}
.menu-file{position: absolute;top: 0;left: 0;right: 0;bottom: 0; width: 100%;height: 100%; display: block;z-index: 0; overflow: hidden;object-fit: cover;}
.menu-overlay{position: absolute;width: 65%;height: 100%;background-color: #000;opacity: 0.5;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.menu__content{display: flex;z-index: 2;position: relative;width: 100%;height: 100%;padding: 0px 0;}
.menu__content .primary{width: 60%;}
.menu__content .secondary_menu{width: 40%;}
.menu__content .secondary_menu .secondary_menu{width: 100%;}
.menu__content .primary a{font-family: 'Belleza';font-weight: 400;font-size: 48px;color: #EBD1B2;line-height:1;}
.menu__content ul{list-style: none;margin: 0;}
.menu__content .primary li a{position: relative;left: 0;transition: all 0.2s ease-in-out;}
.menu__content .primary li:hover a {left: 50px;}
.menu__content .primary li {position: relative;background: none;overflow: hidden;margin-bottom:30px;}
.menu__content .primary li::before {content: "";position: absolute;inset: 0; background: url(assets/images/shell-icon-roll-over.svg) no-repeat center left;opacity: 0;transition: opacity 0.5s ease-in-out;}
.menu__content .primary li:hover::before {opacity: 1;}

.menu__content .secondary_menu li a{font-family: 'Montserrat';font-weight: 500;font-size: 22px;color: #EBD1B2;}
.menu__content .secondary_menu li.menu-top a{font-family: 'Belleza';font-weight: 400;font-size: 33px;color: #EBD1B2;}
.menu__content .secondary_menu li{margin-bottom: 20px;}
.menu__content .secondary_menu li.menu-top{margin-bottom: 30px;}
.menu_right_title{font-family: 'Belleza';font-weight: 400;font-size: 36px;color: #EBD1B2;text-align: center;}
.menu_right_info{font-family: 'Montserrat';font-weight: 400;font-size: 16px;color: #EBD1B2;}
.menu_right_info p:last-child a{font-family: 'Montserrat';font-weight: 700;font-size: 14px;color: #EBD1B2;letter-spacing: 2px;}
.menu_right_info a{color: #EBD1B2;position:relative;}
.menu_right_info a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #EBD1B2;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.menu_right_info a:hover:after{transform: scaleX(.75);opacity: 1;}



nav .ast-footer-social-wrap{text-align: center;}
.menu__content .secondary_menu li a{position: relative;left: 0;transition: all 0.2s ease-in-out;}
.menu__content .secondary_menu li:hover a {left: 20px;}
.menu__content .secondary_menu,.menu__content .primary{overflow-y: scroll;scrollbar-width: none;-ms-overflow-style: none;}
/*.menu__content_right{overflow-y: scroll;scrollbar-width: none;-ms-overflow-style: none;}*/
.mobile{display: none;}


/* Target all footer social icons */
.footer-social-item {display: inline-flex;align-items: center;justify-content: center;transition: transform 0.3s ease;}
/* Make the SVG inside transition smoothly too */
.footer-social-item svg {transition: transform 0.3s ease;}
/* On hover, slide up both the container and the SVG */
.footer-social-item:hover {transform: translateY(-5px); /* slide up the container */}
.footer-social-item:hover svg {transform: translateY(-5px); /* slide up the SVG in sync */}

.ast-scroll-top-icon svg {transition: transform 0.3s ease;}
.ast-scroll-top-icon:hover svg{transform: translateY(-5px);}


/* new menu */
.box{transform: translateX(-100%);}
.site-menu {color: #fff;left: 0;min-height: 100%;opacity: 0;padding-bottom: 6.7rem;padding-top: 12rem;position: fixed;right: 0;top: 0;/*transition: opacity 0s .9s;*/visibility: hidden;z-index: 5; transition: visibility 0s 1.5s, opacity 0s 1.5s;}
.open-menu .site-menu {opacity: 1;pointer-events: all;position: relative;transition: none;visibility: visible}
.site-menu {padding-bottom: 0;padding-top: 0;}
.site-header {height: auto;left: 0;position: absolute;right: 0;top: 0;transition: opacity .4s cubic-bezier(.65, .025, .67, .36);z-index: 50;}
.site-menu .site-header {overflow: hidden;top: 0;transform: translateX(-100%);transition: transform .5s cubic-bezier(.65, .025, .67, .36) .3s;padding: 35px;}
.site-menu .site-header {transform: translateX(-100%);transition: transform 1.1s cubic-bezier(.69, .13, .265, .845);}
.open-menu .site-menu .site-header { transition: transform 1.25s cubic-bezier(.79, .31, .195, .805);overflow-y: hidden;position: fixed;}
.open-menu .site-menu .site-header {transform: translateX(0);transition: transform .5s cubic-bezier(.34, .615, .4, .985);pointer-events: all;}
.main-nav{bottom: 0;height: 100%;width: 100%; left: 0;pointer-events: none;position: absolute;right: 0;top: 0;visibility: visible;z-index: 999;}
.open-menu .main-nav {display: block;/*overflow-y: scroll;*/pointer-events: all;overflow-y: hidden;visibility: hidden;}

.site-menu__background {bottom: 0;/*display: none;*/left: 0;opacity: 1;overflow: hidden;pointer-events: none;position: fixed;right:35%;top: 0;will-change: transform;z-index: 1;display: block;transform: translateX(-100%) translateY(0);transition: transform .5s cubic-bezier(.65, .025, .67, .36) 1.2s;}
.box{display: grid;grid-template-columns: 65% 35%;position: fixed;width: 100%;height: 100vh;transform: translateX(-100%);transition: all 1s ease-in-out;transition-delay: 0.3s;}
.site-menu__background2{transform-origin: center center;background-image: url(https://www.thescottresort.com/wp-content/themes/toybox-scott/static/img/background/menu.jpg);background-position: 50%;background-repeat: no-repeat;background-size: cover;}
.site-menu__block-colour2{background-color: #678483;}
.open-menu .box{transform: translateX(0);transition: all 1s ease-in-out;}
.open-menu .site-menu__background {opacity: 1;transform: translateX(0) translateY(0);transition: transform .7s cubic-bezier(.65, .025, .67, .36) 0s;}
.site-menu__background-inner {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;transform: translateX(-100%) translateY(0);transition: transform .5s cubic-bezier(.65, .025, .67, .36) 1.2s;}
.open-menu .site-menu__background-inner {transform: translateX(0) translateY(0);transition: transform .7s cubic-bezier(.34, .615, .4, .985) .5s;}
.site-menu__background-inner:before {transform: scale(1.2);transform-origin: center center;background-image: url(https://www.thescottresort.com/wp-content/themes/toybox-scott/static/img/background/menu.jpg);background-position: 50%;background-repeat: no-repeat;background-size: cover;content: "";height: 100%;position: absolute;width: 100%;transition: transform 0s 2s;}
.open-menu .site-menu__background-inner:before {transform: scale(1);transition: transform .7s cubic-bezier(.34, .615, .4, .985) .5s;}
.site-menu__block-colour {visibility: hidden;background-color: #678483;bottom: 0;position: fixed;right: 0;top: 0;transform: translateX(-100%);z-index: 0;transform-origin: left center;transition: transform .7s cubic-bezier(.34, .615, .4, .985) 0.5s,visibility 0.6s linear 0.5s;width: 35%;}
.open-menu .site-menu__block-colour {transform: translateX(0); transition: transform .7s cubic-bezier(.34, .615, .4, .985) 1.1s, visibility 0s linear 1.1s;visibility: visible;}
.site-menu__container {position: fixed;z-index: 3;margin: 0 auto;max-width: 100%;width: 100%;}
#primary {margin: 0;}
.site-menu__block-colour{background-image: url(assets/images/shell-open-menu.svg);background-repeat: no-repeat;background-position: right bottom;}
/* end new menu */
/** End Menu **/

/* About */
.about-sec1{display: flex;justify-content: center;align-items: center;text-align: center;position: relative;overflow: hidden;background-color: #fff;z-index: 1;}
.about-banner-section{height: auto;}
.about-banner-section .banner-info{top: calc(50% + 50px);    display: flex;width: auto;flex-direction: column;align-items: center;}
.about-banner-section .text1{max-width: 580px;}
.events-banner-section{height: auto;}
.events-banner-section .banner-info{top: calc(50% + 50px);    display: flex;width: auto;flex-direction: column;align-items: center;}
.events-banner-section .text1{max-width: 890px;}
.home-about-wrapper.about-wrapper{max-width: 850px;}
.about-mission-info .text{padding: 0;max-width: 640px;}
.home-events-info.about-info .text{padding-left: 0;}
.home-events-info.about-info .custom-button {padding-left: 0px;}
.home-events-info.about-info .custom-button a:hover{background-color: #ebd1b2;color: #7b4845;}
.about-resort{background-color: #7B4845;/*background-image: url(assets/images/resort.svg);*/background-repeat: no-repeat;background-position: center;width: 100%;margin-bottom: 0;}
.about-resort h2{color:#EBD1B2}
.about-resort .text{color:#EBD1B2;max-width: 605px;}
.about-resort .text a{color:#EBD1B2;position: relative;}
.about-resort .text a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #EBD1B2;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.about-resort .text a:hover:after{transform: scaleX(.75);opacity: 1;}

.about-resort .home-events-wrapper{width: 100%;}
.about-resort .home-experience-bottom-right img{width: auto;}
.about-design h2{max-width: 560px;}
.about-design .home-experience-info .text {max-width: 595px;}
.about-design .parallax-fixed-pattern{top: 50px;}

.about-design .home-experience-container-top-white-layer{height:20%;}
.about-design .home-experience-container-bottom-white-layer{height:20%;}

.about-container{padding-top: 0;padding-bottom: 0;}
.about-container .home-about-link:before{display: none;}
.about-villa-thumbnail-desktop{position: relative;}
.about-villas-container{position: relative;padding-top: 40px;background-color: #fff;}
.about-villas-container  .about-villas-swiper.swiper-backface-hidden .swiper-slide{position: relative;}
.about-villas-container h5{color: #678483;}
.about-villas-container .home-villas-info{margin-top: 20px;margin-left:0;margin-right: 0;}
.about-villas-text{color: #7B4845;}
.about-villas-subtitle {/*font-size: 20px;*/color: #7B4845;visibility: visible;opacity: 1;/*max-width: 300px;*/}
.about-villas-container .home-villas-text{/*font-family: "Montserrat";font-weight: 500;font-size:16px;line-height: 1;*/color:#7B4845;margin-bottom:20px;margin-top: 10px;}
.about-villas-container .home-villa-active .home-villas-text,.about-villas-container .home-villa-active .home-villas-subtitle{color:#7B4845;}
.about-villas-container .home-about-wrapper .home-about-link {margin-top: 5px;}
.about-villas-container .home-villas-info-wrapper{justify-content: unset;min-height: 1px;text-align:left;}
.about-villas-container .home-about-wrapper .home-about-link:before{display: none;}
.about-mission-container{padding-top:0;}
/* .about-villas-container .home-villas-info-wrapper{min-height: 420px;} */
.events {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px;}
.event-villas-container{background-color: #EAE6DC;}
.event-slide{display: flex;flex-direction: column;gap: 10px;}
.event-slide h5{color:#678483;max-width: 300px;margin-top: 20px;}
.event-slide .home-about-wrapper .home-about-link:before{display: none;}
.event-slide .home-about-wrapper {align-items: normal;}
/* end About */

/* Villas */
.villas-banner-section{min-height: 450px;height:auto;}
.villas-banner-section .banner-info{top: calc(50% + 90px);}
.villas-landing-layer{position:absolute;top:0;left:0;right:0;width: 100%;height:25%;background-color: #7b4845;z-index: 1;}

.villas-filter-wrapper{display: flex;position: relative;overflow: hidden;background-color: #fff;}
.villas-filter-container{width:100%;z-index: 2;}

.villas-filter-list {display: flex;flex-direction: column;align-items: flex-start;padding-bottom: 40px;padding-top: 40px;border-top:1px solid #678483;border-bottom:1px solid #678483;/*margin-bottom:30px;*/}
.villas-filter-ul {display: flex;flex-wrap: wrap;gap: 40px;list-style: none;padding: 0;margin: 0 auto;}
.villas-filter-ul li {cursor: pointer;}
.villas-filter-select {display: none;width: 100%;padding: 10px;font-family:"Montserrat";font-weight:600;font-size:25px;line-height: 1;height:60px;border-top: 1px solid #678483;border-bottom: 1px solid #678483;background-color: #fff;border-radius:0;padding-left: 10px !important;color: #678483;}
.villas-filter-select:focus {outline: none;border-color: #678483;color:#678483;}
.villas-filter-item{font-family:"Montserrat";font-weight:600;font-size:25px;line-height: 1;color:#e1e6e6;transition: all 0.3s ease;cursor: pointer;}
.villas-filter-item.active, .villas-filter-item:hover{color:#678483;}


.villas-list-item{padding-top:120px;padding-bottom:120px;}
.villas-item{display: flex;align-items: stretch;gap: 150px;}
.villas-list-item:nth-child(2n) .villas-item{flex-direction: row-reverse;}
.villas-item-info{flex: 1;display: flex;flex-direction: column;justify-content: end;text-align: left;}
.villa-details-wrapper .villas-item-info{padding-top:120px;}
.villas-item-image{flex: 1;position: relative;z-index: 1;}

.villas-item-info h3{color:#678483;margin-bottom:25px;}
.villas-item-info .text1{color:#7b4845;margin-bottom:25px;}
.villas-item-info .text{color:#7b4845;}

.villas-item-info .text1 a{position:relative;color:#7b4845;}
.villas-item-info .text a{position:relative;color:#7b4845;}
.villas-item-info .text1 a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #7b4845;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.villas-item-info .text1 a:hover:after{transform: scaleX(.75);opacity: 1;}
.villas-item-info .text a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #7b4845;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.villas-item-info .text a:hover:after{transform: scaleX(.75);opacity: 1;}


.villas-item-info .custom-button{margin-top:45px;}
.villas-item-info .breadcrumb{display:flex;gap:10px;list-style: none;padding:0;margin:0;padding-bottom:60px;flex-flow: wrap;}
.villas-item-info .breadcrumb li{font-family:"Montserrat";font-weight:600;font-size:20px;line-height: 1;color:#96583d;}
.villas-item-info .breadcrumb li a{font-family:"Montserrat";font-weight:600;font-size:20px;line-height: 1;color:#678483;}
.villas-item-info .breadcrumb li a:hover{text-decoration: underline;}

.villas-item-image-info{position: absolute;bottom:20px;left:0;right:0;width:100%;z-index: 1;}
.villas-item-image-info ul{list-style: none;padding:0;margin:0;display: flex;flex-direction: row;justify-content: space-evenly;text-align: center;gap: 26px;}
.villas-item-image-info ul li{display: flex;flex-direction: column;align-items: center;align-self: baseline;gap: 5px;}
.villas-item-thumbnail{display: flex;width:100%;height:100%;min-height:350px;}
.villas-item-thumbnail:before{content: "";position: absolute;top:0;right:0;bottom: 0;left:0;width:100%;height:100.2%;/*background-color:rgba(0,0,0,.37);*/z-index: 1;background-image: url("assets/images/filter-villas-thumnails.png");background-size:cover;background-position: bottom center;}
.villas-item-thumbnail img, .villas-item-thumbnail video {width: 100%;height: 100%;object-fit: cover;display: block;}

.villas-item-thumbnail-background{position:absolute;top:120px;right:-160px;bottom:-120px;left:160px;width:100%;height:100%;z-index:-1;}
.villas-list-item:nth-child(2n) .villas-item-thumbnail-background{right:160px;left:-160px;}

.villas-info-title{font-family:"Montserrat";font-weight:600;font-size:18px;line-height: 1;color:#ebd1b2;text-align: center;}
.villas-info-icon .cls-1{fill:#ebd1b2;}
.villas-item-image-info .villas-info-title{font-size:14px !important;}
.benefit-wrapper{display: flex;position: relative;overflow: hidden;/*min-height:650px;height:100vh;*/}
.benefit-wrapper:before{content: "";position: absolute;left:0;top:0;right:0;width:100%;height:calc(100% - 59px);background-color: #fff;}
.benefit-container{display:flex;width:100%;background-color: #678483;align-items: center;z-index:1;}
.benefit-info-content{display: flex;flex-direction: column;position:relative;overflow: hidden;padding: 80px;height: 100%;width: 50%;}
.benefit-pattern-wrapper{position: absolute;bottom:0;width:100%;height:100%;}
.benefit-pattern-wrapper svg{width:100%;height:100%;object-fit: cover;}
.benefit-info-content h3{position:relative;line-height:54px;color:#ebd1b2;z-index: 1;padding-bottom: 40px;}
.benefit-info-content .custom-button{position: relative;z-index:1;}
.benefit-info-content .custom-button a{color:#ebd1b2;background-color: #7b4845;}
.benefit-info-content .custom-button a:hover{color:#7b4845;background-color: #ebd1b2;}
.benefit-image-content{display: flex;height: 100%;width: 50%;}
.benefit-image-content img, .benefit-image-content video{width:100%;height:100%;object-fit: cover;}
.additional-service-subtitle
.villa-details-wrapper{margin-top:-60px;background-color: #678483;overflow:visible;}
.villa-details-wrapper .home-experience-container-bottom-white-layer{height:10%;}
.villas-item-image-mobile{display: none;}

.villas-details-filter-list {display: flex;flex-direction: row;align-items: flex-start;padding-bottom: 40px;padding-top: 40px;border-top:1px solid #678483;border-bottom:1px solid #678483;}


.villas-details-tabs-swiper{padding: 10px 18px;overflow: hidden;width: calc(100% - 46px);}
.tabs-swiper .swiper-slide {cursor: pointer;white-space: nowrap;transition: all 0.3s ease;flex-shrink: 0;width: auto;}

/* end Villas */

/* Events */
.event-selector{display: flex;gap: 40px;align-items: center;position: relative;margin-bottom: 20px;}
.event-selector label{font-size: 16px;font-family: 'Montserrat';font-weight: 500;color: #678483;}
.custom-post-gallery {display: flex;flex-wrap: wrap;gap: 40px;}
.custom-post-gallery img, .custom-post-gallery video {object-fit: cover;width: 100%;height: 100%;}
.event-selector select{font-size: 16px;font-family: 'Montserrat';font-weight: 500;color: #7B4845;border: none;box-shadow: none; appearance: none; transition: border-color 0.2s;background: no-repeat left center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="%237B4845" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');padding-left:24px !important;background-size: 20px;cursor: pointer;}
/*.event-selector::before {content: '';position: absolute;top: 50%;left: 65px;width: 20px;height: 20px;background: no-repeat center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="%237B4845" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>'); transform: translateY(-50%);pointer-events: none;}*/
.custom-post-gallery .gallery-item{width: calc((100% - 2 * 40px) / 3);height: 245px;overflow: hidden;}
.event-gallery-villas-container h2{text-align: center;color: #678483;margin-bottom: 20px;}
.footer-event{background-color: #678483;}
.footer-event .text1{color: #EBD1B2;max-width: 700px;}
.footer-event .home-experience-wrapper{align-items: center;}
.footer-event{padding-bottom: 150px;}
.footer-masonry{background-color: #EAE6DC;min-height: 520px;overflow: visible;}
.image-collage {position: relative;width: 100%;margin: 0 auto;aspect-ratio: 2.5 / 1;}
.image-collage img {position: absolute;object-fit: cover;transition: all 0.3s ease;}
.image-collage .img-center {width: 30%;left: 50%;transform: translateX(-50%);z-index: 3;margin-top: -170px;height: 100%;}
.image-collage .img-left {width: 45%;top: 50%;transform: translateY(-50%);z-index: 4;}
.image-collage .img-right {width: 37%;bottom: 15%;right: 5%;z-index: 1;}
.contact-details{background-color: #EAE6DC;overflow: hidden;}
.contact-details:before{display: none;}
.contact-details-background{position: absolute;top:0;right:0;left:0;width:100%;height:100%;z-index:0;}
.contact-details .home-about-wrapper {align-items: baseline;}
.contact-details .home-about-link::before{display: none;}
.contact-details .villas-item-info{gap: 20px;}
.contact-details .text{margin-bottom: 0;}
.contact-details .text a, .contact-details .text a:hover, .contact-details .text a:focus, .contact-details .text a:checked{color:#7b4845;}
.contact-details h5{color: #678483;}
.contact-details .villas-item {width: 100%;align-items: baseline;}
.wpcf7-form .label-text.active {transform: translateY(0);}
.label-field{border-bottom:1px solid rgba(255,255,255,.8);}
/*.contact-form{background-color: #fff;}*/

.contact-form .home-experience-container-top-white-layer{height:0;}
.contact-form .home-experience-container-bottom-white-layer{height:60%;}

.contact-form .textt{font-weight: 500;max-width: 50%;}
textarea{resize: none;}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea, .wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{font-family:"Montserrat";font-weight:600;font-size:18px;color:#7B4845;background-color:transparent;box-shadow: none;border:0;border-radius:0;border-bottom: 1px solid #7B4845;padding-left: 0 !important;}
.wpcf7-form .label-text{color:#678483;margin-bottom:0;}
/* transform: translateY(30px);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition:all .3s ease-in-out; */
.wpcf7-form select.text, .wpcf7-form select.text:focus{font-family:"Montserrat";font-weight:500;font-size:18px;line-height: 24px;color:#7B4845;}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {height: 40px;}
.wpcf7-form .label-text.active {transform: translateY(0);}
.wpcf7 .wpcf7-not-valid-tip{position:absolute;font-family:"Montserrat";font-weight:400;font-size:16px;color:#678483;}
.wpcf7 form.invalid .wpcf7-response-output{font-family: "Montserrat";font-weight: 400;font-size: 16px;color: #678483;border:0;margin:0;padding:0;}
.contact-form .label-text span{float: right}
.wpcf7 {margin-top: 20px;}
.wpcf7 form {display: flex;flex-wrap: wrap; column-gap: 50px;}
.wpcf7 form .half{width: calc(50% - 25px);margin-bottom: 30px;}
.wpcf7 form .full{width: 100%;}
.wpcf7 form .custom-textarea{height: 150px;}
.wpcf7 form .custom-submit-button{font-family: "Montserrat" !important;font-weight: 700 !important;font-size: 14px !important;line-height: 14px !important;padding: 20px 32px !important;margin-bottom: 0;border-radius: 0 !important;justify-content: center;background-color: #678483 !important;color: #ebd1b2 !important;text-transform: uppercase;letter-spacing: 2px;}
.wpcf7 form .custom-submit-button:hover{background-color: #7b4845 !important;color: #ebd1b2 !important;}
.wpcf7 form select{color: #678483;}
.banner-contact .banner-media{position: absolute;right: 120px;width: calc(50% - 150px);left: auto;top: calc(100% - 50px);z-index: 999;height: max-content;overflow: hidden;max-height: 430px;}
::placeholder{opacity: 0.5;}

/* Footer */

.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a{position:relative;font-family: 'Montserrat';font-weight: bold;font-size: 14px;padding-bottom: 1px;border:0; letter-spacing: 2px;color: #EBD1B2;}

.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #EBD1B2;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a:hover:after{transform: scaleX(.75);opacity: 1;}


#payment-custom-widget{display: flex;flex-direction: column;align-items: flex-start !important;text-align: left !important;padding-top: 10px;}
#payment-custom-widget .widget, #payment-custom-widget .textwidget {text-align: left !important;margin-left: 0 !important;padding-left: 0 !important;width: 100%;margin-bottom: 5px;margin-right: 0 !important;padding-right: 0 !important;}



.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .textwidget{font-family: 'Montserrat';font-weight: 400;font-size: 16px;color: #EBD1B2;} 
footer .menu a{font-family: 'Montserrat';font-weight: 500;font-size: 14px;letter-spacing: 3px;opacity: 0.5;color:#EBD1B2;text-transform: uppercase;position:relative;}
footer .menu a:hover{opacity: 1;color:#EBD1B2}
footer .menu li{margin-bottom: 12px;}
footer .menu li.current_page_item a{opacity: 1;position: relative;}
footer #nav_menu-2{width: max-content;float: right;}
footer #text-3, footer #text-4, #payment-custom-widget .textwidget{font-family: 'Montserrat';font-weight: 500;font-size: 16px;color:#EBD1B2;}
#ast-scroll-top{outline:unset;width: auto;border: none !important;}
#ast-scroll-top .screen-reader-text{position: relative;clip-path: none;font-family: 'Montserrat';font-weight: 500;font-size: 12px;letter-spacing: 2px;color:#EBD1B2;text-transform: uppercase;margin-right: 10px;}

footer #text-3 a, footer #text-4 a{position:relative;color: #EBD1B2;}
footer #text-3 a:after, footer #text-4 a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #EBD1B2;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
footer #text-3 a:hover:after, footer #text-4 a:hover:after{transform: scaleX(.75);opacity: 1;}

.site-footer{z-index: 0;}
.pushfooter .site-primary-footer-wrap{padding-top:120px;}
.pushfooter .site-footer{margin-top:-60px;z-index: 0;}
.ast-footer-copyright{font-family: 'Montserrat';font-weight: 400;font-size: 16px;width: max-content;}
.ast-scroll-to-top-right {bottom: 90px;position: absolute !important;}
.site-footer-section{gap:40px;}
/* End Footer */

.villas-details-filter-left {width: 40%;display: flex;padding-left: 40px;}
.villas-details-filter-right {width: 60%;display: flex;justify-content: center;}
.villas-details-filter-left .text1{color: #7b4845;}
.villas-details-filter-item a{font-family: "Montserrat";font-weight: 600;font-size: 25px;line-height: 1;color: #e1e6e6;transition: all 0.3s ease;cursor: pointer;}
.villas-details-filter-item.active a, .villas-details-filter-item:hover a {color: #678483;}
.villas-subcategory-setup{background-color:#678483;}
.villas-subcategory-setup .villas-details-filter-list{border:0;align-items: center;}
.villas-subcategory-setup .villas-details-filter-left{padding-left:0;}
.villas-subcategory-setup .villas-details-filter-left .text1{color:#ebd1b2;}
.villas-details-filter-right ul{list-style: none;padding:0;margin:0;display: flex;flex-direction: row;justify-content: space-evenly;gap:10px;width: 100%;}
.villas-details-filter-right ul li{display: flex;flex-direction: column;align-items: center;align-self: baseline;gap:10px;}
.villas-info-icon{width:31px;height:31px;}
.villas-info-icon svg{object-fit: cover;width:100%;height:100%;}
	
.inside-villas-wrapper{display: flex;position: relative;overflow: hidden;background-color:#eae6dc;}
.inside-villas-container{width: 100%;}

.inside-resort-background {position: absolute;left: 0;top: 0;right: 0;bottom: 50%;width: 100%;height: 50%;z-index: 0;}
.inside-resort-background svg{position: absolute;bottom: 20px;}
.inside-resort-background-reverse{top: 50%;bottom: 0;transform: scale(-1);}

.inside-villas-container h2{color:#678483;z-index: 1;position: relative;text-align: center;}
.inside-villas-content{position:relative;z-index:1;height:580px;margin-top:80px;margin-bottom: 80px;}
.inside-villas-gallery{display: flex;height:100%;position: relative;}
.inside-villas-gallery .swiper-slide:before{content: "";position: absolute;top:0;right:0;bottom: 0;left:0;/*background-color: rgba(0,0,0,0.35);*/background-image: url("assets/images/Filter-gallery-8.png");background-repeat:no-repeat;z-index:2;background-size: cover;background-position: bottom center;}
.inside-villas-gallery img, .inside-villas-gallery video{width: 100%;height:100%;object-fit: cover;}
.slide-caption {position: absolute;bottom:30px;left:70px;font-family: "Montserrat";font-weight: 500;font-size: 16px;line-height: 1;color:#ebd1b2;z-index:2;}
.swiper-counter {position: absolute;bottom: 30px;left: 20px;font-family: "Montserrat";font-weight: 500;font-size: 16px;line-height: 1;color:#ebd1b2;z-index:2;}

.arrow-left .cls-1 {fill: #ebd1b2;}
.arrow-right .cls-1 {fill: #ebd1b2;}


.inside-villas-swiper .swiper-wrapper {
transform: none;
}

.inside-villas-swiper .swiper-slide {
position: relative !important;
}
.inside-villas-swiper .swiper-slide {
	backface-visibility: hidden;
	transform-style: preserve-3d;
	will-change: transform, opacity;
}

.inside-swiper-buttons{position:absolute;display:flex;bottom:20px;right:20px;gap:20px;}
.inside-swiper-button-prev.swiper-button-prev, .inside-swiper-button-next.swiper-button-next, .inside-swiper-button-prev.swiper-button-prev svg, .inside-swiper-button-next.swiper-button-next svg{width:47px;height:10px;display:flex;position:relative;right:auto;left:auto;top:auto;}
.inside-swiper-button-prev:after, .inside-swiper-button-next:after{display: none;}

.text2{font-family:"Montserrat";font-weight:500;font-size:25px;line-height: 30px;}
.text2 strong, .text2 b{font-family:"Montserrat";font-weight:600;}
.text2 a{text-decoration:underline;}

.inside-villas-amenities-services-wrapper{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: start;}
.inside-villas-amenities-services-wrapper .text{color:#7b4845;}
.inside-villas-amenities-services-wrapper .text, .inside-villas-amenities-services-wrapper .text a{color:#7b4845;}
.inside-villas-amenities-services-wrapper .text2 a{position:relative;color:#678483;}

.inside-villas-amenities-services-wrapper .text a{position:relative;}
.inside-villas-amenities-services-wrapper .text a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #7b4845;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.inside-villas-amenities-services-wrapper .text a:hover:after{transform: scaleX(.75);opacity: 1;}

.inside-villas-amenities-services-wrapper .text2 a:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #678483;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.inside-villas-amenities-services-wrapper .text2 a:hover:after{transform: scaleX(.75);opacity: 1;}

.inside-villas-amenities-services-wrapper ul{list-style: none;padding:0;margin:0;}
.inside-villas-amenities-list ul{column-count: 1;column-gap: 40px;}
.inside-villas-amenities-services-wrapper ul li{padding-bottom:15px;break-inside: avoid;}
.inside-villas-amenities-services-wrapper ul li:last-child{padding-bottom:0;}
.inside-villas-book-button{position:absolute;top:10px;right:0;}
.inside-villas-amenities-services-wrapper h2{padding-bottom: 40px;text-align: left;}
.inside-villas-amenities-services-wrapper h2.additional-service-title{color:#678483;padding-bottom:25px;}
.inside-villas-amenities-services-wrapper .text.additional-service-subtitle{padding-bottom:40px;color: #678483;}
.inside-villas-amenities-services-wrapper .text.additional-service-subtitle strong{color: #678483;}
.inside-villas-amenities-list{padding-bottom:80px;width:100%;display: grid;grid-template-columns: 1fr 1fr;}
.amen-grid h5{color: #678483;margin-bottom: 20px;}
.checks .villas-details-filter-left{width: 50%;padding: 0;}
.checks .villas-details-filter-right{width: 50%;justify-content: left;}
.checks{margin-bottom: 70px;}
.checks .villas-details-tabs-swiper{width: 100%;}
.checks .text1{font-size: 24px;font-weight: 600;}
.checks .text1 span{color: #678483;padding-left: 10px;}

.inside-villas-pagination-wrapper{display: flex;position: relative;overflow: hidden;background-color: #fff;}
.inside-villas-pagination-container{display: flex;width: 100%;align-items: center;}
.inside-villas-nav-button{display: flex;flex-direction: column;position: relative;overflow: hidden;height: 100%;width: 50%;background-color:#7b4845;}
.inside-villas-nav-button:nth-child(2){background-color:#678483;}

.nav-prev .cls-1 {clip-path: url(#navprevclippath);}
.nav-prev .cls-2 {fill: none;}
.nav-prev .cls-3 {fill: #8a4e35;}

.nav-next .cls-1 {fill: #7b4845;}
.nav-next .cls-2 {clip-path: url(#navnextclippath);}
.nav-next .cls-3 {fill: none;}

.nav-prev-pattern, .nav-next-pattern{position:absolute;bottom:0;right:0;width:100%;height:100%;}
.nav-next-pattern{bottom: auto;top:0;text-align: right;}
.inside-villas-nav-button a{position:relative;z-index:1;padding: 20px 40px 40px 40px;}
.inside-villas-nav-button .text{color:#ebd1b2;padding-bottom:20px;}
.inside-villas-nav-button h5{color:#ebd1b2;padding-bottom:20px;}
.inside-villas-nav-button .nav-prev-button, .inside-villas-nav-button .nav-next-button{position: relative;display:inline;font-family: "Montserrat";font-weight: 700;font-size: 14px;line-height: 1;color:#ebd1b2;text-transform: uppercase;padding-bottom: 2px;letter-spacing:2px;}

.inside-villas-nav-button .nav-prev-button:after, .inside-villas-nav-button .nav-next-button:after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #ebd1b2;transform-origin: center;transform: scaleX(1);opacity: 0.25;transition: transform .3s, opacity .3s;}
.inside-villas-nav-button a:hover .nav-prev-button:after, .inside-villas-nav-button a:hover .nav-next-button:after{transform: scaleX(.75);opacity: 1;}

.book-your-stay .cls-1 {fill: #eed7ba;}

.book-your-stay-wrapper {position: fixed;bottom: 20px;right: 20px;width: 120px;height: 120px;border-radius: 50%;background-color: #678483;display: flex;align-items: center;justify-content: center;overflow: visible;z-index: 3;opacity: 0; /* start hidden */visibility: hidden; /* hide from pointer events */transition: none; /* GSAP will handle the animation */}
.book-your-stay-wrapper a {position: relative;width: 100%;height: 100%;display: block;}
.book-your-stay-title {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;display: flex;width:120px;height:120px;border-radius: 50%; justify-content: center;align-items: center;animation: rotateText 10s linear infinite;}
.book-your-stay-icon {
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 54px;height: 30px;z-index: 2;}
.book-your-stay-icon svg{width:100%;height:100%;}
.popup-menu-left .book-your-stay-wrapper {right:-60px;opacity: 1;visibility: visible;}


@keyframes rotateText {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

.villas-details-filter-right{position: relative;}
.swipe-wrapper {position: absolute;top: 5px;left: 50%;text-align: center;width: 100%;transform: translateX(-50%);z-index: 11;}
.swipe-hint {position: absolute;left: 50%;transform: translateX(-50%);background: rgba(103,132,131,1);color: #ebd1b2;padding: 6px 12px;border-radius: 20px;font-family: "Montserrat";font-weight: 600;font-size: 14px;opacity: 1;pointer-events: none;white-space: nowrap;z-index: 10;}


.home-experience-container-top-white-layer{content: "";position: absolute;top:0;left:0;right:0;width:100%;height:30%;background-color: #fff;z-index: 1;}
.home-experience-container-left-white-layer{content: "";position: absolute;top:0;left:0;bottom:0;width:76%;height:100%;background-color: #fff;z-index: 1;}
.home-experience-container-bottom-white-layer{content: "";position: absolute;bottom:0;left:0;right:0;width:100%;height:40%;background-color: #fff;z-index: 1;}
.home-events-container:before{content:"";position:absolute;right:0;top:0;width:50%;height:100%;background-color: #fff;z-index:0;}

.about-resort.home-events-container:before{display: none;}
/*.about-design.home-experience-container{background-color: #fff;}*/

.close-button-pattern .cls-1, .close-button-pattern .cls-2, .close-button-pattern .cls-3 {fill: none;}
.close-button-pattern .cls-2 {stroke: #fff;stroke-miterlimit: 4;stroke-width: 1px;}
.close-button-pattern .cls-3 {stroke: #678483;}

.thankyou-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.74);display: flex;align-items: center;justify-content: center;z-index: 9999;}
.thankyou-popup .popup-content {position:relative;background: #678483;padding: 30px 40px;border-radius: 8px;text-align: center;box-shadow: 0 5px 20px rgba(0,0,0,0.2);min-height:350px;display:flex;justify-content: center;align-items: center;flex-direction: column;border-radius: 0;}
.thankyou-popup .popup-content:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-image: url(assets/images/shell-explore.svg);background-repeat: no-repeat;background-position: bottom right;}
.thankyou-popup .popup-content h2, .thankyou-popup .popup-content .text1{color: #ebd1b2;margin-bottom:15px;}
.thankyou-popup .popup-content h2{color: #ebd1b2;margin-bottom:15px;}
.thankyou-popup .popup-content .text1{margin-bottom:40px;}
.thankyou-popup .popup-content h2 p, .thankyou-popup .popup-content .text1 p{margin-bottom:15px;}
.thankyou-popup .popup-content h2 p:last-child, .thankyou-popup .popup-content .text1 p:last-child{margin-bottom:0;}
.thankyou-popup button.close-popup {position: absolute;top: 25px;right: 25px;width:50px;height:50px;background-color: transparent;padding: 0;}
.thankyou-popup button.close-popup:hover .close-button-pattern .cls-2 {stroke: #678483;}

.thankyou-popup .popup-content .custom-button{position: relative;z-index:1;}
.thankyou-popup .popup-content .custom-button a{color:#ebd1b2;background-color: #7b4845;}
.thankyou-popup .popup-content .custom-button a:hover{color:#7b4845;background-color: #ebd1b2;}

.fancybox-navigation .fancybox-button div, .fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs, .fancybox-button--close{background: #678483 !important;}
.fancybox-button svg path, .fancybox-button svg path{fill: #ebd1b2 !important;}

.fancybox-navigation .fancybox-button:hover div, .fancybox-button--zoom:hover, .fancybox-button--play:hover, .fancybox-button--thumbs:hover, .fancybox-button--close:hover{background: #ebd1b2 !important;}
.fancybox-button:hover svg path, .fancybox-button:hover svg path{fill: #7b4845 !important;}
.fancybox-bg{background-color: #7b4845 !important;}

[data-animation=translate-up] {opacity: 0 !important;transform: translateY(40px);transition: opacity .8s, transform .8s;}
[data-animation=translate-up].translate-up {opacity: 1 !important;transform: translateY(0);}


.elite-villa .cls-1 {fill: none;}
.elite-villa .cls-2 {fill: #7b4845;}
.elite-villa .cls-3 {fill: #678483;}
.elite-villa .cls-4 {clip-path: url(#elitevillaclippath);}

.signature-villa .cls-1 {fill: none;}
.signature-villa .cls-2 {fill: #678483;}
.signature-villa .cls-3 {fill: #96583d;}
.signature-villa .cls-4 {clip-path: url(#signaturevillaclippath);}

.offers-pattern-wrapper{position: absolute;top:0;left:0;right:0;bottom: 0;width:100%;height:100%;}


.events-fixed-pattern,
.parallax-fixed-pattern {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}

.fancybox-slide--iframe .fancybox-content{height: 100% !important;width: 100% !important;}
.fancybox-iframe{height: 100%;width: 100%;margin: 0px;}
.take-a-tour{display: flex;justify-content: end;padding-top:10px;}
.take-a-tour .text{color: #678483;}
.take-a-tour .text a{position:relative;color: #678483;text-decoration:none;border-bottom:1px solid #678483;}

.ast-custom-footer-widget-block {
    order: 3; 
    display: inline-block;
}

/** Conditions **/
.codnitions-container{background-color: #fff;}
.codnitions-container:before{display: none !important;}
.codnitions-container .home-experience-info .text{padding-right:0;}
.codnitions-container .home-experience-info h2{padding-right: 0;}
.menu-footer-conditions-menu-container ul{display: flex;flex-flow: row;gap: 20px;}
footer .menu-footer-conditions-menu-container ul.menu a{font-size: 12px;}
.codnitions-container .home-experience-info{display: flex !important;flex:1 !important;margin-bottom: 0 !important;}

@media (max-width: 1650px) {.sections-padding {padding-right: 40px;padding-left: 40px;}}
@media (max-width: 1499px) {
    h1{font-size: 80px;}
	h2{font-size: 60px;}
	h3{font-size: 48px;}
	h4{font-size: 30px;}
	.benefit-info-content h3{line-height: 54px;}
}
@media screen and (max-width: 1440px) {
	.global-padding {padding-right: 120px;padding-left: 120px;}
	.sections-padding {padding-right: 30px;padding-left: 30px;}
	.villas-item-thumbnail-background{top:80px;right:-120px;bottom:-80px;left:120px;}
	.villas-list-item:nth-child(2n) .villas-item-thumbnail-background{right:120px;left:-120px;}
}
@media screen and (max-width: 1240px) {
	.global-padding {padding-right: 60px;padding-left: 60px;}
	.sections-padding {padding-right: 20px;padding-left: 20px;}
	.villas-item-thumbnail-background{top:80px;right:-60px;bottom:-80px;left:60px;}
	.villas-list-item:nth-child(2n) .villas-item-thumbnail-background{right:60px;left:-60px;}
}

@media screen and (max-width: 1450px) {
    h1{font-size: 68px;}
	h2{font-size: 48px;}
	h3{font-size: 42px;}
	h4{font-size: 28px;}
	h5{font-size: 32px;}
	.text{font-size:17px;line-height: 24px;}
	.text1{font-size:23px;line-height: 29px;}
	.custom-button a{font-size: 13px !important;line-height: 13px !important;padding: 18px 30px !important;}
	.banner-villas-text{font-size:17px;}
	.banner-villas-button-title{font-size:13px;}
	.home-about-wrapper .home-about-link{font-size:13px;}
	.home-villas-text{font-size:15px;}
	.home-villas-subtitle{font-size:17px;line-height:21px;}
	.home-service-button a{font-size:13px;line-height:13px;}
	.general-mood-text{font-size: 22px;}
	.home-service-info .inside-service-button{font-size:13px;line-height:13px;}
	.home-about-wrapper .home-about-link a{font-size: 13px;}
	.villas-filter-item, .villas-filter-select{font-size: 22px;}
	.villas-info-title{font-size:17px;}
	.villas-list-item {padding-top: 80px;padding-bottom: 80px;}
	/*.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .textwidget, footer #text-3, footer #text-4, .ast-footer-copyright{font-size:15px;}*/
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a, footer .menu a{font-size: 13px;}
	.benefit-info-content h3{line-height: 48px;}
	.villas-item-info .breadcrumb li{font-size:19px;}
	.villas-item-info .breadcrumb li a{font-size:19px;}
	.event-selector label{font-size: 15px;}
	.event-selector select{font-size: 15px;}
	.villas-details-filter-item a{font-size: 23px;}
	.text2{font-size:23px;line-height: 29px;}
	.inside-villas-nav-button .nav-prev-button, .inside-villas-nav-button .nav-next-button{font-size: 13px;}
	.wpcf7-form select.text, .wpcf7-form select.text:focus{font-size:17px;line-height: 24px;}	
}

@media screen and (max-width: 1080px) {
	.global-padding {padding-right: 40px;padding-left: 40px;}
	.villas-item-thumbnail-background{top:80px;right:-40px;bottom:-80px;left:40px;}
	.villas-list-item:nth-child(2n) .villas-item-thumbnail-background{right:40px;left:-40px;}
	.villas-item{gap: 40px;}
}

@media (max-width: 1024px) {
	.banner-villas-wrapper{display: none;}
	.home-about-container{padding-top:110px;}
	.home-villa-thumbnail-desktop{display: none;}
	.home-villa-thumbnail-mobile{display: block;}
	.home-villas-swiper.swiper-backface-hidden .swiper-slide{position: relative;transform: translateZ(0);}
	.about-villas-swiper.swiper-backface-hidden .swiper-slide{position: relative;transform: translateZ(0);}
	.home-villas-subtitle{opacity:1;visibility: visible;}
	.home-villas-info-wrapper h2, .home-villas-text, .home-villas-subtitle{color:rgba(235,209,178,1);}
	.about-villas-subtitle{color:#7B4845;}
	.home-villas-swiper .swiper-wrapper{padding-bottom: 40px;}
	.home-villas-button{bottom: 150px;}
	.about-villas-subtitle{max-width: 100%;}
	.about-villas-container .about-villas-swiper.swiper-backface-hidden .swiper-slide{padding-bottom:40px;}
	.home-villas-info-wrapper{text-align: center;}
	
	/* Scrollbar track (under the slider) */
	.home-villas-swiper .swiper-scrollbar {opacity:1;left: 0 !important;width: 100% !important;background: rgba(235,209,178,0.5); /* track color */border-radius: 0;}
	/* Draggable part */
	.home-villas-swiper .swiper-scrollbar-drag  {height: 8px;/* drag handle taller than track */background: #ebd1b2;/* draggable color */border-radius: 0;top:-2px;}
	/* Scrollbar track (under the slider) */
	.about-villas-swiper .swiper-scrollbar {opacity:1;left: 0 !important;width: 100% !important;background: rgba(235,209,178,0.5); /* track color */border-radius: 0;}
	/* Draggable part */
	.about-villas-swiper .swiper-scrollbar-drag {height: 8px;/* drag handle taller than track */background: #ebd1b2;/* draggable color */border-radius: 0;top:-2px;}
	
	.home-at-the-resort-swiper{padding-bottom:30px !important;}
	/* Scrollbar track (under the slider) */
	.home-at-the-resort-swiper .swiper-scrollbar {opacity:1;left: 0 !important;width: 100% !important;background: rgba(103,132,131,0.5); /* track color */border-radius: 0;}
	/* Draggable part */
	.home-at-the-resort-swiper .swiper-scrollbar-drag {height: 8px;/* drag handle taller than track */background: #678483;/* draggable color */border-radius: 0;top:-2px;}
	.home-at-the-resort-swiper .swiper-slide{text-align: left;}
	
	.image_animation_wrapper{position: relative;}
	.villas-item-thumbnail img, .villas-item-thumbnail video{transform: none !important;}
	
	
	/*.home-villas-container,
	.home-villas-swiper {
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  will-change: transform, background-color;
	  backface-visibility: hidden;
	}
	.home-villas-swiper {
	  overscroll-behavior: contain;
	  -webkit-overflow-scrolling: touch;
	}*/
	
	
	.home-villas-container {
	  will-change: background-color;
	  transform: translate3d(0,0,0);
	  backface-visibility: hidden;
	}
	
	
}

@media (max-width: 921px) {
	.checks { margin-bottom: 30px;}
	.custom-button a:before{display: none;}
	.ast-header-button-1 .ast-custom-button:hover {background-color: #678483;color: #ebd1b2;}
	.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover{background-color: transparent;}
	.banner-info .custom-button a:hover {background-color: #678483;color: #ebd1b2;}
	/*.home-villas-button.custom-button a:hover {background-color: #678483 !important;color: #ebd1b2;}*/
	.custom-button a:hover{background-color: #678483;color: #ebd1b2;}
	.home-villas-button.custom-button a{background-color:#ebd1b2 !important;color:#7b4845;}
	.general-mood-button.custom-button a:hover, .home-events-info.about-info .custom-button a:hover{background-color: #678483;color: #ebd1b2;}
	.benefit-info-content .custom-button a:hover{color: #ebd1b2;background-color: #7b4845;}
	.wpcf7 form .custom-submit-button:hover {background-color: #678483 !important;color: #ebd1b2 !important;}
	.book-your-stay-wrapper{width:90px;height:90px;}
	.book-your-stay-title{width:90px;height:90px;}
	.book-your-stay-title svg{width:76px;}
	.book-your-stay-icon{width: 40px;height:19px;}
	.home-about-wrapper .home-about-link a:hover:after, .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a:hover:after, .home-service-button a:hover:after, .inside-villas-nav-button a:hover .nav-prev-button:after, .inside-villas-nav-button a:hover .nav-next-button:after, .home-service-info:hover .inside-service-button:after{transform: scaleX(1);opacity: 0.25;}
	.thankyou-popup .popup-content .custom-button a:hover{color: #ebd1b2;background-color: #7b4845;}
	
	.open-menu .site-menu__block-colour {transform: translateX(0);transition: transform .7s cubic-bezier(.34, .615, .4, .985) 0s, visibility 0s linear 0s;visibility: visible;}
	.global-padding {padding-right: 20px;padding-left: 20px;}
	.villas-item-thumbnail-background{top:40px;right:-20px;bottom:-40px;left:20px;}
	.villas-list-item:nth-child(2n) .villas-item-thumbnail-background{right:20px;left:-20px;}
    h1{font-size: 54px;}
	h2{font-size: 40px;}
	h3{font-size: 35px;}
	h4{font-size: 25px;}
	h5{font-size: 28px;}
	.text{font-size:16px;line-height: 22px;}
	.text1{font-size:20px;line-height: 26px;}
	.custom-button a{font-size: 12px !important;line-height: 12px !important;padding: 18px 30px !important;}
	.banner-villas-text{font-size:16px;}
	.banner-villas-button-title{font-size:12px;}
	.home-about-wrapper .home-about-link{font-size:12px;}
	/*.home-villas-text{font-size:14px;}*/
	/*.home-villas-subtitle{font-size:16px;line-height:20px;}*/
	.global-container{padding-top:40px;padding-bottom:40px;}
	
	.home-about-container{padding-top:80px;padding-bottom: 110px;}
	.home-experience-wrapper {gap: 40px;}
	.home-experience-wrapper-top, .home-experience-wrapper-bottom {flex-direction: column;gap: 20px;}
	.home-experience-info {display: none;flex: none;margin-bottom: 40px;}
	.codnitions-container .home-experience-info{display: block;}
	.home-experience-mobile {display: block;width: calc(76% - 20px);}
	.home-experience-top-left {padding-bottom: 0;width:100%;}
	.home-experience-top-right {padding-top: 0;width: 100%;padding-left: 0;}
	.home-experience-info h2{padding-right:0;}
	.home-experience-info .text{padding-right: 0;padding-left:0;}
	.home-experience-info .custom-button{padding-left: 0;}
	.home-events-wrapper{flex-direction: column;}
	.home-events-info{flex: none;position: relative;}
	.home-events-info:before{content: "";position: absolute;left: -20px;right:-20px;top: -1px;bottom: -40px;background-color: #fff;z-index: -1;}
	.about-resort .home-events-info:before{background-color: #7B4845;}
	.home-events-info h2{padding-right:0;}
	.home-events-info .text{padding-right: 0;padding-left:0;}
	.home-events-info .custom-button{padding-left: 0;}
	.events-fixed-pattern.mobile{display: block;width: calc(100% + 40px);top: -40px;height: calc(100% - 55px);}
	.home-events-container, .home-events-container .home-events-info{padding-top:0;}
	.home-experience-bottom-right{padding-left:0;}
	.home-service-button a{font-size:12px;line-height:12px;}
	.general-mood-text{font-size: 20px;}
	.home-service-info .inside-service-button{font-size:12px;line-height:12px;}
	.general-mood-list{flex-direction: column;}
	.general-mood-info{top:50%;transform: translateY(-50%);height:auto;padding-top: 0;}
	.general-mood-separator{height: 50px;margin-top: 30px;margin-bottom: 30px;}
	.about-mission-container{padding-top:0;}
	.wpcf7-form select.text, .wpcf7-form select.text:focus{font-size:16px;line-height: 22px;}	

	.events-fixed-pattern {width: calc(70% + 80px);}
	.home-events-container:before{width:60%;}
	.general-mood-list {flex-direction: column;width: auto;height: auto;}
	.general-mood-wrapper {height: auto; /* allow height to adjust */flex-direction: column;}
	.general-mood-item{height: auto;width:100% !important;padding: 0;flex: 1;display: inline-block;}
	.general-mood-image{position: relative;width: auto;height: auto;}
	.general-mood-item img, .general-mood-item video{display: inline-block;min-height: 350px;position: relative;inset: auto;}
	
	.villa-details-wrapper .home-experience-container-top-white-layer{top:-40px;}
	.villa-details-wrapper .villas-item-info h3, .villa-details-wrapper .villas-item-info .text{width: calc(76% - 20px);}
	
	.site-menu__background2{display: none;}
	.site-menu__block-colour{width: 100%;}
	.site-menu__block-colour2{width: 100%;}
	.box {display: grid;grid-template-columns: 100%;display: flex;}
	.open-menu .box {transition: all 0.7s ease-in-out;}
	.open-menu .site-menu__container {z-index: 55;}
	.open-menu .site-header {display: none;}
	.open-menu header.site-header {display: block;}
	.menu-title{display:none}
	.desktop{display: none;}
	.mobile{display: block;}
	.popup-menu-mobile{background-repeat: no-repeat;background-position: right bottom;padding: 30px 20px;height: 100vh;background-size: contain;overflow-y: scroll;scrollbar-width: none;-ms-overflow-style: none;}
	.header-top{display: flex;align-items: center;gap: 20px;width: 100%;}
	.book-mobile{float: right;background-color: #7B4845;color: #EBD1B2;padding: 10px 15px;margin-left: auto;font-family: 'Montserrat';font-weight: 600;font-size: 14px;letter-spacing: 0;}
	.book-mobile:hover{background-color: #7B4845;color: #EBD1B2;}
	.header-top .toggle-menu{float: right;}
	.header-top .toggle-menu .icon-cross span{background: #EBD1B2;}
	.open-menu .header-top .toggle-menu {border: 1px solid #EBD1B2;border-radius: 50%;}
	.header-top .header-logo svg{width: 100px;}
	.mobilemenupopup{list-style: none;margin: 0;}
	.mobilemenupopup{margin-top: 50px;}
	.mobilemenupopup a{font-family: 'Belleza';font-weight: 400;font-size: 36px;color: #EBD1B2;}
	.toggle-menu .icon-cross{width: 15px;height: 15px;}
	.toggle-menu{text-align: right;}
	.toggle-menu .icon-cross:hover span{background:#EBD1B2;}
	.open-menu .toggle-menu{border-color: #EBD1B2;}
	.toggle-menu .icon-cross span{background:#EBD1B2;}
	.submenu-arrow {width: 60px;height: 40px;position: relative;float: right;top: 10px;background-image: url(assets/images/arrow.svg);background-repeat: no-repeat;background-position: center center;}
	.mobilemenupopup .sub-menu {max-height: 0;overflow: hidden;transition: max-height 0.5s ease;list-style: none;margin-left: 0;}
	.mobilemenupopup li.menu-item-has-children > a::after {cursor: pointer;}
	.mobilemenupopup li.open > .sub-menu { max-height: 500px;}
	.mobilemenupopup ul li > ul.sub-menu li a{position:relative;left:0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.mobilemenupopup .sub-menu a{font-size: 23px;}
	.mobilemenupopup li.open .submenu-arrow{transform: scaleY(-1);}
	.mobilemenupopup li{margin-top: 20px;}
	.get-directions a{font-family: 'Montserrat';font-weight: bold;font-size: 14px;color: #EBD1B2;text-decoration: underline;text-underline-offset: 5px;letter-spacing: 2px;}
	nav .ast-footer-social-wrap{margin-top: 50px;}
	footer #nav_menu-2{float: left;}
	#text-2 img{display: none;}
	.about-resort .home-events-info{padding-top: 60px;}
	.about-design .home-experience-info{display: flex;margin-bottom: 0;width: calc(76% - 20px);}
	.home-about-wrapper .home-about-link a{font-size: 12px;}
	.villas-banner-section .banner-info{top:60%;}
	.villas-landing-layer{height:20%;}
	.villas-filter-item, .villas-filter-select{font-size: 20px;}
	.villas-info-title{font-size:16px;}
	.villas-item, .villas-list-item:nth-child(2n) .villas-item{flex-direction: column;}
	.villas-list-item {padding-top: 40px;padding-bottom: 40px;}
	.villas-filter-ul {display: none;}
	.villas-filter-select {display: block;}
	.villas-filter-list{padding:0;border:0;}
	/*.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .textwidget, footer #text-3, footer #text-4, .ast-footer-copyright{font-size:14px;}*/
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a, footer .menu a{font-size: 13px;}
	.benefit-info-content{padding:40px;}
	.benefit-container{flex-direction: column;}
	
	.benefit-info-content h3{line-height: 41px;padding-bottom:20px;}
	.benefit-image-content, .benefit-info-content{width: 100%;}

	.villas-item-info .breadcrumb li{font-size:18px;}
	.villas-item-info .breadcrumb li a{font-size:18px;}
	
	.villa-details-wrapper .villas-item-info {padding-top: 0;}
	.villas-item-info .breadcrumb{padding-bottom: 40px;}
	
	.contact-form .home-experience-container-left-white-layer{width:100%;}
	
	.villas-item-image-desktop{display: none;}
	.villas-item-image-mobile{display: flex;margin-bottom: 20px;}
	.villa-details-wrapper{margin-top:40px;}
	.event-selector label{font-size: 14px;}
	.event-selector select{font-size: 14px;}
	.events {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
	.custom-post-gallery .gallery-item {width: 100%;}
	.event-slide h5{margin-top: 0;}
	.event-selector{gap: 20px;}
	.footer-masonry{min-height: unset;}
	.image-collage .img-center {width: 45%;}
  	.image-collage .img-left,.image-collage .img-right {width: 38%;}
	.banner-contact .banner-media{display: none;}
	.wpcf7 form .half{width: 100%;}
	.contact-form .textt{max-width: 100%;}
	.contact-details  .villas-item{flex-direction: column;gap: 30px;align-items: start;}
	.wpcf7 form>div{margin-bottom: 2.5em;}
	.empty.half{display: none;}
	.villas-details-filter-list{flex-direction: column;justify-content: center;padding-bottom: 20px;padding-top: 20px;}
	.villas-details-filter-left{width: 100%;padding-left:20px;justify-content: center;padding-bottom: 20px;}
	.checks .villas-details-filter-left{justify-content: left;}
	.villas-details-filter-right{width:100%;}
	.villas-details-filter-item a{font-size: 20px;}
	.villas-details-tabs-swiper {width:auto;}
	.villas-subcategory-setup .villas-details-filter-left{display: none;}
	
	.villas-banner-section{min-height: 350px;}
	.events-banner-section{min-height: 500px;}
	.banner-section{height: auto;}
	.home-events-container{/*margin-bottom: -130px;*/}
	.about-resort{margin-bottom: 0;}
	.inside-villas-content{margin-top:40px;margin-bottom: 40px;height: 450px;}
	.text2{font-size:20px;line-height: 26px;}
	.inside-villas-amenities-list ul{column-count: 1;gap:0;}
	.inside-villas-book-button{position: relative;top:auto;right:auto;margin-bottom: 40px;}
	.inside-villas-amenities-list{padding-bottom:40px;}
	.inside-villas-nav-button .nav-prev-button, .inside-villas-nav-button .nav-next-button{font-size: 12px;}
	.inside-villas-nav-button a{padding:20px 20px 40px 20px;}
	.inside-villas-pagination-container{flex-direction: column;}
	.inside-villas-pagination-container .inside-villas-nav-button{width:100%;}
	.footer-event {padding-bottom: 170px;}
	
	.home-about-wrapper .text1 a:hover:after, .home-about-wrapper .home-about-link a:hover:after, .home-experience-info .text a:hover:after, .home-events-info .text a:hover:after, .menu_right_info a:hover:after, .about-resort .text a:hover:after, .villas-item-info .text1 a:hover:after, .villas-item-info .text a:hover:after, .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a:hover:after, footer #text-3 a:hover:after, footer #text-4 a:hover:after, .banner-info h1 a:hover:after, .banner-info .text1 a:hover:after, .villas-item-info .text a:hover:after, .villas-item-info .text1 a:hover:after{transform: scaleX(1);opacity: .25;}
	
	.footer-social-item:hover {transform: translateY(0px); /* slide up the container */}
	.footer-social-item:hover svg {transform: translateY(0px); /* slide up the SVG in sync */}

	.ast-scroll-top-icon:hover svg{transform: translateY(0px);}
	#ast-scroll-top{bottom: 33px;}
	
	.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display: flex;flex-direction: column-reverse;gap:20px;}
	.menu-footer-conditions-menu-container ul{flex-flow: wrap-reverse;gap:0;flex-direction: column;}
	.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row, .site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section{align-items: flex-start;}
}
@media (max-width: 768px) {
	.home-about-container{padding-top:60px;}
	.take-a-tour {justify-content: center;}
}
@media (max-width: 640px) {
	/*h1{font-size: 40px;}*/
    h1{font-size: 40px;}
	h2{font-size: 32px;}
	h3{font-size: 28px;}
	h4{font-size: 20px;}
	h5{font-size: 22px;}

	.text{font-size:14px;line-height: 20px;}
	.text1{font-size:16px;line-height: 22px;}
	.custom-button a{/*font-size: 10px !important;line-height: 10px !important;*/padding: 16px 20px !important;}
	
	.banner-villas-text{font-size:14px;}
	.banner-villas-button-title{/*font-size:10px;*/}
	.home-about-wrapper .home-about-link{/*font-size:10px;*/}
	/*.home-villas-text{font-size:12px;}*/
	/*.home-villas-subtitle{font-size:14px;line-height:18px;}*/
	.home-service-button a{/*font-size:10px;line-height:10px;*/}
	.general-mood-text{font-size: 16px;}
	.home-service-info .inside-service-button{/*font-size:10px;line-height:10px;*/}
	.home-about-wrapper .home-about-link a{/*font-size: 10px;*/}
	.villas-filter-item, .villas-filter-select{font-size: 25px;}
	.villas-info-title{font-size:14px;}
	.villas-item-info h3, .villas-item-info .text1 {margin-bottom: 15px;}
	.villas-item-info .custom-button{margin-top:25px;}
	.villas-item{gap:20px;}
	.villas-item-image-info{display: none;}
	/*.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .textwidget, footer #text-3, footer #text-4, .ast-footer-copyright{font-size:13px;}*/
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] a, footer .menu a{/*font-size: 10px;*/}
	.benefit-info-content{padding:40px 20px;}
	
	.benefit-info-content h3{line-height: 31px;}
	.villas-item-info .breadcrumb li{font-size:16px;}
	.villas-item-info .breadcrumb li a{font-size:16px;}
	.event-selector label{font-size: 12px;}
	.event-selector select{font-size: 12px;}
	.img-left,.img-right{display: none;}
	.image-collage .img-center {width: 100%;height: auto;position: relative;margin-top: -155px;}
	.villas-details-filter-item a{font-size: 16px;}
	.text2{font-size:16px;line-height: 22px;}
	.inside-villas-nav-button .nav-prev-button, .inside-villas-nav-button .nav-next-button{/*font-size: 10px;*/}
	.footer-event {padding-bottom: 150px;}
	.events {display: grid;grid-template-columns: 1fr;gap: 30px;}
	.wpcf7-form select.text, .wpcf7-form select.text:focus{font-size:14px;line-height: 20px;}
	.parallax-fixed-pattern{right:-60px;}
	.parallax-fixed-pattern svg{width:400px;}
	.villas-item-thumbnail{min-height: 1px;}
	.checks .villas-details-filter-left,.checks .villas-details-filter-right{width: 100%;}
	.checks .villas-details-filter-list{gap: 13px;}
	.inside-villas-amenities-list{display: block;}
	.inside-villas-amenities-services-wrapper h2 {padding-bottom: 20px;}
	.amen-grid{margin-top: 20px;}
	.villas-details-filter-right ul li:nth-child(1),
	.villas-details-filter-right ul li:nth-child(3) {
	  flex: 0 0 20%;
	}

	.villas-details-filter-right ul li:nth-child(2) {
	  flex: 0 0 50%;
	}
	/*.inside-swiper-buttons{bottom: 10px;}*/
	.swiper-button-next, .swiper-button-prev{margin-top:0 !important;}
	.swiper-counter, .slide-caption{bottom: 50px;}
	.amen-grid-additional{padding-top: 40px;}
}
@media (max-width: 480px) {.home-about-container{padding-top:40px;}}