:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Ubuntu";--header-height: 0px}.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,.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%)}.step-by-step.paragraph--view-mode--step-slider>.container>.field-title__container>.field--name-field-title{margin-bottom:1.875rem}.hero-with-search__inner .primary-gradient-text,.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 .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 .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 .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),.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 .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,.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 .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],.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 .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),.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 .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,.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) .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) .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) .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,[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,.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,: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{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,.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,[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,.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,: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)}.step-slider-section{overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start}@media(min-width: 900px){.step-slider-section{flex-flow:row nowrap}}.step-slider-section .step-slider-left{width:100%;margin-bottom:30px}@media(min-width: 900px){.step-slider-section .step-slider-left{width:50%;margin-bottom:0}.editorial-container .layout__region--main .step-slider-section .step-slider-left{width:412px}}.step-slider-section .step-slider-left .second-col{display:none}.step-slider-section .step-slider-right{display:flex;flex-flow:column nowrap;overflow:hidden;width:100%}@media(min-width: 900px){.step-slider-section .step-slider-right{width:50%;display:flex;flex-flow:column nowrap;margin-left:60px}.editorial-container .layout__region--main .step-slider-section .step-slider-right{width:calc(100% - 412px)}}.step-slider-section .step-slider-right .first-col{display:none}.step-slider-section .carousel-item__carousel-navigation-wrapper{margin-top:auto;position:inherit;display:flex}.step-slider-section .carousel-item__carousel-navigation-wrapper .carousel-navigation{margin:0}.step-slider-section .media--view-mode-step-slider{position:relative}.step-slider-section .media--view-mode-step-slider .field--name-field-video-title{display:none}.step-slider-section .media--view-mode-step-slider .field--name-field-media-video-embed-field{position:absolute;opacity:0;z-index:3;cursor:pointer}.step-slider-section .media--view-mode-step-slider .field--name-field-media-video-embed-field img{display:none}.step-slider-section .media--view-mode-step-slider .field--name-thumbnail{position:relative;z-index:0}.step-slider-section .media--view-mode-step-slider .video-embed-field-lazy-play{bottom:1.25rem;top:auto;right:1.25rem;left:auto;position:absolute;z-index:2;cursor:pointer}.field--name-field-step-by-step-item{counter-reset:counter-step}.field--name-field-step-by-step-item>.field__item{counter-increment:counter-step;height:auto}.field--name-field-step-by-step-item>.field__item .swiper-pagination-fraction:before{content:counter(counter-step);display:inline-block}.field--name-field-step-by-step-item .swiper-pagination-current{display:none}@media(min-width: 900px){.paragraph--view-mode--step-slider{margin:0 auto}}.paragraph--view-mode--step-slider .layout__region{height:100%}.paragraph--view-mode--step-slider div.field-title__container{width:100%}.paragraph--view-mode--step-slider div.field-title__container div.field-title{font-weight:400;font-size:38px;line-height:40px;font-family:var(--secondary-font)}.paragraph--view-mode--step-slider .swiper-slide div.field-title__container{margin:0}.paragraph--view-mode--step-slider .swiper-slide div.field-title__container div.field-title{font-size:16px}.paragraph--view-mode--step-slider.step-by-step .block{padding-block:0}.paragraph--view-mode--step-slider.step-by-step .swiper-pagination-part+.block-field-description{margin-top:12px}.field--name-field-storage .step-slider-container .field__item .step-details{padding:15px;background:#f5f5f5}.field--name-field-storage .step-slider-container .swiper-pagination-part+.description{margin-top:12px}@media(min-width: 900px){.field--name-field-storage .step-slider-container .swiper-wrapper>.field__item{display:flex;flex-direction:row;position:relative;height:auto;width:100%;flex-wrap:wrap;flex-grow:1;justify-content:flex-end}.field--name-field-storage .step-slider-container .swiper-wrapper>.field__item .step-media{flex:0 0 49%}.field--name-field-storage .step-slider-container .swiper-wrapper>.field__item .step-details{flex:0 0 51%;padding:40px 40px 5px 40px}.field--name-field-storage .step-slider-container .step-slider-navigation-wrapper{position:absolute;bottom:0;right:51%;z-index:1}}.step-slider-container .media--type-remote-video .video-embed-field-lazy{padding:0;height:100%;display:flex;align-items:center;border-radius:8px}.step-slider-container .media--type-remote-video .video-embed-field-lazy iframe,.step-slider-container .media--type-remote-video .video-embed-field-lazy img{top:0;left:0;transform:translateY(0)}.step-slider-container .media--type-remote-video .video-embed-field-lazy img{height:auto}.step-slider-container .media,.step-slider-container .block-field-paragraph-media,.step-slider-container .field--type-video-embed-field,.step-slider-container .video-embed-field-lazy,.step-slider-container .video-embed-field-responsive-video{height:100%;width:100%;overflow:hidden}.step-slider-container .media>.media-content,.step-slider-container .block-field-paragraph-media>.media-content,.step-slider-container .field--type-video-embed-field>.media-content,.step-slider-container .video-embed-field-lazy>.media-content,.step-slider-container .video-embed-field-responsive-video>.media-content{display:none}[class*=gradient] .step-slider-container .media,[class*=gradient] .step-slider-container .block-field-paragraph-media,[class*=gradient] .step-slider-container .field--type-video-embed-field,[class*=gradient] .step-slider-container .video-embed-field-lazy,[class*=gradient] .step-slider-container .video-embed-field-responsive-video{background:#fff;border-radius:8px}.paragraph--view-mode--step-slider.step-by-step-item ul,.field--name-field-storage .step-by-step-item ul{margin:0}.paragraph--view-mode--step-slider.step-by-step-item ul li,.field--name-field-storage .step-by-step-item ul li{line-height:26px;margin:0}.paragraph--view-mode--step-slider.step-by-step-item h1,.paragraph--view-mode--step-slider.step-by-step-item .h1,.paragraph--view-mode--step-slider.step-by-step-item h2,.paragraph--view-mode--step-slider.step-by-step-item .h2,.paragraph--view-mode--step-slider.step-by-step-item h3,.paragraph--view-mode--step-slider.step-by-step-item .h3,.paragraph--view-mode--step-slider.step-by-step-item h4,.paragraph--view-mode--step-slider.step-by-step-item .h4,.paragraph--view-mode--step-slider.step-by-step-item h5,.paragraph--view-mode--step-slider.step-by-step-item .h5,.field--name-field-storage .step-by-step-item h1,.field--name-field-storage .step-by-step-item .h1,.field--name-field-storage .step-by-step-item h2,.field--name-field-storage .step-by-step-item .h2,.field--name-field-storage .step-by-step-item h3,.field--name-field-storage .step-by-step-item .h3,.field--name-field-storage .step-by-step-item h4,.field--name-field-storage .step-by-step-item .h4,.field--name-field-storage .step-by-step-item h5,.field--name-field-storage .step-by-step-item .h5{margin-top:0}.paragraph--view-mode--step-slider.step-by-step-item .block-field-description .field--name-field-description,.field--name-field-storage .step-by-step-item .block-field-description .field--name-field-description{max-height:132px;overflow:hidden}.step-by-step.paragraph--view-mode--step-slider>.container>.field-title__container>.field--name-field-title{margin-top:0}.step-by-step.paragraph--view-mode--step-slider .step-by-step-item .container{padding:0}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .layout__region--content{display:flex;flex-flow:column nowrap}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item img{border-radius:8px;position:relative}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .video-embed-field-lazy{border-radius:8px;padding-bottom:0}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-paragraph-media .field--name-field-brand-position,.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-paragraph-media .field--name-field-description{display:none}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-title .field-title__container{padding:0;margin-bottom:15px}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-title .field--name-field-title{font-family:var(--secondary-font);line-height:24px;font-weight:bold;font-size:1.25rem}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-description{margin-bottom:20px}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-description .field--name-field-description p{margin-top:0;font-size:15px;line-height:22px;font-weight:400;letter-spacing:1px;margin-bottom:20px}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-description .field--name-field-description p:last-of-type{margin-bottom:0}@media(min-width: 900px){.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-description .field--name-field-description p{margin-top:0;font-size:16px}}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .field--name-field-tag{font-weight:700;font-size:12px;line-height:16px;text-transform:uppercase;margin-bottom:15px}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-step-by-step-cta{height:100%;margin-bottom:30px}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .block-field-step-by-step-cta a{padding:0}.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .swiper-pagination-part{line-height:22px;letter-spacing:1px;padding:0 28.5px}@media(max-width: 899px){.step-by-step.paragraph--view-mode--step-slider .swiper-container .step-by-step-item .video-embed-field-responsive-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}}.step-by-step.paragraph--view-mode--step-slider .swiper-button-lock+.swiper-pagination-part{display:none}.step-by-step.paragraph--view-mode--step-slider .swiper-container-thumbs{margin-top:16px;justify-content:left}.step-by-step.paragraph--view-mode--step-slider .swiper-container-thumbs .swiper-wrapper{justify-content:flex-start;gap:16px;display:flex;flex-flow:row wrap}.step-by-step.paragraph--view-mode--step-slider .swiper-container-thumbs .swiper-wrapper .field__item{border:none;width:91px !important;height:51px;cursor:pointer;background-color:#eee;border-radius:8px}.step-by-step.paragraph--view-mode--step-slider .swiper-container-thumbs .swiper-wrapper .field__item img{border-radius:8px;opacity:.8;transition:opacity .3s ease-in-out}.step-by-step.paragraph--view-mode--step-slider .swiper-container-thumbs .swiper-wrapper .field__item img:hover{opacity:1}.step-by-step.paragraph--view-mode--step-slider .swiper-container-thumbs .swiper-wrapper .field__item.swiper-slide-thumb-active img{opacity:1}/*# sourceMappingURL=step-slider.css.map */