.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}}.chambre{width:30%;height:300px;border-radius:10px;position:relative;background-position:50%;background-size:cover}.chambre img{max-width:100%;border-radius:10px;height:100%;object-fit:cover;object-position:center}.chambre h3{position:absolute;top:80%;left:5px;transition:all .6s ease;color:#fff;font-size:1.2rem;font-family:Lora}.chambre .chambre-details{display:flex;gap:10px;align-items:center;position:absolute;top:15%;left:5px;color:#fff;opacity:0;transition:opacity 1.3s ease}.chambre .chambre-details svg{color:#fff}.chambre:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:transparent;transition:background-color .3s ease}.chambre:hover,.chambre:hover:before{background-color:rgba(0,0,0,.5)}.chambre:hover h3{top:0;left:5px}.chambre:hover .chambre-details{opacity:1}