.hero-banner{display:flex;flex-direction:column-reverse;box-shadow:var(--shadow-shifted)}.hero-banner__content{padding:20px;background-color:var(--color-white)}.hero-banner__img{height:240px}.hero-banner__buttons{display:grid;gap:24px}.hero-banner__buttons:has(.btn--image){display:flex}.hero-banner__title{margin-bottom:32px}.hero-banner__form{display:flex;gap:16px}.hero-banner__form-info{margin-bottom:0}@media(max-width:998px){.hero-banner__form{flex-direction:column}.hero-banner .inp__wrap{width:100%}}@media(min-width:999px){.hero-banner{flex-direction:row}.hero-banner:has(.hero-banner__form-info) .hero-banner__form{display:grid;max-width:506px;grid-template-columns:1fr 140px;grid-template-areas:"inp btn" "info btn"}.hero-banner:has(.hero-banner__form-info) .hero-banner__form-info{grid-area:info}.hero-banner:has(.hero-banner__form-info) .inp{grid-area:inp}.hero-banner:has(.hero-banner__form-info) .btn{grid-area:btn}.hero-banner__content{flex:1;padding:40px}.hero-banner__buttons{grid-template-columns:repeat(2,1fr)}.hero-banner__img{flex:0 0 41.935%;aspect-ratio:unset;height:auto}.hero-banner__title{margin-bottom:56px}.hero-banner__form{max-width:506px}.hero-banner__form .inp:has([role=listbox]) .inp__input{min-width:322px}}