@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap);
.u-bgc-white-to-grey{background:linear-gradient(0deg, #2F2D2D 50%, #FFFFFF 50%)}.pagebuilder__block--diagonal-banner .container{max-width:1440px}.pagebuilder__block--diagonal-banner.style__option-2 .block__image{position:relative}@media(min-width: 768px){.pagebuilder__block--diagonal-banner.style__option-2 .block__image:before{content:"";position:absolute;top:0;left:0;height:100%;width:45%;background:rgba(237,27,46,.75);clip-path:polygon(0 0, 100% 0%, 25% 100%, 0% 100%)}.pagebuilder__block--diagonal-banner.style__option-2 .block__image:after{content:"";position:absolute;top:0;left:0;height:100%;width:30%;background:#fff;clip-path:polygon(0 0, 100% 0%, 0% 100%)}}.pagebuilder__block--diagonal-banner.style__option-3 .block__image{position:relative}@media(min-width: 768px){.pagebuilder__block--diagonal-banner.style__option-3 .block__image{clip-path:polygon(0 0, 100% 0, 70% 100%, 0 100%)}.pagebuilder__block--diagonal-banner.style__option-3 .block__image:before{content:"";position:absolute;top:75%;left:0;height:4.375rem;width:50%;background:rgba(47,47,45,.85);clip-path:polygon(0 0, 100% 0%, 93% 100%, 0% 100%)}}.pagebuilder__block--diagonal-banner.style__option-4 .block__images{position:relative}.pagebuilder__block--diagonal-banner.style__option-4 .block__images:before{content:""}@media(min-width: 768px){.pagebuilder__block--diagonal-banner.style__option-4 .block__images:before{position:absolute;top:75%;left:25%;height:3rem;width:40%;background:rgba(237,27,46,.75);clip-path:polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);z-index:2}}.pagebuilder__block--diagonal-banner.style__option-4 .block__images .block__image--second{position:absolute;top:0;left:0;width:100%;height:100%}@media(min-width: 768px){.pagebuilder__block--diagonal-banner.style__option-4 .block__images .block__image--second{top:50%;left:100%;width:50%;height:40%;transform:translate(-100%, -50%);clip-path:polygon(25% 0, 100% 0, 75% 100%, 0 100%)}}.pagebuilder__block--diagonal-banner.style__option-4 .block__images .block__image--second img{height:100%;width:100%;aspect-ratio:500/300;object-fit:cover}.pagebuilder__block--diagonal-banner.style__option-4 .block__images .block__image{width:100%;height:100%}@media(min-width: 768px){.pagebuilder__block--diagonal-banner.style__option-4 .block__images .block__image{clip-path:polygon(0 0, 66% 0, 35% 100%, 0 100%)}}

/*# sourceMappingURL=diagonal-banner.css.map*/