.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{border-left:var(--banner-border-thickness) solid var(--banner-border-color);height:100%;overflow:hidden;position:relative;transform:skewX(var(--banner-right-angle));-ms-transform:skewX(var(--banner-right-angle));-webkit-transform:skewX(var(--banner-right-angle));-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%}.angular-right:before{background-size:cover;content:"";height:100%;position:absolute;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));-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%}@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);border-bottom:var(--banner-border-thickness) solid var(--banner-border-color);bottom:0;content:" ";display:block;height:100%;position:absolute;transform:skewY(var(--banner-bottom-angle));transform-origin:bottom left;width:100%;z-index:-1}.banner-mobile-image{margin-top:-50px}}