@import"https://fonts.googleapis.com/css2?family=Oxygen:wght@300&family=Patrick+Hand+SC&display=swap";.onboarding{position:relative;height:100vh;justify-content:center;align-items:center;overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;gap:50px}.onboarding .overlay-center{position:absolute;width:100%;height:100vh;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#00000080}.onboarding .onboarding-title{z-index:100;display:flex;flex-direction:column;gap:10px;text-align:center}.onboarding .onboarding-title h1{font-size:60px;color:#fff}.onboarding .onboarding-title h3{font-size:40px;color:#ffffff6a}.onboarding .onboarding-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center;transition:transform .6s ease,z-index 0s .6s;cursor:pointer;z-index:1}.onboarding .onboarding-container .card{display:flex;flex-direction:row;align-items:center;gap:30px;width:550px;color:#e7e8e8;font-size:22px;border:1px solid rgba(28,76,83,.6588235294);border-radius:10px;background-color:#6e9094af;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-sizing:border-box;padding:8px;transition:.2s}.onboarding .onboarding-container .card:hover{scale:1.1}.onboarding .onboarding-container .card img{width:130px;height:100px;border-radius:10px}.onboarding .onboarding-container button{padding:20px;border:1px solid #017582;border-radius:15px;color:#fff;background-color:#058492c9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);font-size:20px;cursor:pointer;transition:.2s}.onboarding .onboarding-container button:hover{background-color:#0d8390ee;scale:1.05}.onboarding .onboarding-container .onboarding-card{transition:.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background-color:#ffffff7e;border-radius:10px;width:250px;text-align:center}.onboarding .onboarding-container .onboarding-card img{box-shadow:0 4px 10px #000000b4;width:220px;height:220px;object-fit:cover;border-radius:10px;margin:15px}.onboarding .onboarding-container .onboarding-card:hover{scale:1.1;transition:.2s}.onboarding .onboarding-container .onboarding-card.zoomed{will-change:transform;z-index:2;transform:scale(15);transition:transform 1.2s ease}.onboarding .onboarding-container .onboarding-card.zoomed img{max-width:100%;object-fit:contain;border:none;box-shadow:none}.onboarding .onboarding-container .onboarding-card.faded,.onboarding .onboarding-container .onboarding-bottom-card.faded{opacity:0;pointer-events:none}.onboarding .onboarding-bottom-card{position:absolute;bottom:0;height:50px;width:250px;background-color:#056a75;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;transition:.2s;border-top-left-radius:10px;border-top-right-radius:10px}.onboarding .onboarding-bottom-card:hover{padding:0 20px 20px;transition:.2s;color:#056a75;border-top:2px solid #056a75;border-left:2px solid #056a75;border-right:2px solid #056a75;background-color:#fff}@keyframes dropIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.animate-drop-in{animation:dropIn .6s ease-out forwards}@media (max-width: 1040px){.onboarding .onboarding-container{justify-content:center;align-items:center;display:flex;width:60%;grid:2 2}}@media (max-width: 800px){.onboarding .onboarding-container{width:70%}.onboarding .onboarding-container .onboarding-card{width:180px;height:180px}.onboarding .onboarding-container .onboarding-card img{width:150px;height:150px}.onboarding .onboarding-container .card{width:400px}}@media (max-width: 565px){.onboarding{background-position-x:700px}.onboarding .onboarding-title h1{font-size:40px}.onboarding .onboarding-title h3{font-size:28px}.onboarding .onboarding-container{width:85%;gap:20px}.onboarding .onboarding-container .onboarding-card{width:160px;height:160px}.onboarding .onboarding-container .onboarding-card img{width:140px;height:140px}}@media (max-width: 450px){.onboarding{background-position-x:700px}.onboarding .onboarding-container{width:85%}.onboarding .onboarding-container .onboarding-card{width:140px;height:140px}.onboarding .onboarding-container .onboarding-card img{width:120px;height:120px}.onboarding .onboarding-container .card{width:300px;font-size:18px}.onboarding .onboarding-container .card img{width:100px;height:80px}.onboarding .onboarding-container button{padding:20px;font-size:18px}}.homepage .book-component{height:70vh;position:relative;box-shadow:0 6px 4px #0003}.homepage .book-component .overlay-center{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.homepage .book-component .overlay-center h1{font-size:80px;font-weight:600;color:#fff;text-align:center}.homepage .book-component .overlay-center button{padding:20px 60px;border-radius:30px;cursor:pointer;font-size:20px;font-weight:500;color:#056a75;background-color:#fff;border:2px solid #056a75;transition:.2s}.homepage .book-component .overlay-center button:hover{background-color:#056a75;color:#fff;transition:.2s}@media (max-width: 1024px){.homepage .book-component{height:60vh}.homepage .book-component .overlay-center h1{font-size:50px}.homepage .book-component .overlay-center button{padding:16px 45px}}@media (max-width: 500px){.homepage .book-component .overlay-center button{padding:12px 40px}}.room{display:flex;flex-direction:column;gap:20px;margin:50px 80px;padding:20px;background-color:#fff;border-radius:36px;box-shadow:0 4px 10px #0006}.room .room-info{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.room .room-info .room-info-details{display:flex;flex-direction:column;gap:5px;color:#056a75}.room .room-info .room-info-details small{display:flex;align-items:center;gap:5px}.room .room-info .room-info-details a{cursor:pointer}.room .room-info .room-info-button{display:flex;align-items:center;gap:30px;color:#056a75}.room .room-info .room-info-button svg{color:gold}.room .room-info .room-info-button .reserve{padding:15px 30px;background-color:#056a75;border:1px solid #056a75;color:#fff;border-radius:10px;cursor:pointer;transition:.2s}.room .room-info .room-info-button .reserve:hover{background-color:#fff;border:1px solid #056a75;color:#056a75;transition:.2s}.room .room-display{display:flex;justify-content:space-between;gap:20px;width:100%}.room .room-display .room-display-gallery{width:65%}.room .room-display .room-display-map{width:35%;display:flex;justify-content:center}.room .room-description{display:flex;justify-content:space-between;gap:30px}.room .room-description .room-description-container{display:flex;flex-direction:column;gap:20px;width:65%}.room .room-description .room-description-container .top-facilities{display:flex;flex-wrap:wrap;gap:10px}.room .room-description .room-description-container .top-facilities .top-facility-card{padding:10px 20px;border:1px solid #056a75;color:#056a75}.room .room-description .room-description-container .facility{display:flex;align-items:center;gap:20px}.room .room-description .room-description-container .facilities{display:flex;flex-wrap:wrap;align-items:start;gap:20px}.room .room-description .room-description-container .facilities .contact{display:flex;flex-direction:column;justify-content:center;gap:5px}.room .room-description .room-description-container .facilities .contact .contact-number{display:flex;align-items:center;gap:3px}.room .room-description .room-description-container .facilities .contact .contact-number svg{width:18px;height:18px}.room .room-description .room-description-container .facilities .contact .contact-number .svg-social{width:25px;height:25px}.room .room-description .room-description-sidebar{width:35%}.room .room-description .room-description-sidebar .all-facilities{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}@media (max-width: 950px){.room{margin:20px 30px}.room .room-info .room-info-details a{display:none}.room .room-description{flex-direction:column}.room .room-description .room-description-container,.room .room-description .room-description-sidebar{width:100%}}@media (max-width: 770px){.room .room-display{flex-direction:column}.room .room-display .room-display-gallery,.room .room-display .room-display-map{width:100%}}@media (max-width: 440px){.room{margin:0;border-radius:0}.room .room-info .room-info-button{gap:18px}}.about{width:100%;display:flex;flex-direction:row;justify-content:center;gap:50px;padding:3% 4%;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:18px}.about .about-content{display:flex;flex-direction:column;gap:20px;width:50%;font-size:20px}.about .about-content .facilities{display:flex;flex-wrap:wrap;gap:10px}.about .about-content .facilities .top-facility-card{padding:10px;box-sizing:border-box;border:1px solid white}.about .map{max-height:70vh;display:flex;flex-direction:column;gap:20px}.about .map .contact{display:flex;flex-direction:column;justify-content:center;gap:5px}.about .map .contact .contact-number{display:flex;align-items:center;gap:3px}.about .map .contact .contact-number svg{width:18px;height:18px}.about .map .contact .contact-number .svg-social{width:25px;height:25px}@media (max-width: 770px){.about{flex-direction:column}.about .about-content{width:100%}}@media (max-width: 430px){.about{flex-direction:column}.about .about-content{width:100%;font-size:20px}}.explore{width:100%;height:98vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px;overflow-x:hidden}.explore .explore-cards{white-space:nowrap;overflow:hidden;position:relative}.explore .explore-cards .text-slide{display:inline-flex;gap:50px;animation:slide 60s linear infinite}.explore .explore-cards .text-slide:hover{animation-play-state:paused}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-200%)}}.explore .apartments-scroll{margin:0 auto;width:100%;overflow:hidden;white-space:nowrap;background-color:#fff}.explore .apartments-scroll .text-slide{display:inline-block;animation:slide-right 30s infinite linear}.explore .apartments-scroll .text-slide h2{font-size:2rem;color:#000;display:inline-block;margin:10px 20px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}.explore .explore-bottom-card{position:fixed;bottom:0;height:50px;width:250px;background-color:#056a75;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;transition:.2s;border-top-left-radius:10px;border-top-right-radius:10px}.explore .explore-bottom-card:hover{padding:0 20px 20px;transition:.2s;color:#056a75;border-top:2px solid #056a75;border-left:2px solid #056a75;border-right:2px solid #056a75;background-color:#fff}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:70px;background-color:#fff;box-shadow:0 4px 4px #0003;padding:0 20px;box-sizing:border-box}.navbar svg,.navbar a{color:#056a75;font-weight:100}.navbar .navbar-back{display:flex;align-items:center;gap:10px;font-size:20px}.navbar .navbar-back a{padding:5px 10px;border-radius:50px;transition:.2s}.navbar .navbar-back a:hover{background-color:#056a75;color:#fff}.navbar .navbar-back svg{cursor:pointer}.navbar .navbar-back .navbar-logo-wrapper{display:flex;align-items:center;justify-content:center}.navbar .navbar-back .navbar-logo{position:relative;display:flex;align-items:center;gap:10px}.navbar .navbar-back .navbar-logo img{border-radius:5px;border:1px solid rgba(128,128,128,.671);width:100px;object-fit:cover}.navbar .navbar-back .navbar-logo .navbar-logo-00{position:relative;z-index:20;width:100px;height:65px}.navbar .navbar-back .navbar-logo .navbar-logo-0{position:absolute;top:3px;left:8px;z-index:18;height:57px}.navbar .navbar-back .navbar-logo .navbar-logo-1{position:absolute;top:6px;left:14px;z-index:17;height:51px}.navbar .navbar-back .navbar-logo .navbar-logo-2{position:absolute;top:6px;left:14px;z-index:16;height:49px}.navbar .navbar-back .navbar-logo .navbar-logo-3{display:none}.navbar .navbar-back .navbar-logo .navbar-logo-open{position:relative;width:100px;height:65px}.navbar .navbar-burger,.navbar .burger-backdrop-closed,.navbar .burger-backdrop{display:none}.navbar .navbar-items{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;transition:transform .3s ease}.navbar .navbar-items a{border:1px solid #056a75;border-radius:30px;padding:10px 20px}.navbar .navbar-items a:hover{background-color:#056a75;color:#fff}.navbar .navbar-items.navbar-items-shift{transform:translate(calc(-20% + 150px))}.navbar .navbar-weather{display:flex;align-items:center;gap:10px}@media (max-width: 935px){.navbar{justify-content:space-between}.navbar .navbar-back,.navbar .navbar-items{display:none}.navbar .navbar-burger{display:block}.navbar .navbar-burger svg{height:25px}.navbar .burger-backdrop{display:block;position:absolute;left:0;top:70px;z-index:20;width:100%;height:100vh;background-color:#056a75de;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.navbar .burger-backdrop a{color:#fff;font-size:22px}.navbar .burger-backdrop .burger-menu,.navbar .burger-backdrop .burger-apartments{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 0;font-size:20px;border-bottom:1px solid white}.navbar .burger-backdrop img{width:150px;height:100px}.navbar .burger-backdrop-closed{display:none}}.room-card{border-radius:32px;margin:40px 100px;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-shadow:0 4px 10px #0006;color:#056a75;transition:.2s;background-color:#fff}.room-card .room-info{display:flex;flex-direction:column;justify-content:center;gap:5px;width:70%}.room-card .room-img{width:300px;height:200px;border-radius:20px}.room-card img{object-fit:cover}.room-card:hover{background-color:#ebebeb;transition:.2s;scale:1.01}.room-card .room-name-m,.room-card .room-info-m{display:none}@media (max-width: 750px){.room-card{margin:20px 40px}}@media (max-width: 600px){.room-card{margin:0;padding:10px;justify-content:center;flex-direction:column;border-radius:0;box-shadow:none;border:1px solid #056a75;background-color:#ffffffda}.room-card .room-info,.room-card .room-img{display:none}.room-card .room-name-m{display:block;font-size:20px}.room-card .room-info-m{display:flex;justify-content:space-evenly;gap:20px;font-size:16px}.room-card .room-info-m .room-info-text-m{display:flex;flex-direction:column;gap:5px;width:60%}.room-card .room-info-m .room-img-m{width:40%}.room-card .room-info-m .room-img-m img{border-radius:10px;height:180px;width:100%}}.gallery-grid{display:flex;flex-wrap:wrap;gap:10px}.gallery-grid .gallery-item{width:150px;height:100px;overflow:hidden;border-radius:8px;cursor:pointer;position:relative}.gallery-grid .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.gallery-grid .gallery-item img:hover{transform:scale(1.05)}.gallery-grid .gallery-item.large{width:48%;height:220px}.gallery-grid .gallery-item.more{background:#888;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:1.2rem}.gallery-grid .gallery-item.more .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#c9999980;border-radius:8px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-backdrop .modal-gallery{background:#fff;border-radius:10px;padding:1rem;max-width:90%;width:1000px;max-height:90%;overflow-y:auto;position:relative;display:flex;flex-direction:column;gap:1rem}.modal-backdrop .modal-gallery .close-btn{position:absolute;top:10px;right:15px;font-size:3rem;color:#056a75;background:none;border:none;cursor:pointer}.modal-backdrop .modal-gallery .modal-main-image{width:100%;height:500px;display:flex;justify-content:center;align-items:center}.modal-backdrop .modal-gallery .modal-main-image img{max-height:80%;max-width:100%;border-radius:8px;object-fit:contain}.modal-backdrop .modal-gallery .modal-main-image .nav-btn{position:absolute;top:48%;transform:translateY(-50%);font-size:2rem;background:#0006;color:#fff;border:none;padding:0rem 1rem;cursor:pointer;z-index:1}.modal-backdrop .modal-gallery .modal-main-image .nav-btn.prev-btn{left:10px}.modal-backdrop .modal-gallery .modal-main-image .nav-btn.next-btn{right:10px}.modal-backdrop .modal-gallery .thumbnail-row{display:flex;overflow-x:auto;gap:10px;padding-bottom:.5rem}.modal-backdrop .modal-gallery .thumbnail-row .thumbnail-img{width:120px;height:80px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.6;border:2px solid transparent;transition:all .2s}.modal-backdrop .modal-gallery .thumbnail-row .thumbnail-img.active{border-color:#056a75;opacity:1}.modal-backdrop .modal-gallery .thumbnail-row .thumbnail-img:hover{opacity:1}.slideshow{position:relative;width:100%;height:100%;overflow:hidden}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.slide.active{opacity:1;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2}.reserve-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:50;display:flex;justify-content:center;align-items:center;transition:.2s}.reserve-backdrop .reserve{position:relative;z-index:100;width:60%;height:70vh;border-radius:36px;background-color:#056a75be;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.reserve-backdrop .reserve .reserve-top{width:100%;display:flex;align-items:center;justify-content:space-around;font-size:25px}.reserve-backdrop .reserve .reserve-top svg{height:50px;cursor:pointer;transition:.2s}.reserve-backdrop .reserve .reserve-top svg:hover{color:red;transition:.2s}.reserve-backdrop .reserve .reserve-form{display:flex;flex-direction:row;gap:5%}.reserve-backdrop .reserve .reserve-form .form-calendar{display:flex;flex-direction:column;gap:10px}.reserve-backdrop .reserve .reserve-form .form-calendar .form-calendar-input{display:flex;flex-direction:column;gap:5px}.reserve-backdrop .reserve .reserve-form .form-calendar .calendar-button{display:flex;gap:5px}.reserve-backdrop .reserve .reserve-form .form-inputs{display:flex;flex-direction:column;gap:10px;text-align:center}.reserve-backdrop .reserve .reserve-form input[type=text],.reserve-backdrop .reserve .reserve-form input[type=email],.reserve-backdrop .reserve .reserve-form input[type=date],.reserve-backdrop .reserve .reserve-form input[type=number],.reserve-backdrop .reserve .reserve-form textarea{padding:10px 15px;width:300px;font-size:18px;font-weight:500;color:#056a75;background-color:#fff;border:2px solid #056a75;border-radius:10px;box-sizing:border-box;transition:.2s;resize:none}.reserve-backdrop .reserve .reserve-form input[type=text]:focus,.reserve-backdrop .reserve .reserve-form input[type=email]:focus,.reserve-backdrop .reserve .reserve-form input[type=date]:focus,.reserve-backdrop .reserve .reserve-form input[type=number]:focus,.reserve-backdrop .reserve .reserve-form textarea:focus{border:2px solid white}.reserve-backdrop .reserve .reserve-form input[type=text]:disabled,.reserve-backdrop .reserve .reserve-form input[type=email]:disabled,.reserve-backdrop .reserve .reserve-form input[type=date]:disabled,.reserve-backdrop .reserve .reserve-form input[type=number]:disabled,.reserve-backdrop .reserve .reserve-form textarea:disabled{border:2px solid rgba(255,255,255,.616);background-color:#ffffffa1}.reserve-backdrop .reserve .reserve-form input[type=text].input-error,.reserve-backdrop .reserve .reserve-form input[type=email].input-error,.reserve-backdrop .reserve .reserve-form input[type=date].input-error,.reserve-backdrop .reserve .reserve-form input[type=number].input-error,.reserve-backdrop .reserve .reserve-form textarea.input-error{border:2px solid rgb(221,0,0)}.reserve-backdrop .reserve .reserve-form input[type=text].input-error::placeholder,.reserve-backdrop .reserve .reserve-form input[type=email].input-error::placeholder,.reserve-backdrop .reserve .reserve-form input[type=date].input-error::placeholder,.reserve-backdrop .reserve .reserve-form input[type=number].input-error::placeholder,.reserve-backdrop .reserve .reserve-form textarea.input-error::placeholder{color:#ff00008d}.reserve-backdrop .reserve .reserve-form button{border-radius:10px;padding:10px;cursor:pointer;font-size:20px;font-weight:500;color:#056a75;background-color:#fff;border:2px solid #056a75;transition:.2s}.reserve-backdrop .reserve .reserve-form button:hover{background-color:#056a75;border:2px solid white;color:#fff;transition:.2s}.reserve-backdrop .reserve .reserve-form .button-submit-m{display:none}@media (max-width: 1160px){.reserve-backdrop .reserve{width:100%;height:100vh;border-radius:0}}@media (max-width: 680px){.reserve-backdrop .reserve{width:100%;height:100vh;border-radius:0;justify-content:center;gap:20px}.reserve-backdrop .reserve .reserve-top{flex-direction:column-reverse;gap:15px;text-align:center;font-size:20px}.reserve-backdrop .reserve .reserve-form{flex-direction:column;text-align:center}.reserve-backdrop .reserve .reserve-form .button-submit{display:none}.reserve-backdrop .reserve .reserve-form .button-submit-m{display:block}}.weather-widget{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#056a75;border-radius:10px;font-weight:600;font-size:1rem;color:#fff}.weather-widget img{width:32px;height:32px}.explore-card{position:relative;border-radius:20px;display:flex;width:480px;height:280px;color:purple;box-shadow:0 4px 10px #0006}.explore-card .card-info{background-color:#fff;border-bottom-left-radius:20px;border-top-left-radius:20px;display:flex;flex-direction:column;gap:20px;padding:15px;box-sizing:border-box;width:55%;clip-path:polygon(0 0%,85% 0,100% 50%,85% 100%,0 100%);z-index:1}.explore-card .card-info .card-info-title h1{font-size:20px}.explore-card .card-info .card-info-phone{display:flex;align-items:center;gap:20px;border-top:2px solid purple;border-bottom:2px solid purple;padding:20px 0;width:90%}.explore-card .card-info .card-info-phone svg{width:25px;height:25px}.explore-card .card-info .card-info-online{display:flex;gap:10px}.explore-card .card-info .card-info-online .svgs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.explore-card .card-info .card-info-online .text{display:flex;flex-direction:column;align-items:left;gap:5px}.explore-card .card-images{width:55%;height:100%;position:absolute;right:0;z-index:0}.explore-card .card-images img{object-fit:cover;border-top-right-radius:20px;border-bottom-right-radius:20px;width:100%;height:100%}html,body,div,span,h1,h2,h3,p,a,small,input{margin:0;padding:0;border:0}html{font-family:Oxygen;background-color:#056a75be}body{height:100%}a{text-decoration:none}ol,ul{list-style:none;margin:0;padding:0}input:focus,textarea:focus{outline:none}*{font-family:Oxygen}