.hero-banner{width:100%;height:720px;max-height:100vh;z-index:var(--z-index-dropdown);background-image:url(https://img.cuddlynest.com/newHompage/heroimage/Desktop/AttractionsDesktopDay.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column}.hero-banner header{background:transparent!important;box-shadow:none!important;flex:0 0 auto;border-bottom:none!important}.hero-banner main{flex:1 1}.hero-banner__title{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.2;font-family:var(--font-primary);color:white}.hero-banner__subtitle{font-size:18px;font-weight:400;opacity:.9;margin-bottom:40px;max-width:600px;font-family:var(--font-secondary);color:white}.hero-banner__content{position:absolute;top:25%;left:50%;transform:translateX(-50%);z-index:4;color:white;max-width:800px;width:800px}.hero-banner__search-box-container{width:100%;position:relative}@media (max-width:899px){.hero-banner .MuiBox-root:not(.Hero){position:relative!important;transform:none!important;will-change:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;background-size:cover;background-position:top;background-repeat:no-repeat;border-radius:0 0 20px 20px;z-index:0;aspect-ratio:393/312}.hero-banner__content{position:absolute;top:25%;left:50%;transform:translateX(-50%);z-index:2;max-width:100vw;width:100%;box-sizing:border-box;padding:0 16px}.hero-banner__title{font-size:28px}.hero-banner__subtitle{font-size:16px;margin-bottom:32px}.hero-banner__search-box-container{display:flex;flex-direction:column;align-items:center;position:relative!important;transform:none!important;will-change:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}}@media (max-width:600px){.hero-banner{background-color:white;position:relative!important;background:none;transform:none!important;will-change:auto!important;overscroll-behavior:contain;touch-action:pan-y;height:unset;max-height:unset}.hero-banner__content{max-width:100vw;width:100%;box-sizing:border-box;padding:calc(240px - 60px - 25px) 16px 0;position:relative;top:unset;left:unset;transform:unset;z-index:2}}@media (max-width:480px){.hero-banner__title{font-size:24px}.hero-banner__subtitle{font-size:14px;margin-bottom:24px}}