:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Ubuntu"}.secondary-roboto{--secondary-font: "Roboto", sans-serif}[lang=ja],[lang=ja-JP]{--primary-font: "Noto Sans JP", serif;--secondary-font: "Noto Sans JP", serif}.icon__svg--time{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center}.icon__svg--time use{display:none}.icon__svg--time{mask-image:url(../../../icons/time.svg);-webkit-mask-image:url(../../../icons/time.svg);background:linear-gradient(45deg, var(--color-tertiary), var(--color-tertiary-2))}.gradient-primary-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(115.12deg, var(--color-primary-variant) 0%, var(--color-base) 100%);color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-textonprimary);fill:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(115.12deg, var(--color-bg-a-1) 0%, var(--color-bg-a-2) 100%);color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-a);fill:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(107.48deg, var(--color-bg-b-1) 0%, var(--color-bg-b-2) 100%);color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-b);fill:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(114.27deg, var(--color-bg-c-1) 0%, var(--color-bg-c-2) 100%);color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-c);fill:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(114.27deg, var(--color-bg-d-1) 0%, var(--color-bg-d-2) 100%);color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-red-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-red-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-red-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-d);fill:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-red-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(156.21deg, var(--color-bg-e-1) 0%, var(--color-bg-e-2) 100%);color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-e);fill:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.grey-bg{background:#f2f2f2}.primary-gradient-text,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-h1-1) 0%, var(--color-h1-2) 81.98%)}.primary-gradient-text-2{background:linear-gradient(102.4deg, var(--color-h2-1) 0%, var(--color-h2-2) 81.98%)}.gradient-text-light-blue{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.gradient-text-purple{background:linear-gradient(102.4deg, var(--color-h4-1) 0%, var(--color-h4-2) 81.98%)}.gradient-text-red{background:linear-gradient(102.4deg, var(--color-h5-1) 0%, var(--color-h5-2) 81.98%)}.gradient-text-orange{background:linear-gradient(102.4deg, var(--color-h6-1) 0%, var(--color-h6-2) 81.98%)}.gradient-text-green{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.gradient-text-rainbow{background:linear-gradient(112.14deg, var(--color-h3-1) 0%, var(--color-h3-2) 27.08%, var(--color-h4-1) 51.04%, var(--color-h6-1) 73.96%, var(--color-h6-2) 98.44%)}.gradient-footer-bg{background:linear-gradient(114.27deg, var(--color-footer-bg-1) 0%, var(--color-footer-bg-2) 100%)}.gradient-extended-footer-bg{background:linear-gradient(to right, var(--color-footer-bg-1) 0%, var(--color-footer-bg-2) 33%, var(--color-footer-bg-3) 66%, var(--color-footer-bg-4) 100%)}.hero-with-search__inner .primary-gradient-text,.hero-with-search__inner .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .hero-with-search__inner .block-field-title:before,.hero-with-search__inner .primary-gradient-text-2,.hero-with-search__inner .gradient-text-light-blue,.hero-with-search__inner .gradient-text-dark-blue,.hero-with-search__inner .gradient-text-purple,.hero-with-search__inner .gradient-text-red,.hero-with-search__inner .gradient-text-orange,.hero-with-search__inner .gradient-text-green,.hero-with-search__inner .gradient-text-rainbow{background-clip:unset;text-fill-color:#fff;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;background:unset;color:#fff}.hero-with-search__inner .primary-gradient-text svg,.hero-with-search__inner .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before svg,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .hero-with-search__inner .block-field-title:before svg,.hero-with-search__inner .primary-gradient-text-2 svg,.hero-with-search__inner .gradient-text-light-blue svg,.hero-with-search__inner .gradient-text-dark-blue svg,.hero-with-search__inner .gradient-text-purple svg,.hero-with-search__inner .gradient-text-red svg,.hero-with-search__inner .gradient-text-orange svg,.hero-with-search__inner .gradient-text-green svg,.hero-with-search__inner .gradient-text-rainbow svg{color:#fff;fill:#fff}.hero-with-search__inner .primary-gradient-text svg[class*=color],.hero-with-search__inner .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before svg[class*=color],.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .hero-with-search__inner .block-field-title:before svg[class*=color],.hero-with-search__inner .primary-gradient-text-2 svg[class*=color],.hero-with-search__inner .gradient-text-light-blue svg[class*=color],.hero-with-search__inner .gradient-text-dark-blue svg[class*=color],.hero-with-search__inner .gradient-text-purple svg[class*=color],.hero-with-search__inner .gradient-text-red svg[class*=color],.hero-with-search__inner .gradient-text-orange svg[class*=color],.hero-with-search__inner .gradient-text-green svg[class*=color],.hero-with-search__inner .gradient-text-rainbow svg[class*=color]{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.hero-with-search__inner .primary-gradient-text a:not(.button),.hero-with-search__inner .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before a:not(.button),.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .hero-with-search__inner .block-field-title:before a:not(.button),.hero-with-search__inner .primary-gradient-text-2 a:not(.button),.hero-with-search__inner .gradient-text-light-blue a:not(.button),.hero-with-search__inner .gradient-text-dark-blue a:not(.button),.hero-with-search__inner .gradient-text-purple a:not(.button),.hero-with-search__inner .gradient-text-red a:not(.button),.hero-with-search__inner .gradient-text-orange a:not(.button),.hero-with-search__inner .gradient-text-green a:not(.button),.hero-with-search__inner .gradient-text-rainbow a:not(.button){color:#fff}.primary-gradient-text:has(>.button),.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:has(>.button):before,.primary-gradient-text-2:has(>.button),.gradient-text-light-blue:has(>.button),.gradient-text-dark-blue:has(>.button),.gradient-text-purple:has(>.button),.gradient-text-red:has(>.button),.gradient-text-orange:has(>.button),.gradient-text-green:has(>.button),.gradient-text-rainbow:has(>.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-field-title:before,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow{background-clip:unset;text-fill-color:var(--color-textonprimary);-webkit-background-clip:unset;-webkit-text-fill-color:var(--color-textonprimary);background:unset;color:var(--color-textonprimary)}.primary-gradient-text:has(>.button) svg,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:has(>.button):before svg,.primary-gradient-text-2:has(>.button) svg,.gradient-text-light-blue:has(>.button) svg,.gradient-text-dark-blue:has(>.button) svg,.gradient-text-purple:has(>.button) svg,.gradient-text-red:has(>.button) svg,.gradient-text-orange:has(>.button) svg,.gradient-text-green:has(>.button) svg,.gradient-text-rainbow:has(>.button) svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before svg,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-field-title:before svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow svg{color:var(--color-textonprimary);fill:var(--color-textonprimary)}.primary-gradient-text:has(>.button) svg[class*=color],.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:has(>.button):before svg[class*=color],.primary-gradient-text-2:has(>.button) svg[class*=color],.gradient-text-light-blue:has(>.button) svg[class*=color],.gradient-text-dark-blue:has(>.button) svg[class*=color],.gradient-text-purple:has(>.button) svg[class*=color],.gradient-text-red:has(>.button) svg[class*=color],.gradient-text-orange:has(>.button) svg[class*=color],.gradient-text-green:has(>.button) svg[class*=color],.gradient-text-rainbow:has(>.button) svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before svg[class*=color],.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-field-title:before svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow svg[class*=color]{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.primary-gradient-text:has(>.button) a:not(.button),.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:has(>.button):before a:not(.button),.primary-gradient-text-2:has(>.button) a:not(.button),.gradient-text-light-blue:has(>.button) a:not(.button),.gradient-text-dark-blue:has(>.button) a:not(.button),.gradient-text-purple:has(>.button) a:not(.button),.gradient-text-red:has(>.button) a:not(.button),.gradient-text-orange:has(>.button) a:not(.button),.gradient-text-green:has(>.button) a:not(.button),.gradient-text-rainbow:has(>.button) a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before a:not(.button),.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-field-title:before a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow a:not(.button),.primary-gradient-text:has(>.button) a:not(.button):hover,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:has(>.button):before a:not(.button):hover,.primary-gradient-text-2:has(>.button) a:not(.button):hover,.gradient-text-light-blue:has(>.button) a:not(.button):hover,.gradient-text-dark-blue:has(>.button) a:not(.button):hover,.gradient-text-purple:has(>.button) a:not(.button):hover,.gradient-text-red:has(>.button) a:not(.button):hover,.gradient-text-orange:has(>.button) a:not(.button):hover,.gradient-text-green:has(>.button) a:not(.button):hover,.gradient-text-rainbow:has(>.button) a:not(.button):hover{color:var(--color-textonprimary)}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text,[class*=gradient]:not(.paragraph-layout-related-case-studies) .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item [class*=gradient]:not(.paragraph-layout-related-case-studies) .block-field-title:before,[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow{background-clip:unset;text-fill-color:currentColor;-webkit-background-clip:unset;-webkit-text-fill-color:currentColor;background:unset;color:currentColor}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before svg,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item [class*=gradient]:not(.paragraph-layout-related-case-studies) .block-field-title:before svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2 svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow svg{color:currentColor;fill:currentColor}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before a:not(.button),.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item [class*=gradient]:not(.paragraph-layout-related-case-studies) .block-field-title:before a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2 a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow a:not(.button){color:currentColor}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .block-field-title:before,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item [class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-field-title:before,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-field-title:before,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .block-field-title:before,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item [class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .block-field-title:before,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .block-field-title:before,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-h1-1) 0%, var(--color-h1-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text-2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text-2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text-2{background:linear-gradient(102.4deg, var(--color-h2-1) 0%, var(--color-h2-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-light-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-light-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-light-blue{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-tertiary) 0%, var(--color-tertiary-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-purple,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-purple,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-purple{background:linear-gradient(102.4deg, var(--color-h4-1) 0%, var(--color-h4-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-red,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-red,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-red{background:linear-gradient(102.4deg, var(--color-h5-1) 0%, var(--color-h5-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-orange,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-orange,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-orange{background:linear-gradient(102.4deg, var(--color-h6-1) 0%, var(--color-h6-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-green,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-green,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-green{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-rainbow,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-rainbow,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-rainbow{background:linear-gradient(112.14deg, var(--color-h3-1) 0%, var(--color-h3-2) 27.08%, var(--color-h4-1) 51.04%, var(--color-h6-1) 73.96%, var(--color-h6-2) 98.44%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary a:not(.button):hover,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):hover,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):hover,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted a:not(.button):hover,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted a:not(.button):hover,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted a:not(.button):hover,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary a:not(.button):focus,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):focus,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):focus,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted a:not(.button):focus,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted a:not(.button):focus,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted a:not(.button):focus{color:var(--color-secondary)}.primary-gradient-text,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.primary-gradient-text-2,.gradient-text-light-blue,.gradient-text-dark-blue,.gradient-text-purple,.gradient-text-red,.gradient-text-orange,.gradient-text-green,.gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .block-field-title:before,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item [class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-field-title:before,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before,.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-field-title:before,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text-2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text-2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-light-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-light-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-purple,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-purple,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-red,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-red,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-orange,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-orange,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-green,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-green,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-rainbow,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-rainbow,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-rainbow{background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.background-grey{background-color:#f6f6f6}.background-blue{background-color:#00448a}.background-green{background-color:#008674}.background-white{background-color:#fff}.background-transparent{background-color:rgba(0,0,0,0)}.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item{min-height:64px;counter-increment:counter}.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title{position:relative;padding-left:70px;margin:28px 0}.rtl .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title{padding-right:70px;padding-left:0}@media(min-width: 800px){.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title{padding-left:85px}.rtl .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title{padding-right:85px}}.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before{content:counter(counter);position:absolute;top:50%;left:0;transform:translateY(-50%);display:inline-block;font-size:2rem;align-items:center;font-weight:700;text-transform:uppercase;line-height:34px;margin-bottom:0}.rtl .paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before{right:0;left:auto}@media(min-width: 800px){.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item .block-field-title:before{font-size:3rem;line-height:44px}}.paragraph--type--step-by-step.paragraph--view-mode--default .step-by-step-item:nth-child(-n+9) .block-field-title:before{content:"0" counter(counter)}.paragraph--type--step-by-step.paragraph--view-mode--default .media--view-mode-step-slider{position:relative;max-width:960px;width:100%}.paragraph--type--step-by-step.paragraph--view-mode--default .media--view-mode-step-slider .field--name-field-video-title{display:none}.paragraph--type--step-by-step.paragraph--view-mode--default .media--view-mode-step-slider .field--name-field-media-video-embed-field{position:absolute;opacity:0;z-index:3;cursor:pointer;width:100%;height:100%}.paragraph--type--step-by-step.paragraph--view-mode--default .media--view-mode-step-slider .field--name-field-media-video-embed-field img{display:none}.paragraph--type--step-by-step.paragraph--view-mode--default .media--view-mode-step-slider .video-embed-field-lazy-play{position:absolute;left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%)}.paragraph--type--step-by-step.paragraph--view-mode--default .media--view-mode-step-slider .field--name-thumbnail{position:relative;z-index:0}.paragraph--type--step-by-step.paragraph--view-mode--default .block-field-paragraph-media{margin-bottom:30px}.paragraph--type--step-by-step.paragraph--view-mode--default .paragraph--type--step-by-step-item{margin-bottom:40px;font-family:var(--primary-font)}.paragraph--type--step-by-step.paragraph--view-mode--default .paragraph--type--step-by-step-item img{border-radius:8px;position:relative}.paragraph--type--step-by-step.paragraph--view-mode--default .paragraph--type--step-by-step-item .media-content{display:none}.paragraph--type--step-by-step.paragraph--view-mode--default .paragraph--type--step-by-step-item .field-title__container .field--name-field-title{display:flex;text-fill-color:unset;-webkit-text-fill-color:unset;font-size:20px;text-transform:none;line-height:27px;align-items:flex-start;letter-spacing:1px}@media(min-width: 800px){.paragraph--type--step-by-step.paragraph--view-mode--default .paragraph--type--step-by-step-item .field-title__container .field--name-field-title{align-items:center}}.paragraph--type--step-by-step.paragraph--view-mode--default .paragraph--type--step-by-step-item .field--name-field-description{line-height:22px;letter-spacing:1px}.paragraph--type--step-by-step.paragraph--view-mode--default .paragraph--type--step-by-step-item:last-of-type{margin-bottom:0}/*# sourceMappingURL=step-by-step.css.map */