.svg-bg{--text-image-bg:#000;position:relative;display:block;width:100%;height:auto;padding:100px 0;overflow:hidden;background-color:var(--text-image-bg)}.svg-bg.red{--text-image-bg:#ec1946}.svg-bg.blue{--text-image-bg:#00b4e5}.svg-bg.yellow{--text-image-bg:#ece817}.svg-bg.purple{--text-image-bg:#472e8d}.svg-bg.black{--text-image-bg:#000}.svg-bg.white{--text-image-bg:#fff}.svg-bg>svg{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible}.svg-bg>svg .inner{position:relative;display:block;overflow:visible;transform-origin:center}.svg-bg__image{position:absolute;inset:0 auto 0 0;z-index:0;width:58%;overflow:hidden}.svg-bg__image--right{right:0;left:auto}.svg-bg__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.svg-bg:after{position:absolute;inset:0;z-index:2;content:"";pointer-events:none;background:linear-gradient(to right,transparent 0,var(--text-image-bg) 50%)}.svg-bg:not(.text-float-right):after{background:linear-gradient(to left,transparent 0,var(--text-image-bg) 50%)}.svg-bg:not(.has-image):after{opacity:.9}.svg-bg.pb-0{padding-bottom:0!important}.svg-bg .text{position:relative;z-index:3;row-gap:2rem}.svg-bg .text__body,.svg-bg .text__title{min-width:0}.svg-bg .text h2{margin:0;color:var(--text-image-text-color,#fff)}.svg-bg .text__body{align-self:end}.svg-bg .text__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.svg-bg .text__buttons a{text-decoration:none}.svg-bg .rich-text{color:var(--text-image-text-color,#fff)}.svg-bg .rich-text>:first-child{margin-top:0}.svg-bg .rich-text>:last-child{margin-bottom:0}.svg-bg .rich-text blockquote,.svg-bg .rich-text ol,.svg-bg .rich-text p,.svg-bg .rich-text pre,.svg-bg .rich-text ul{margin:0 0 1rem}.svg-bg .rich-text li,.svg-bg .rich-text p{line-height:1.65}.svg-bg .rich-text ol,.svg-bg .rich-text ul{padding-left:1.4rem}.svg-bg .rich-text a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.svg-bg .rich-text blockquote{padding-left:1rem;border-left:2px solid}.svg-bg.full-width-text .text__title{margin-bottom:1rem}.svg-bg .image-wrapper .image img{width:100%}@media only screen and (max-width:767px){.svg-bg{padding:50px 0}.svg-bg__image{width:100%;opacity:.35}.svg-bg:after,.svg-bg:not(.text-float-right):after{background:linear-gradient(to bottom,transparent 0,var(--text-image-bg) 60%)}.svg-bg .text{row-gap:1.5rem}.svg-bg .text__body,.svg-bg .text__title{grid-column-start:2!important;grid-column-end:12!important}}@media only screen and (max-width:480px){.svg-bg:after,.svg-bg:not(.text-float-right):after{background:var(--text-image-bg);opacity:.88}}
