.block-hero .hero-area{background-size:cover;background-position:center;padding-top:10rem;}
.block-hero .hero-content{padding:5rem 3rem;background:#4D55CC;max-width:550px;color:#ffffff;border-top-right-radius:10px;border-top-left-radius:10px;font-size:2rem;border:3px solid #6972ea;border-bottom:none;}

@media(max-width:1024px){
    .block-hero .hero-area{padding-top:0rem;position: relative;}
    .block-hero .hero-area:after{content:'';width:100%;height:100%;background:#4D55CC;position:absolute;top:0;left:0;mix-blend-mode:multiply;}
    .block-hero .hero-content{max-width:none;width:calc(100% + 4rem);margin-left:-2rem;border-radius:0px;border:none;background:transparent;position: relative;z-index:99;padding:4rem 2rem;}
}