@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--light-blue: #EFF8FF;--blue: #025595;--white: #ffffff;--white2: #F5F5F5;--text-color: #222222;--text-color-gray: #21212180;--white-Shadow: #ffffffe6;--border-radius-bi: 15px;--border-radius-md: 10px;--border-radius-sm: 6px;--transition-tining: .5s ease;--transition-tining2: .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}html{font-family:Inter,sans-serif;overscroll-behavior:contain;overflow-x:hidden}a{text-decoration:none}.container{width:100%}.title-section{font-size:39px;font-weight:700;color:var(--text-color);line-height:2}.title-section-desc{font-size:15px;font-weight:400;color:var(--text-color-gray)}.logo-part{display:grid;gap:.5rem;align-items:center;justify-content:center}.logo-part .logo{display:grid;align-items:center;justify-content:center}.btn-login{width:135px;height:38px;border-radius:var(--border-radius-sm);background:var(--blue);color:var(--white2);font-size:14px;font-weight:400;border:none;transition:var(--transition-tining2)}.btn-login:hover{background:var(--light-blue);border:2px solid var(--blue);color:var(--blue);font-weight:600;box-shadow:inset 0 0 0 30px var(--light-blue)}@media (max-width: 768px){.title-section{font-size:30px}}@media (min-width: 769px) and (max-width: 1024px){html,body{overflow-x:hidden}}.nav-bar{width:100%;position:fixed;background:var(--light-blue);padding:.6rem 4rem;display:flex;justify-content:space-between;align-items:center;min-height:5.6rem;z-index:1000}.menu-desktop{display:flex;flex-direction:row}.menu-desktop ul.menu{display:flex;gap:1.5rem;list-style:none}.menu-desktop ul.menu li{cursor:pointer;position:relative;font-weight:500}.menu-desktop ul.menu li a{color:var(--text-color)}.menu-desktop ul.menu li:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background-color:var(--blue);transition:.5s ease-in-out}.menu-desktop ul.menu li:hover:after{width:100%}.burger-menu{display:none;flex-direction:column;gap:4px;cursor:pointer}.burger-menu .menu-icon svg,.burger-menu .close-icon svg{width:35px;height:35px;color:var(--blue);transition:all .3s ease}.btn-mobile-menu{display:none}@media (max-width: 768px){.nav-bar{padding:0 1rem}.nav-bar.open-menu{background:var(--white)}.menu-desktop{position:absolute;top:100%;right:0;background:var(--white);width:100%;flex-direction:column;overflow:hidden;max-height:0;transition:max-height .4s ease-in-out}.menu-desktop.open{max-height:400px}.menu-desktop ul.menu{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.menu-desktop ul.menu{flex-direction:column;align-items:flex-start;gap:0;padding:0;margin:0;width:100%}.menu-desktop ul.menu li{width:100%;padding:1rem;border-bottom:1px solid var(--text-color-gray);border-top:1px solid var(--text-color-gray);text-align:left}.menu-desktop ul.menu li a{display:block;width:100%;color:var(--text-color);text-decoration:none}.burger-menu{display:flex}.button-content{display:none}.btn-menu{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 0}.btn-mobile-menu{display:block}}@media (min-width: 769px) and (max-width: 1024px){.nav-bar{padding:.6rem 1rem}.btn-mobile-menu{display:none}}.hero-section{position:relative;top:90px;height:559px;width:100%;overflow:hidden;display:flex;align-items:center;background:var(--light-blue)}.hero-section .image-background{position:absolute;top:0;right:0;width:1231px;height:100%;background-image:url(./images/Hearo/Hero.png);background-position:center right;background-repeat:no-repeat;z-index:0}.hero-section .content-layer{position:absolute;z-index:1;width:100%;padding:2rem 4rem;display:flex;top:0;justify-content:flex-start}.hero-section .content-layer .content{max-width:600px;display:flex;flex-direction:column;gap:4rem}.hero-section .content-layer .content .text-container h1{font-size:48px;color:var(--text-color);line-height:1.3}.hero-section .content-layer .content .text-container p{font-size:16px;color:var(--transition-tining2);margin-top:1rem}.hero-section .content-layer .content .info-box{display:flex;align-items:center;justify-content:space-between;background:var(--white-Shadow);box-shadow:0 4px 16px #0000001a;border-radius:var(--border-radius-md);padding:1.5rem 2rem;gap:2rem;width:868px;height:100px}.hero-section .content-layer .content .info-box .info-items{display:flex;align-items:center;gap:.75rem}.hero-section .content-layer .content .info-box .info-items .item{line-height:2.1}.hero-section .content-layer .content .info-box .info-items .icon{display:flex;align-items:center;justify-content:center}.hero-section .content-layer .content .info-box .info-items .icon svg{width:60px;height:60px;background:var(--light-blue);border-radius:50%;padding:.9rem;color:var(--blue)}.hero-section .content-layer .content .info-box .info-items label{font-size:16px;color:var(--text-color)}.hero-section .content-layer .content .info-box .info-items p{font-size:16px;font-weight:500;color:var(--text-color-gray);margin:0}@media (max-width: 768px){.hero-section{flex-direction:column;align-items:flex-start;padding:8rem 0;height:740px}.hero-section .image-background{width:100%;height:40%;top:auto;bottom:0;background-size:cover;background-position:bottom center}.hero-section .content-layer{padding:0}.hero-section .content-layer .content{width:100vw;gap:1.5rem}.hero-section .content-layer .content .text-container{padding:0 1rem}.hero-section .content-layer .content .text-container h1{font-size:35px}.hero-section .content-layer .content .text-container p{font-size:14px;color:var(--text-color-gray)}.hero-section .content-layer .content .info-box{flex-direction:column;width:100vw;height:auto;gap:1rem;padding:1rem}.hero-section .content-layer .content .info-box .info-items{width:100%;justify-content:flex-start}}@media (min-width: 769px) and (max-width: 1024px){.hero-section .content-layer .content .info-box{width:fit-content;height:auto}.hero-section .content-layer{padding:2rem 1rem}}.footer-top{display:flex;justify-content:space-between}.footer-top .logo-part{width:fit-content;padding-bottom:1.2rem}.footer-top .title-section-desc{width:360px;line-height:1.8;font-size:16px}.footer-top .footer-top-menu .footer-menu-content{line-height:2.5;font-weight:500}.footer-top .footer-top-menu h3{font-size:20px;color:var(--text-color);font-weight:600}.footer-top-services-about{display:flex;gap:5.5rem}.footer-top-location{height:130px;display:flex;flex-direction:column}.footer-top-location .location-info{display:flex;flex-direction:column;gap:16px}.footer-top-location h3{font-size:20px;padding-bottom:.8rem}.footer-top-location .location-info p{letter-spacing:.5px}.footer-top ul li{list-style:none;color:var(--text-color);cursor:pointer}.social-icons ul{display:flex;gap:1rem}.social-icons svg{padding:12px;width:48px;height:48px;border-radius:50%;background:var(--blue);color:var(--white)}.underline{width:100%;height:2px;background-color:var(--text-color-gray);transform-origin:left;margin:2rem 0}@media (max-width: 480px){.footer-top{display:grid;gap:1rem}.footer-top-services-about{flex-direction:column;gap:2rem}.footer-top .title-section-desc{width:fit-content}}@media (max-width: 768px){.footer-top{display:grid;gap:2rem}.footer-top-services-about{display:flex;justify-content:space-between}}@media (min-width: 769px) and (max-width: 1024px){.footer-top{display:grid;gap:2rem}}.footer-section{padding:8rem 4rem 2rem}@media (max-width: 768px){.footer-section{overflow:hidden;padding:4rem 1rem}}@media (min-width: 769px) and (max-width: 1024px){.footer-section{padding:8rem 1rem 2rem}}.footer-bottom{display:flex;align-items:center;justify-content:space-between}.footer-bottom .copyright p{font-size:14px;color:var(--text-color);letter-spacing:.5px}.footer-bottom .additional-text-footer{display:flex;justify-content:space-between;font-size:14px;gap:12px}@media (max-width: 480px){.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.footer-bottom .additional-text-footer{gap:1.5rem}}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(387px,1fr));gap:1rem}.filter-card{position:relative;border:1px solid var(--white);border-radius:var(--border-radius-sm);overflow:hidden;background:var(--white);box-shadow:0 2px 4px #0000000d;transition:.2s}.filter-card:hover{transform:scale(1.02)}.filter-card img{width:100%;height:100%;object-fit:cover}.filter-card p{padding:.5rem;font-size:.9rem}.details-content{position:absolute;top:14px;left:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.showcase-badge{top:14px;left:14px;font-size:12px;font-weight:500;border:1px solid var(--white);border-radius:var(--border-radius-sm);background:#00000050;color:var(--white);width:fit-content}@media (max-width: 768px){.cards-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 480px){.cards-container{grid-template-columns:repeat(1,1fr)}}.filter-section{padding:0 4rem}.filter-section .filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-top:2rem}.filter-section .filter-buttons .filter-btn{position:relative;padding:.5rem 1rem;border:none;background:var(--white);cursor:pointer;transition:var(--transition-tining)}.filter-section .filter-buttons .filter-btn.active{color:var(--blue);font-weight:500}.filter-section .filter-buttons .filter-btn:after{content:"";position:absolute;left:0;top:2.2rem;width:0;height:2px;background-color:var(--blue);transition:.5s ease-in-out}.filter-section .filter-buttons .filter-btn:hover:after,.filter-section .filter-buttons .filter-btn.active:after{width:100%}@media (max-width: 768px){.filter-section{padding:1rem}}@media (max-width: 480px){.filter-section,.filter-section .filter-buttons .filter-btn{padding:1rem}.filter-section .filter-buttons{display:flex;flex-wrap:nowrap;text-wrap:nowrap;overflow-x:scroll}}@media (min-width: 769px) and (max-width: 1024px){.filter-section{padding:1rem}}.home-section{padding:0;margin:2rem 0}.home-section .content-home{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white);background:#0006}.home-section .content-home h1{font-size:70px;font-weight:700}.home-section .content-home p{font-size:24px;font-weight:400}@media (max-width: 768px){.home-section .content-home h1{font-size:30px}.home-section .content-home p{font-size:15px}}.room-card-content{padding:1rem;background:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 4px 8px #2222229c;transition:transform .3s ease}.room-card-content:hover{transform:scale(1.05)}.room-card-content img{width:100%}.room-card-info{padding:1rem 0;line-height:1.5}.room-card-content .room-card-info .price{color:var(--blue);font-weight:600;font-size:18px}.room-card-content .room-card-info h3{font-size:18px;color:var(--text-color);font-weight:600}.room-card-content .room-card-info .location-info{padding-top:1rem}.room-card-content .room-card-info .location-info span{color:var(--text-color);font-size:14px;font-weight:400}.location-info span svg{vertical-align:middle;font-size:18px}.rooms-section{text-align:start;padding:4rem}.rooms-cards-container{padding:2rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.rooms-section{padding:1rem}.rooms-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.rooms-section{padding:1rem}.rooms-cards-container{grid-template-columns:repeat(1,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.rooms-section{padding:1rem}}.how-it-works-card{width:100%;padding:30px 20px;background:var(--white);border-radius:var(--border-radius-bi);text-align:start;transition:var(--transition-tining);cursor:pointer}.how-it-works-card:hover{background:var(--blue);color:var(--white);box-shadow:inset 0 0 0 200px var(--blue)}.how-it-works-card .card-icon svg{width:40px;height:40px;color:var(--blue);margin-bottom:1rem}.how-it-works-card:hover .card-icon svg{color:var(--white)}.how-it-works-card .card-title{font-size:22px;font-weight:600;line-height:2}.how-it-works-card .card-description{font-size:14px;color:var(--text-color-gray);line-height:1.5}.how-it-works-card:hover .card-description{color:var(--white)}@media (max-width: 768px){.how-it-works-card{margin-top:1rem;width:100%}}.how-it-works-section{padding:9rem 4rem 2rem}.works-card-container{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.works-card-container{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center}@media (max-width: 768px){.how-it-works-section{padding:0 1rem;margin-top:8rem}.works-card-container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center}}@media (max-width: 480px){.works-card-container{display:grid;grid-template-columns:repeat(1,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.how-it-works-section{padding:9rem 1rem 2rem}}