.hero-bg{position:relative}.ribbon{background:linear-gradient(-90deg,#1a8bc3,#38b6ed);box-shadow:0 3px 6px rgba(0,0,0,.2);clip-path:polygon(100% 0,90% 50%,100% 100%,0 100%,0 50%,0 1%);color:#fff;font-family:Bebas Neue;font-size:30px;font-weight:500;left:0;letter-spacing:1px;line-height:1.2;padding:8px 30px 5px 20px;position:absolute;top:20px;transform:unset;z-index:5}