.hero-banner{background-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100vh - 170px);overflow:hidden;position:relative}.hero-banner__wrapper{background-color:#9bc3c3;display:flex;flex-direction:column;height:100%;justify-content:flex-end;max-width:550px;padding:2rem 2rem calc(2rem - 15px);position:absolute;right:0;top:0}.hero-banner__headline{color:#376994;font-size:2.273rem;line-height:1.2;margin-bottom:4rem}.hero-banner__button-wrapper{flex-wrap:wrap}.hero-banner__button--wrapped:first-line{margin-bottom:1rem}.hero-banner__button-scroll{border:2px solid #376994;cursor:pointer;display:block;display:inline-block;height:50px;margin-bottom:15px;margin-right:15px;position:relative;transition:all .1s linear;width:50px}.hero-banner__button-scroll:hover{background-color:#376994}.hero-banner__button-scroll:after,.hero-banner__button-scroll:before{background-color:#376994;content:"";display:block;height:2px;margin:0;position:absolute;top:0;transition:all .3s ease-in-out;width:20px}.hero-banner__button-scroll:hover:after,.hero-banner__button-scroll:hover:before{background-color:#fff}.hero-banner__button-scroll:before{margin:22px 0 0 6px;transform:rotate(40deg)}.hero-banner__button-scroll:after{margin:22px 0 0 20px;transform:rotate(-40deg)}.hero-banner__button-second{box-sizing:border-box;display:inline-block;margin-bottom:15px}@media screen and (max-width:1370px){.hero-banner{height:calc(100vh - 90px)}}@media screen and (max-width:767px){.hero-banner__wrapper{bottom:0;height:fit-content;top:unset}.hero-banner__headline{font-size:1.273rem;margin-bottom:2rem}}@media screen and (max-width:576px){.hero-banner__wrapper{padding:1rem 1rem calc(1rem - 15px)}}