.banner{width:100%;position:relative;overflow:hidden;height:600px}.banner .background{position:absolute;top:-20px;left:0;width:100%;height:100%;background-size:cover;will-change:transform;z-index:-1;background-position:50%}.banner img{width:100%;height:100%;object-fit:cover;object-position:center}.banner .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.banner h1{position:absolute;top:45%;left:50%;transform:translate(-50%,-80%);color:#fff;font-size:3rem;text-align:center;font-family:Lora;transition:all .5s;transition-delay:.3s}.animated h1{opacity:0;transform:translate(-50%,-100%)}.animated.active h1{opacity:1;transform:translate(-50%,-80%)}@media screen and (max-width:500px){.background{background-position-y:0}}.home-about{display:flex;padding:7% 0;margin:2% auto;overflow:hidden;width:70%;max-height:-moz-fit-content;max-height:fit-content;background-color:#fff}.home-about .about-img{flex:1 1;text-align:center}.home-about .about-img img{min-height:400px;object-fit:cover}.home-about .about-content{flex:1 1;display:flex;flex-direction:column;position:relative;background-color:#fff;text-align:center}.home-about .about-content .about-description{padding:20px;width:100%}.home-about .about-content .about-description h1{font-size:2.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-top:5px}.home-about .about-content .about-description p{font-size:.95rem;line-height:1.5;font-family:Manrope}.home-about .about-content .about-banner{width:100%;display:flex;justify-content:space-around;background-color:var(--light-blue);padding:20px}.home-about .about-content .about-banner p{font-size:1.2rem;font-family:Manrope;color:var(--cool-blue)}.home-about .about-content .about-banner .about-btn{display:flex;justify-content:space-between;width:125px;align-items:center;padding:10px;background-color:transparent;border:2px solid var(--cool-blue);color:var(--cool-blue);border-radius:4px;cursor:pointer;transition:all .3s}.home-about .about-content .about-banner .about-btn:hover{background-color:var(--light-blue);color:var(--cool-blue);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.home-lux{width:100%;margin:100px 0}.home-lux .top{display:flex;width:100%}.home-lux .top .lux-content{flex:3 1;padding:20px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-lux .top .lux-content .lux-description{width:75%;gap:25px;display:flex;flex-direction:column}.home-lux .top .lux-content .lux-description h1{font-size:2.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-top:5px}.home-lux .top .lux-content .lux-description p{font-size:1.2rem;font-family:Manrope}.home-lux .top .lux-content .lux-btn{background-color:var(--cool-blue);padding:16px 24px;border-radius:4px;border:none;color:#fff;cursor:pointer;font-family:Manrope;transition:all .3s}.home-lux .top .lux-content .lux-btn:hover{background-color:var(--light-blue);color:var(--cool-blue);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.home-lux .top .bluetab{flex:1 1;background-color:var(--cool-blue)}.home-lux .lux-image{width:100%}.home-lux .lux-image img{width:100%;height:100%;object-fit:cover}.home-test{display:flex;flex-direction:column;width:90%;padding:3% 0;margin:0 auto;position:relative}.home-test .section1{height:100px;padding:20px;display:flex;align-items:center;justify-content:flex-end}.home-test .section1 p{font-size:2rem;font-family:Manrope;margin-right:12%}.home-test .section2{height:200px;background-color:var(--light-blue);display:flex;align-items:center;justify-content:flex-end;margin-right:5%}.home-test .section2 .profile{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;margin-right:12%;padding:40px}.home-test .section2 .profile .profile-img{width:125px;height:125px;border-radius:100%;overflow:hidden}.home-test .section2 .profile .profile-img img{width:100%;height:100%;object-fit:cover}.home-test .section2 .profile .profile-name{font-size:1rem;font-family:Lora}.home-activities{display:flex;flex-direction:column;margin-top:10%;position:relative}.home-activities .header{display:flex;justify-content:center;padding:20px;background-color:#fff}.home-activities .header p{font-size:2rem;font-family:Manrope;color:var(--cool-blue)}.home-activities .activities-swiper{display:none}.home-activities .swiper-activity{position:relative;width:100%;display:flex;justify-content:space-around;padding:20px;gap:20px;flex-wrap:wrap;margin-top:20px;margin-bottom:20px;align-items:center;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);transition:all 1.5s ease-in-out}.home-activities .swiper-activity img{transition:all 1.5s ease-in-out}.home-activities .swiper-activity .overlay-text{display:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.4);padding:20px;justify-content:center;align-items:center}.home-activities .swiper-activity .overlay-text p{font-size:.85rem;font-family:Manrope;color:#fff;text-align:center}.home-activities .swiper-activity.touch .overlay-text{display:flex;transition:all .5s ease-in-out;transform:rotateY(0deg);z-index:3}.home-activities .activities{width:100%;height:500px;display:flex;align-items:center;background-image:url(/_next/static/media/sand.80a6922a.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.home-activities .activities .activity{display:flex;flex-direction:column;flex:1 1;transition:opacity .5s ease-in-out,transform .8s ease-in-out;position:relative}.home-activities .activities .activity:hover .overlay-text{display:flex}.home-activities .activities .activity .activity-img{width:125px;height:125px;border-radius:100%;overflow:hidden}.home-activities .activities .activity .activity-img img{width:100%;height:100%;object-fit:cover}.home-activities .activities .activity .overlay-text{display:none;position:absolute;height:100%;width:100%;padding:10px;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}.home-activities .activities .activity .overlay-text p{padding:20px;font-size:1.1rem;font-family:Manrope;color:#fff}.home-activities .activities .activity .activity-name{font-size:1rem;font-family:Lora}.home-activities .activities div:nth-child(odd){margin-top:35px;transform:translateY(-100%);opacity:0}.home-activities .activities div:nth-child(2n){margin-bottom:35px;transform:translateY(100%);opacity:0}.home-activities .activities.scrolled{display:flex}.home-activities .activities.scrolled div:nth-child(2n),.home-activities .activities.scrolled div:nth-child(odd){transform:translateY(0);opacity:1}.home-activities .activities div:first-child{transition-delay:0s}.home-activities .activities div:nth-child(2){transition-delay:.5s}.home-activities .activities div:nth-child(3){transition-delay:1s}.home-activities .activities div:nth-child(4){transition-delay:1.5s}.home-activities .activities div:nth-child(5){transition-delay:2s}.bubble-container{display:grid;grid-auto-flow:column;place-items:center}.bubble-container .bubble{border-radius:50%;width:200px;height:180px;border:10px solid var(--cool-blue);text-align:center;padding:10px;display:flex;justify-content:center;align-items:center;transition:all .5s ease-in-out}.bubble-container .bubble p{font-size:1.1rem;font-family:Manrope;color:var(--cool-blue)}.bubble-container .bubble:hover{transform:translateY(-10px);box-shadow:0 0 5px 0 var(--light-blue)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:1240px){.home-about{flex-direction:column;width:90%}.home-about .about-content{text-align:center}.home-lux .top{flex-direction:column;align-items:center}.home-lux .top,.home-test .section1{justify-content:center}.home-test .section1 p{display:none}.home-test .section2{justify-content:center}.home-activities .activities .activity .overlay-text p{font-size:.9rem}}@media screen and (max-width:830px){.bubble-container{grid-auto-flow:row;grid-template-columns:repeat(2,2fr);gap:20px}.bubble-container .bubble{width:150px;height:130px}.bubble-container .bubble p{font-size:1rem}}@media screen and (max-width:400px){.bubble-container .bubble{width:120px;height:100px}.bubble-container .bubble p{font-size:.9rem}}@media screen and (max-width:550px){.home-activities{display:block}.home-activities .activities{display:none!important}.home-activities .activities-swiper{display:flex}}.testimonial{position:absolute;left:15%;width:45%;height:300px;background-color:#fff;box-shadow:0 0 6px 0 #a6a6a6}.testimonial .quotes-left{position:absolute;top:5%;left:5%;font-size:3rem;color:#a6a6a6}.testimonial .quotes-left img{width:50px}.testimonial .quotes-right{position:absolute;bottom:5%;right:5%;font-size:3rem;color:#a6a6a6}.testimonial .quotes-right img{width:50px}.testimonial .comment{display:flex;flex-direction:column;justify-content:center;align-items:center}.testimonial .comment .comment-text{font-size:1rem;font-family:Manrope;width:80%}.testimonial .swiper{width:100%;height:100%}.testimonial .swiper-pagination-bullet{background-color:var(--cool-blue)}@media screen and (max-width:1240px){.testimonial{left:25%}.testimonial .comment-text{font-size:.9rem!important}.testimonial .quotes-left img,.testimonial .quotes-right img{width:40px}}@media screen and (max-width:800px){.testimonial{width:90%;left:5%}.testimonial .comment-text{font-size:1rem!important}.testimonial .quotes-left img,.testimonial .quotes-right img{width:50px}}@media screen and (max-width:600px){.testimonial{width:90%;left:5%}.testimonial .comment-text{font-size:.9rem!important}.testimonial .quotes-left img,.testimonial .quotes-right img{width:40px}}@media screen and (max-width:450px){.testimonial{width:90%;left:5%}.testimonial .comment-text{font-size:.8rem!important}.testimonial .quotes-left img,.testimonial .quotes-right img{width:35px}}.villa-banner{display:flex}.villa-banner .top{display:flex;width:100%}.villa-banner .top .banner-content{flex:3 1;padding:20px 30px;display:flex;flex-direction:column;margin-left:10%}.villa-banner .top .banner-content .banner-description{width:70%;display:flex;flex-direction:column}.villa-banner .top .banner-content .banner-description h1{font-size:2.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-bottom:5px}.villa-banner .top .banner-content .banner-description p{font-size:1.2rem;font-family:Manrope;width:70%}.villa-banner .top .bluetab{flex:2 1;background-color:var(--cool-blue);height:600px}.villa-collage{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr auto;grid-gap:20px;gap:20px;width:90%;max-height:500px;z-index:2;margin-left:-30%;scale:1.3;margin-top:100px}.villa-collage .left,.villa-collage .middle,.villa-collage .right{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:400px;overflow:hidden}.villa-collage .left{flex:1 1}.villa-collage .middle{flex:1.5 1}.villa-collage .right{flex:1 1}.villa-collage .left-img,.villa-collage .middle-img,.villa-collage .right-img{width:100%;height:50%}.villa-collage .left-img img,.villa-collage .middle-img img,.villa-collage .right-img img{width:100%;height:100%;object-fit:cover}.villa-collage .middle-img{height:100%}.out{margin-top:10%}.out>h1{display:none;font-size:2.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-bottom:5px}.villa-feature{display:flex;width:80%;margin:0 auto}.villa-feature .feature-content{flex:1.5 1}.villa-feature .feature-content .feature-description{display:flex;flex-direction:column;gap:20px;width:90%}.villa-feature .feature-content .feature-description h1{font-size:2.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-bottom:5px}.villa-feature .feature-content .feature-description p{font-size:1.2rem;font-family:Lora}.villa-feature .feature-content .feature-description ul{list-style:none;padding:0;margin:0;gap:20px}.villa-feature .feature-content .feature-description ul li{transition:all 1.4s;opacity:0;transform:translateX(-20%);gap:10px}.villa-feature .feature-content .feature-description ul li h3{font-size:1.5rem;font-family:Lora;font-weight:500}.villa-feature .feature-content .feature-description ul li p{font-size:1.2rem;font-family:Manrope}.villa-feature .feature-content .feature-description ul li:first-child{transition-delay:0s}.villa-feature .feature-content .feature-description ul li:nth-child(2){transition-delay:.5s}.villa-feature .feature-content .feature-description ul li:nth-child(3){transition-delay:1s}.villa-feature .feature-content .feature-description ul li:nth-child(4){transition-delay:1.5s}.villa-feature .feature-content .feature-description ul li:nth-child(5){transition-delay:2s}.villa-feature .feature-content .feature-description .scrolled li{opacity:1;transform:translateX(0)}.villa-feature .feature-content .feature-btn{background-color:var(--cool-blue);padding:16px 24px;border-radius:4px;border:none;color:#fff;cursor:pointer;font-family:Manrope;transition:all .3s}.villa-feature .feature-content .feature-btn:hover{background-color:var(--light-blue);color:var(--cool-blue);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.villa-feature .feature-image{flex:1 1;display:flex;justify-content:center;align-items:center}.villa-feature .feature-image img{width:100%;height:100%;object-fit:cover}.villa-reserve{display:flex;gap:20px;width:80%;align-items:center;margin:150px auto;padding:0 5%;box-shadow:0 0 10px rgba(0,0,0,.1)}.villa-reserve .reserve-image{flex:1 1;height:300px}.villa-reserve .reserve-image img{width:100%;height:100%;object-fit:cover}.villa-reserve .reserve-content{flex:2 1;display:flex;flex-direction:column;gap:20px;padding:6%}.villa-reserve .reserve-content h1{font-size:2.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-bottom:5px}.villa-reserve .reserve-content p{font-size:1.2rem;font-family:Manrope}.villa-reserve .reserve-content .h-bar{width:100%;height:2px;background-color:#1e1e1e}.villa-reserve .reserve-content .icon-tray{display:flex;justify-content:space-around}.villa-reserve .reserve-button{flex:.5 1;display:flex;flex-direction:column;gap:5px;padding:10px}.villa-reserve .reserve-button .reserve-detail{text-align:right}.villa-reserve .reserve-button .reserve-detail .title{font-size:1.2rem;font-family:Manrope;font-weight:300}.villa-reserve .reserve-button .reserve-detail .amount{font-size:1.5rem;font-family:Lora;margin-bottom:20px}.villa-reserve .reserve-button .reserve-btn{background-color:var(--cool-blue);padding:16px 24px;border-radius:4px;border:none;color:#fff;cursor:pointer;font-family:Manrope;transition:all .3s}.villa-reserve .reserve-button .reserve-btn:hover{background-color:var(--light-blue);color:var(--cool-blue);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.villa-profitez{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--light-blue);text-align:center;padding:10px;width:90%;margin:150px auto 0;position:relative;box-shadow:0 0 10px 0 var(--cool-blue)}.villa-profitez h1{font-size:1.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-bottom:5px;width:50%}.villa-profitez p{font-size:1.2rem;font-family:Manrope;width:50%;margin:2px}@media screen and (max-width:1000px){.villa-banner .top .bluetab{height:350px}.villa-banner .top .banner-content{margin-left:0;padding:20px}.villa-banner .top .banner-content .banner-description{width:100%}.villa-banner .top .banner-content .banner-description h1{font-size:2rem}.villa-banner .top .banner-content .banner-description p{font-size:1rem}.villa-collage{margin-left:-35%}.out>h1{text-align:center;display:block}.villa-feature{flex-direction:column-reverse;align-items:center;margin-bottom:50px}.villa-feature .feature-content{width:100%}.villa-feature .feature-content h1{display:none}.villa-feature .feature-content .feature-description,.villa-feature .feature-content .feature-description h1,.villa-feature .feature-content .feature-description p,.villa-feature .feature-content .feature-description ul{width:100%}.villa-feature .feature-image{width:60%;margin:20px 0}.villa-reserve{flex-direction:column}.villa-reserve .reserve-image{width:70%;margin:20px 0}.villa-reserve .reserve-content{width:100%}.villa-reserve .reserve-content h1{font-size:2rem}.villa-reserve .reserve-content p{font-size:1rem}.villa-reserve .reserve-button{width:70%;margin:auto}.villa-reserve .reserve-button .reserve-detail{text-align:center}.villa-profitez{padding:20px}.villa-profitez h1{font-size:1.3rem;width:90%}.villa-profitez p{font-size:1rem;font-family:Manrope;width:90%;margin:2px}}@media screen and (max-width:750px){.out h1{font-size:2rem}.villa-banner .top .banner-description{width:100%}.villa-banner .top .banner-description h1{font-size:1.4rem}.villa-banner .top .banner-description p{font-size:1rem!important;width:100%!important}.villa-banner .villa-collage{display:none}.villa-feature .feature-content .feature-description h1{font-size:2rem}.villa-feature .feature-content .feature-description p{font-size:1rem}.villa-feature .feature-content .feature-description ul li h3{font-size:1.2rem}.villa-feature .feature-content .feature-description ul li p{font-size:1rem}}