.slanted-section{--height:14px}.slanted-section:before,.slanted-section:after{width:100%;height:var(--height);position:absolute;left:0;z-index:2;-webkit-clip-path:polygon(0 0,0% 100%,100% 0);clip-path:polygon(0 0,0% 100%,100% 0)}.slanted-section--top::before{content:"";top:-1px}.slanted-section--bottom:after{--bottom:calc(var(--height) * -1);content:"";top:auto;bottom:calc(var(--bottom) + 1px);background-color:inherit}.fx-bg-yellow+.slanted-section--top:before,.fx-bg-light-yellow+.slanted-section--top:before{background-color:#fff7dd}.fx-bg-white+.slanted-section--top:before{background-color:#fff}.bg-navy-blue+.slanted-section--top:before{background-color:#14245f}.fx-bg-light-blue-gradient+.slanted-section--top:before{background:#e5f1ff}.fx-bg-blue-gradient+.slanted-section--top:before{background:linear-gradient(to right,#87ade5 0%,#b6d3fc 20%,#b5d2fc 80%,#87ade5 100%)}.fx-bg-blue-yellow-gradient+.slanted-section--top:before{background:linear-gradient(to right,#87ade5 0%,#b6d3fc 20%,#b5d2fc 80%,#87ade5 100%)}.fx-bg-with-bg+.slanted-section--top{margin-top:calc(var(--height) * -1)}@media (min-width:768px){.slanted-section{--height:18px}}