body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#191c1f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}.btn{display:inline-block;font-weight:400;color:#ed7d31;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;font-size:.8rem;font-weight:500;padding:6px 12px;border-radius:8px;line-height:1.5;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s}.btn-primary{color:#fff;background-color:#12263f;border-color:#12263f}.btn-primary-outline{color:#fff;border-color:#ed7d31;color:#ed7d31;border-radius:22px}.App{max-width:600px;margin:0 auto;background:#ffff}.hero-banner{display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:column;position:relative;min-height:60vh;background-image:url(https://master-vserve.s3.ap-south-1.amazonaws.com/property/389_Sheraton+Grand+Bangalore+Hotel+at+Brigade+Gateway.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:0;padding:1.5rem;text-align:center}.hero-banner .logo{max-width:10rem;max-height:10rem;margin-bottom:1rem}.hero-banner .logo img{width:100%;height:100%;opacity:0}.hero-banner .title{font-size:1.2rem;color:#fff;margin-bottom:.5rem;line-height:1.5}.hero-banner .sub-title{font-size:.75rem;color:#fff}.hero-banner .locate-container{display:flex;flex-direction:column;margin:1rem 0 0;width:100%}.hero-banner .locate-container .location-input{background-color:#fff;border-radius:8px;border-width:0;padding:10px;outline:none;min-height:40px;max-width:18rem;margin:auto;width:100%}.hero-banner .locate-container .btn-order-now{background:#ed7d31;color:#fff;max-width:6rem;margin:5px auto 0;cursor:pointer}.hero-banner:after{content:"";position:absolute;left:0;top:0;z-index:-1;background-color:#0006;width:100%;height:100%}.section-header{display:flex;justify-content:space-between;margin:1.5rem 0;padding:0 1rem;align-items:center}.section-header .title{font-size:1rem;color:#12263f;margin-bottom:.2rem;font-weight:500}.section-header .sub-title{font-size:.75rem;color:#12263f;font-weight:400}.section1{display:flex;gap:10px;padding:0 1rem;flex-wrap:wrap}.section1 .card-overlay{width:48%;background-position:center center}@media only screen and (min-width: 768px){.section1 .card-overlay{width:49%;min-height:14rem}}.section2{display:flex;gap:10px;flex-wrap:nowrap;padding:0 1rem;overflow:auto;padding-bottom:20px}.section2 .card-overlay{min-width:13rem;min-height:14rem}.section3{display:flex;gap:10px;white-space:pre-wrap;flex-wrap:wrap;padding:0 1rem}.section3 .card-normal{width:48%}.card-overlay{border-radius:12px;box-shadow:0 0 0 1px #0000000a,0 6px 20px #0003;padding:1rem;min-height:10rem;background-image:url(https://master-vserve.s3.ap-south-1.amazonaws.com/property/389_Sheraton+Grand+Bangalore+Hotel+at+Brigade+Gateway.jpg);background-repeat:no-repeat;background-size:cover;background-position:100% 100%;position:relative;z-index:0;cursor:pointer}.card-overlay:after{content:"";position:absolute;left:0;top:0;border-radius:12px;z-index:-1;background-color:#00000059;width:100%;height:100%}.card-overlay .content{position:absolute;bottom:0px;left:0px;padding:10px}.card-overlay .content .title{font-size:.9rem;color:#fff;margin-bottom:.2rem;font-weight:500}.card-overlay .content .title .fa-map-marker{margin-right:3px}.card-overlay .content .sub-title{font-size:.7rem;color:#fff;font-weight:400}.card-overlay .content .sub-title .fa-map-marker{margin-right:3px;color:#ed7d31}.card-normal{border-radius:12px;box-shadow:0 0 0 1px #0000000a,0 0 20px #0000001a;min-height:10rem;position:relative;z-index:0;overflow:hidden}.card-normal .img-wrapper{position:relative;z-index:0;width:100%;height:100%;max-height:8rem}.card-normal .img-wrapper img{width:100%;height:100%;object-fit:cover}.card-normal .img-wrapper:after{content:"";position:absolute;left:0;top:0;background-color:#00000059;width:100%;height:100%}.card-normal .content{padding:10px}.card-normal .content .title{font-size:.9rem;color:#12263f;margin-bottom:.2rem;font-weight:500}.card-normal .content .sub-title{font-size:.7rem;color:#12263f;font-weight:400}.card-normal .content .sub-title .fa-map-marker{margin-right:5px;color:#ed7d31}.footer{background-color:#12263f;padding:2rem 1rem;margin-top:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.footer .footer-title{font-size:.9rem;color:#fff;margin-bottom:.5rem}.footer .footer-tagline{font-size:.7rem;color:#fff}.header{padding:5px 1rem;background:#fff;box-shadow:0 1px 2px #0000001c;position:sticky;top:0px;left:0px;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:#0003 0 1px 8px;z-index:4;background-color:#fff;min-height:65px}.header .back_button svg{width:24px;height:24px;cursor:pointer}.header .page_title{font-size:1rem;text-transform:capitalize;line-height:1.2;color:#000;max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hotels-container{min-height:100vh}.hotels-wrapper{display:flex;justify-content:space-between;padding:1rem;flex-direction:row;flex-wrap:wrap;gap:10px}.hotels-wrapper .card-overlay{min-height:10rem;border-radius:18px;width:48%;background-position:center center}.hotels-wrapper .card-overlay.full{width:100%;min-height:12rem}@media only screen and (min-width: 768px){.hotels-wrapper .card-overlay{min-height:15rem;width:49%}}.hotels-wrapper .card-overlay:after{border-radius:18px}