.hero{height:120vh;position:relative}.hero .search-hero{border-radius:50px!important}.hero .react-datepicker__input-container input::placeholder{color:#000!important;font-weight:300;font-style:italic}.hero .react-datepicker__input-container input{color:#000}.hero .react-datepicker{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Roboto,sans-serif}.hero .react-datepicker__day--in-range,.hero .react-datepicker__day--selected{background-color:#0b5996;color:#fff}.hero .react-datepicker__day:hover{background-color:#e0e7ff}.hero .react-datepicker__header{background-color:#0b5996;color:#fff;border-bottom:1px solid #ddd}.hero .react-datepicker__navigation{border-color:#fff}.hero .react-datepicker__day--disabled{color:#ddd}.hero .image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;color:#fff;padding:50px;text-align:center}.hero-content h2{font-weight:400;font-size:56px;line-height:70px;text-align:center;width:70%;margin-right:auto;margin-left:auto}.hero-logo{position:absolute;top:160px;left:50%;transform:translateX(-50%);z-index:2}@media only screen and (max-width:768px){.hero-content h2{width:100%;font-size:32px;line-height:50px}.hero img{height:600px;overflow:hidden}}.selections{height:70vh!important}.component{position:relative}.component .name{font-weight:500;font-size:64px;line-height:72px}.component .location{font-weight:400;font-size:24px}.component .shortt{font-weight:400;font-size:16px;line-height:32px;width:60%}.explore-btn{width:170px;height:56px;border-radius:40px;background-color:#000;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.explore-btn:hover{background-color:#1d6196;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.explore-btn span{font-weight:700;font-size:16px;line-height:24px}.selections .swiper-pagination-bullet-active{background-color:#1d6196!important}.selection-navigation{position:absolute;top:60%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:10}.selection-next-btn,.selection-prev-btn{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:auto;z-index:1000;transition:all .3s ease}.selection-next-btn:hover,.selection-prev-btn:hover{background:rgba(0,0,0,.5);border-color:#1d6196;transform:scale(1.1);box-shadow:0 4px 20px rgba(29,97,150,.4)}.selection-next-btn:active,.selection-prev-btn:active{transform:scale(.95)}.selection-next-btn svg,.selection-prev-btn svg{font-size:32px;color:#fff;transition:transform .3s ease}.selection-prev-btn:hover svg{transform:translateX(-3px)}.selection-next-btn:hover svg{transform:translateX(3px)}.selection-next-btn.swiper-button-disabled,.selection-prev-btn.swiper-button-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.villa-content{max-width:90%}@media only screen and (max-width:768px){.selections{height:400px!important}.selection-next-btn,.selection-prev-btn{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:auto;z-index:1000;transition:all .3s ease}.selections .name{font-size:24px;font-weight:100;line-height:28px}.selections .location{font-size:16px}.component .shortt{font-size:14px;line-height:20px;width:90%}.explore-btn{width:120px;height:44px}.explore-btn span{font-size:14px}.villa-content{gap:.75rem!important;margin-left:50px!important}.loc svg{font-size:18px!important}.selection-navigation{padding:0 10px}}@media only screen and (min-width:768px) and (max-width:1024px){.selections{height:700px!important}.component .name{font-size:48px;line-height:56px}.component .shortt{width:70%}.selection-next-btn,.selection-prev-btn{width:50px;height:50px}.selection-next-btn svg,.selection-prev-btn svg{font-size:28px}}@media only screen and (max-width:768px){.review{justify-content:center}.review .name,.review p{text-align:center}}.why{margin-top:100px}.info h4{font-weight:400;font-size:40px}.info p{text-align:justify}@media only screen and (max-width:600px){.info h4{font-size:24px}}