.angular-banner{--banner-background:var(--gradient-1);--banner-right-angle:25deg;--banner-bottom-angle:-4deg;--banner-border-thickness:35px;--banner-border-color:#fff;}.angular-right{transform:skewX(var(--banner-right-angle));-ms-transform:skewX(var(--banner-right-angle));-webkit-transform:skewX(var(--banner-right-angle));width:100%;height:100%;position:relative;overflow:hidden;border-left:var(--banner-border-thickness) solid var(--banner-border-color);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;}.angular-right::before{content:"";transform:skewX(calc(var(--banner-right-angle)*-1));-ms-transform:skewX(calc(var(--banner-right-angle)*-1));-webkit-transform:skewX(calc(var(--banner-right-angle)*-1));background-size:cover;position:absolute;width:100%;height:100%;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;}@media(min-width:768px){.angular-banner{background:var(--banner-background);}}@media(max-width:767px){.angular-banner{padding-bottom:3rem;z-index:1;}.angular-banner::before{background:var(--banner-background);transform:skewY(var(--banner-bottom-angle));transform-origin:bottom left;border-bottom:var(--banner-border-thickness) solid var(--banner-border-color);content:" ";display:block;height:100%;width:100%;position:absolute;z-index:-1;bottom:0;}.banner-mobile-image{margin-top:-50px;}}