.container,.logo-wrapper img{background-color: #f5f7f8;}.banner-card,.text-wrapper{z-index: 1; position: relative;}.gallery,a,button,h1,h2,h3,img{-webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;}.banner-card,.banner-wrapper,.bg-image,.house-image-wrapper,.safety-box,.safety-image,.search-chat,.text-wrapper{position: relative;}.button-common,.close,.details-close,.gallery,.heading-wrapper:hover{cursor: pointer;}*{margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}body,html{font-family: HKGrotesk-Regular, Arial, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}.details-form,.safety-wrapper .gallery > div,main{width: 100%;}a,a:focus,a:hover{border: 0; outline: 0; text-decoration: none;}img{max-width: 100%; object-fit: cover;}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}input[type="number"]{-moz-appearance: textfield;}input:focus,select:focus,textarea:focus{outline: 0;}a,button,h1,h2,h3,img{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}@font-face{font-family: HKGrotesk-Regular; src: url(../fonts/HKGrotesk-Regular.otf) format("otf"), url(../fonts/HKGrotesk-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap;}@font-face{font-family: HKGrotesk-Bold; src: url(../fonts/HKGrotesk-Bold.otf) format("otf"), url(../fonts/HKGrotesk-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap;}@font-face{font-family: SourceSansPro-Regular; src: url(../fonts/SourceSansPro-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap;}@font-face{font-family: HKGrotesk-Medium; src: url(../fonts/HKGrotesk-Medium.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap;}.container{width: 100%; margin: 0 auto; height: 100vh;}.header-wrapper{display: flex; align-items: center; justify-content: space-between;}.heading-wrapper,.search-chat{justify-content: space-between;}.banner-wrapper{width: 100%; padding: 0 20px; margin: 0 auto;}.banner-card{padding: 20px 20px 45px; width: 100%; background-image: url(../images/building.png); border-radius: 10px;}.banner-card:before{content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.8; border-radius: 10px;}.heading-welcome{color: #fff; padding-bottom: 12px; font: 800 18px/25px HKGrotesk-Bold, Arial, sans-serif;}.banner-text{max-width: 288px; color: #fff; padding-bottom: 20px; font: 14px/19px HKGrotesk-Regular, Arial, sans-serif;}.search-chat{background-color: #fff; width: 85%; margin: -45px auto 0; border-radius: 10px; z-index: 2; padding: 17px 0; display: flex; -webkit-box-shadow: 0 6px 10px 0 #d3dbe8; -moz-box-shadow: 0 6px 10px 0 #d3dbe8; box-shadow: 0 6px 10px 0 #d3dbe8;}.icon-1-inactive,.icon-2-inactive,.icon-3-inactive,.icon-4-inactive,.icon-main-inactive{box-shadow: 0 0 10px 0 #d4d3d3;}.search-chat > a{text-align: center; margin: 0 auto; display: flex; justify-content: center;}.search-chat a:not(:last-child){border-right: 1px solid #d3d3d3; padding-right: 7%;}.logo-name{font: 600 16px/20px HKGrotesk-Regular; color: #313131; display: none;}.logoDisplay{display: block; padding-left: 10px;}.webDisplay{flex-basis: 50%;}.services-wrapper{margin-top: 24px; padding-left: 20px; max-width: 375px; padding-bottom: 18px;}.heading-wrapper{display: flex; border-bottom: 1px solid #e5e5e5; max-width: 242px;}.heading{color: #313131; font: 16px/32px HKGrotesk-Bold, Arial, sans-serif; white-space: nowrap; margin-right: 10px;}.guest-heading{width: 106px;}.other-heading{font: 16px/32px HKGrotesk-Regular;}.icons-wrapper{display: flex; justify-content: left; padding-top: 24px;}.icon-image{width: 54px; height: 54px; border-radius: 16px;}.menu-card,.menu-wrapper .gallery > div{width: 305px;}.icon-main{background-size: 23px;}.icon-main-inactive{background-size: 21px;}.icons{padding-right: 10px;}.heading-wrapper{max-width: none; justify-content: flex-start !important;}.icon-1{background: url(../images/menu-active.png) center no-repeat;}.icon-1-inactive{background: url(../images/menu.png) center no-repeat;}.house-card,.menu-card,.safety-box{background-color: #fff;}.icon-2{background-image: url(../images/Concierge-3x.png); background-size: 21px; background-repeat: no-repeat; background-position: center;}.icon-2-inactive{background-image: url(../images/Concierge_Service.png); background-size: 21px; background-repeat: no-repeat; background-position: center;}.icon-3,.icon-3-inactive{background-size: 20px; background-repeat: no-repeat; background-position: center;}.icon-3{background-image: url(../images/mob-3x.png);}.icon-3-inactive{background-image: url(../images/House_keeping@1x.png);}.icon-4{background-image: url(../images/food-3x.png); background-size: 26px; background-repeat: no-repeat; background-position: center;}.icon-4-inactive{background-image: url("../images/fand beverage@1x.png"); background-size: 20px; background-repeat: no-repeat; background-position: center;}.icon-text{max-width: 55px; color: #313131; text-align: center; padding-top: 5px; display: block; font: 11.5px/16px HKGrotesk-Regular, Arial, sans-serif;}.menu-wrapper{padding-left: 15px;}.heading-menu{padding-left: 4px;}.menu-card{border-radius: 10px; margin-top: 10px; -webkit-box-shadow: 0 6px 10px 0 #d3dbe8; -moz-box-shadow: 0 6px 10px 0 #d3dbe8; box-shadow: 0 6px 10px 0 #d3dbe8;}.hotel-image{border-top-left-radius: 10px; border-top-right-radius: 10px; width: 305px; height: 180px;}.details-box{display: flex; justify-content: space-between; max-width: 305px; padding: 12px 16px 18px 13px;}.review-text,.review > img{display: inline-block;}.hotel-name{font-family: HKGrotesk-Bold; font-size: 14px; color: #313131; padding-bottom: 2px;}.review-text{color: #1f1a1a; font: 14px SourceSansPro-Regular, Arial, sans-serif;}.right-sec > span{color: #9d9d9d; text-align: right; display: block; font: 11.5px/20px HKGrotesk-Regular, Arial, sans-serif;}.gallery{display: flex; grid-row-gap: 1rem; overflow-x: scroll; scroll-padding: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-overflow-style: none; scrollbar-width: none;}.menu-wrapper .gallery{padding-bottom: 24px; padding-left: 6px;}.gallery::-webkit-scrollbar{display: none;}.active{scroll-snap-type: unset;}.gallery > div{scroll-snap-align: center; flex-shrink: 0; height: fit-content; margin-right: 1rem;}.safety-wrapper{padding-left: 20px;}.safety-image{width: 335px; height: 156px; border-radius: 23px 23px 10px 10px; padding-top: 12px;}.safety-box{max-width: 299px; margin: 0 auto; border-radius: 10px; padding: 15px 7px 12px 18px; transform: translate(-10px, -38px);}#date,.house-card{margin-bottom: 22px;}.heading-house,.house-wrapper{padding-left: 10px;}.card-one img::before,.image-top,.top-graphic{transform: translate(-50%, -50%);}.safety-wrapper .gallery > div:last-child .safety-box{transform: translate(0, -38px);}.box-heading{width: 142px; color: #313131; text-align: center; padding-bottom: 6px; font: 14px HKGrotesk-Bold, Arial, sans-serif;}.box-text{width: 274px; color: #9d9d9d; font: 12.1px/18px HKGrotesk-Regular, Arial, sans-serif;}.safety-wrapper .gallery > div:last-child{margin-right: 20px;}.heading-house{padding-bottom: 12px;}.card-one{margin-left: 10px;}.house-details{box-shadow: 0 6px 10px 0 #d3dbe8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 26px 0 26px 16px; height: 70px;}.house-card h3{color: #313131; width: 117px; transform: translate(0, -30%); font: 14px/20px HKGrotesk-Bold, Arial, sans-serif;}.card-one img::before{content: url(../images/laundry.png);}.bg-image{width: 151px; background-color: #f5f7f8;}.image-top{position: absolute;margin: auto;left: 50%;bottom: 50%;transform: translate(-50%, 50%);}.car-image{width: 55px;}.tray-image{width: 65px;}.container-login{background-color: #f5f7f8; position: relative;}.logo-wrapper-login{display: block; max-width: 172px; width: 100%; padding: 36px 5px 33px 31px;}.form-login{z-index: 2; margin: 0 auto; width: 100%; min-height: calc(100vh - 150px); height: 100%; padding-bottom: 40px; bottom: 0; position: absolute; left: 0; right: 0; top: 0;}.details-modal,.request-modal{z-index: 10; background-color: #fff;}.bottom-graphic,.top-graphic{margin: auto; position: absolute;}#login-form{padding: 33px 24px 79px; background-color: #fff; border-radius: 15px; -webkit-box-shadow: 0 4px 10px 6px #d3dbe8; -moz-box-shadow: 0 4px 10px 6px #d3dbe8; box-shadow: 0 1px 5px 1px #d4dce9; margin: 0 auto; width: 80%; display: flex; flex-direction: column; align-items: flex-start; position: fixed; align-items: flex-start; left: 10%; top: 50%; transform: translateY(-50%);}#name,#lname,#room,#date,#check-in-date,#check-out-date{border: 1px solid #dbdbdb; margin-top: 8px;}.top-graphic{max-width: 108px; top: 0; left: 88%;}.bottom-graphic{max-width: 128px; width: 100%; transform: translate(33%, 25%); right: 90%; bottom: 0;}.form-heading{font: 28px/42px HKGrotesk-Regular, Arial, sans-serif; max-width: 158px; width: 100%; text-align: left; padding-bottom: 32px;}.form-heading span{font-weight: 600;}#login-form label{color: #1f1a1a; font: 12.1px HKGrotesk-Regular, Arial, sans-serif; display: block; float: left;}#name,#lname,#room,#check-in-date,#check-out-date,#check_in_date,#check-out-date{height: 50px; width: 100%; border-radius: 8px; margin-bottom: 24px; padding: 5px; color: #1f1a1a;}.button-common{max-width: 279px; width: 100%; border-radius: 8px; font: bold 18px HKGrotesk-Bold, Arial, sans-serif; padding: 15px 45px 15px 37px; color: #fff; text-align: center; text-decoration: none; display: inline-block; white-space: nowrap; border: none; -webkit-box-shadow: 0 4px 15px -2px #1bafd3; -moz-box-shadow: 0 4px 15px -2px #1bafd3; box-shadow: 0 4px 15px -2px #1bafd3;}.details-modal,.top-section{border-top-left-radius: 15px; border-top-right-radius: 15px;}.button-common:hover{box-shadow: 0 9px 25px 0 #a98524;}.guest-content{font: 16px HKGrotesk-Regular, Arial, sans-serif; color: #1f1a1a; display: block; margin: 0 auto;}.guest-content a{color: #1bafd3; font-weight: 700; padding-left: 5px;}input{resize: none;}@media (min-width: 560px){.top-graphic{left: 98%;}.form-heading{max-width: 283px;}}@media (max-width: 350px){.top-graphic{left: 84%;}}.main-content{position: absolute; transition: 0.2s linear; left: 50%; top: 50%; transform: translate(-50%, -50%);}.request-modal{max-width: 335px; width: 100%; padding-top: 24px; padding-bottom: 28px; border-radius: 15px; text-align: center; margin: 0 auto; display: none; transform: translate(-50%, 94px); position: absolute; left: 50%; box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); top: 0;}.close{width: 24px; margin-right: 12px; display: block; position: relative; left: 88%;}.request-image{max-width: 229px; width: 100%; margin: 0 auto;}.modal-heading{font: bold 16px HKGrotesk-Bold, Arial, sans-serif; color: #454545; text-align: center; letter-spacing: 0.01em;}#date,#details,.modal-text{color: #1f1a1a;}.request-heading{padding-bottom: 16px; display: block;}.modal-text{font: 14px/20px HKGrotesk-Regular, Arial, sans-serif; text-align: center;}.request-text{max-width: 262px; width: 100%; margin: 0 auto; padding-bottom: 33px;}.button-request{margin-bottom: 0; margin-top: 0; box-shadow: none !important; transform: translate(0, 0);}.details-modal{width: 100%; max-width: 600px; margin: 0 auto; display: none; position: absolute; transform: translate(-50%, 0); bottom: 0; left: 50%; box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); padding-bottom: 83px;}.top-section{padding: 15px 20px 15px 24px; display: flex; justify-content: space-between; background-color: #f3f3f3; align-items: flex-end;}.details-close{width: 24px;}.content-section{background-color: #fff; padding: 20px 24px 23px 20px; overflow-y: scroll;}.content-section::-webkit-scrollbar{width: 8px;}.content-section::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 5px; box-shadow: inset 0 0 5px grey;}.content-section::-webkit-scrollbar-thumb{background: #888; border-radius: 5px;}.content-section::-webkit-scrollbar-thumb:hover{background: #555;}.details-text{text-align: left; padding-bottom: 25px;}.details-text span{font-family: HKGrotesk-Medium;}.details-form label{max-width: 98px; color: #1f1a1a; font: 14px HKGrotesk-Regular, Arial, sans-serif; display: block;}#date{width: 100%; border-radius: 8px; padding: 10px 12px 12px 14px; background: url(../images/Shape-3x.png) 95%/16px no-repeat; font-family: HKGrotesk-Regular; float: left;}input[type="date"]::-webkit-calendar-picker-indicator{background-image: none;}#details{height: 213px; width: 100%; border: 1px solid #dbdbdb; border-radius: 8px; margin-top: 8px; margin-bottom: 20px; padding: 5px;}.button-submit{box-shadow: none;}@media (max-width: 340px){.request-modal{width: 95%;}.button-request{width: 80%;}}.main-content-splash{text-align: center;}.bg-image-splash{width: 100%; object-position: 100% 30%; height: calc(102vh - 280px);}.content-wrapper{margin: auto; padding: 16px 20px 20px;}.logo-wrapper-splash{width: 100%; display: block; margin: 0 auto;}.logo-wrapper-splash img{max-width: 272px;}.button-start{margin-top: 45px; margin-bottom: 0; transform: translate(0, 0);}#button-submit{margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 100%); bottom: 89px; z-index: 0; box-shadow: none !important;}#submitLogin{margin: 8px auto 72px;}.header-wrapper{display: flex; align-items: center; justify-content: center; padding: 12px 25px;}.web-icons img{max-width: 25px; height: 20px;}