.hero-banner-section{background-size:cover;background-position:center;background-repeat:no-repeat;padding:48px 0;margin-bottom:var(--cities-banner-margin-bottom, 60px);position:relative;display:flex;align-items:center}.hero-banner-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;z-index:1}.hero-banner-container{max-width:1050px;width:100%;margin:0 auto;position:relative;z-index:2}.hero-banner-content{max-width:700px}.hero-banner-title{font-size:var(--cities-banner-title-size, 48px);font-weight:700;color:#fff;margin-bottom:24px;line-height:60px;letter-spacing:-2%}.hero-banner-features{display:flex;flex-wrap:wrap;margin-bottom:32px;color:#1f2226;font-weight:400;gap:8px;line-height:20px}.hero-banner-feature{font-size:var(--cities-banner-features-size, 14px);color:#1f2226;white-space:nowrap;background-color:#f7f7f7;border-radius:8px;padding:4px 12px}.hero-banner-button{display:inline-block;font-size:var(--cities-banner-button-size, 16px);background-color:#26ad4f;border-radius:12px;color:#fff;font-weight:500;line-height:24px;padding:14px 46px}.hero-banner-button:hover{background-color:#1f8d3f;color:#fff;text-decoration:none}.hero-banner-section.mobile-bg{display:none}.cities-banner-subtitle{max-width:1080px;margin:0 auto;width:95%;text-align:center}.cities-banner-subtitle__title{color:#1f2226;font-family:Literata,serif;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.32px;margin:0}.cities-banner-subtitle__title span{color:#26ad4f}@media screen and (max-width:768px){.hero-banner-section{padding:16px;margin-bottom:var(--cities-banner-margin-bottom-mob, 40px);min-height:auto}.hero-banner-section.desktop-bg{display:none}.hero-banner-section.mobile-bg{display:flex}.hero-banner-container{padding:0 16px}.hero-banner-content{max-width:100%}.hero-banner-title{font-size:var(--cities-banner-title-size-mob, 28px);margin-bottom:24px;line-height:36px}.hero-banner-features{gap:8px;margin-bottom:32px;flex-direction:column}.hero-banner-feature{font-size:var(--cities-banner-features-size-mob, 12px);padding:4px 12px;width:fit-content}.hero-banner-button{font-size:var(--cities-banner-button-size-mob, 14px);padding:12px 32px;width:100%;text-align:center}.cities-banner-subtitle{padding:0 16px 24px}.cities-banner-subtitle__title{font-size:20px;font-weight:700;line-height:135%;letter-spacing:-.8px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section.cities-banner.css.map */