.hero-banner{align-items:center;background-color:hsla(0,0%,100%,.5);background-position:50%;background-size:cover;border-radius:0;color:#fff;display:flex;height:300px;justify-content:center;padding:0;position:relative;text-decoration:none}.hero-banner.right:hover .service-category h2,.hero-banner.right:hover h2,.hero-banner:hover h2{color:#a12641}.hero-banner.left{justify-content:flex-start}.hero-banner.right{justify-content:flex-end}.hero-banner .service-category{background-color:hsla(0,0%,100%,.6);border-radius:0;bottom:50px;padding:0 20px;position:absolute}.hero-banner.left .service-category{clip-path:polygon(100% 0,90% 50%,100% 100%,50% 100%,0 100%,0 0);left:0;padding-right:50px}.hero-banner.right .service-category{clip-path:polygon(0 0,15px 50%,0 100%,95% 1000%,100% 100%,100% 0);padding-left:40px;right:0}.hero-banner .service-category h2{font-size:2.5rem;font-weight:300;margin:0;padding:0}.hero_banner .service-category h2{font-size:3rem;font-weight:300;margin:0}.box:after,.box:before{background:linear-gradient(to top right,transparent calc(50% - 4px),green,transparent 50%) bottom/100% calc(100% + 4px);content:"";height:50%;left:0;position:absolute;top:0;width:30px}.box:after{transform:scaleY(-1);transform-origin:bottom}