:root { --alternate-dark: #11184f; --alternate-med: #294e95; --alternate-light: #c9d0f0; --alternate-pale: #eaeef5; --connector-dark: #4d144a; --connector-med: #7a126b; --connector-light: #d9c1d8; --connector-pale: #f1e1ed; --critical: #b8322e; --elementary-dark: #64131e; --elementary-med: #871c23; --elementary-light: #f0c7bf; --elementary-pale: #faeceb; --elementary-signature: #e1251b; --informative-dark: #c73d08; --informative-pale: #faeceb; --suplementary-dark: #285d50; --suplementary-pale: #e5f0ed; --pure-dark: #000; --neutral-dark-01: #171717; --neutral-dark-02: #202020; --neutral-dark-03: #2a2a2a; --neutral-dark-04: #3b3b3b; --neutral-dark-05: #535353; --neutral-med-01: #4e444e; --neutral-med-02: #6d656f; --neutral-med-03: #aba8b1; --neutral-pale-01: #e6e2e4; --neutral-pale-02: #ccc; --neutral-light-01: #e4e4e4; --neutral-light-02: #ededed; --neutral-light-03: #f5f5f5; --pure-light: #fff; --bold: 700; --light: 300; --regular: 400; --typo-primary: "Montserrat", "Lato", sans-serif; --typo-secondary: "Noto Sans", "Lato", sans-serif; --typo-tertiary: "Lato", "Arial", sans-serif; --letter-spacing-regular: -30; --letter-spacing-small: -10; --display-xl: calc(1 / 16 * 64); --display-xl-line: calc(1 / 16 * 72); --display-l: calc(1 / 16 * 56); --display-l-line: calc(1 / 16 * 68); --display-m: calc(1 / 16 * 48); --display-m-line: calc(1 / 16 * 62); --display-s: calc(1 / 16 * 40); --display-s-line: calc(1 / 16 * 58); --headline-l: calc(1 / 16 * 36); --headline-l-line: calc(1 / 16 * 44); --headline-m: calc(1 / 16 * 32); --headline-m-line: calc(1 / 16 * 40); --headline-s: calc(1 / 16 * 28); --headline-s-line: calc(1 / 16 * 36); --title-xl: calc(1 / 16 * 24); --title-xl-line: calc(1 / 16 * 32); --title-l: calc(1 / 16 * 20); --title-l-line: calc(1 / 16 * 24); --title-m: calc(1 / 16 * 18); --title-m-line: calc(1 / 16 * 24); --title-s: calc(1 / 16 * 16); --title-s-line: calc(1 / 16 * 24); --body-l: calc(1 / 16 * 18); --body-l-line: calc(1 / 16 * 28); --body-m: calc(1 / 16 * 16); --body-m-line: calc(1 / 16 * 24); --body-s: calc(1 / 16 * 14); --body-s-line: calc(1 / 16 * 20); --label-s: calc(1 / 16 * 12); --label-s-line: calc(1 / 16 * 16); --display-xl-spacing: calc( var(--display-xl) * var(--letter-spacing-regular) / 1000 ); --display-l-spacing: calc( var(--display-l) * var(--letter-spacing-regular) / 1000 ); --display-m-spacing: calc( var(--display-m) * var(--letter-spacing-regular) / 1000 ); --display-s-spacing: calc( var(--display-s) * var(--letter-spacing-regular) / 1000 ); --headline-l-spacing: calc( var(--headline-l) * var(--letter-spacing-regular) / 1000 ); --headline-m-spacing: calc( var(--headline-m) * var(--letter-spacing-regular) / 1000 ); --headline-s-spacing: calc( var(--headline-s) * var(--letter-spacing-regular) / 1000 ); --title-xl-spacing: calc( var(--title-xl) * var(--letter-spacing-regular) / 1000 ); --title-l-spacing: calc( var(--title-l) * var(--letter-spacing-regular) / 1000 ); --title-m-spacing: calc( var(--title-m) * var(--letter-spacing-regular) / 1000 ); --title-s-spacing: calc( var(--title-s) * var(--letter-spacing-regular) / 1000 ); --body-l-spacing: calc(var(--body-l) * var(--letter-spacing-small) / 1000); --body-m-spacing: calc(var(--body-m) * var(--letter-spacing-small) / 1000); --body-s-spacing: calc(var(--body-s) * var(--letter-spacing-small) / 1000); --label-s-spacing: calc( var(--label-s) * var(--letter-spacing-small) / 1000 ); --spacing-0: calc(1 / 16 * 0); --spacing-1: calc(1 / 16 * 8); --spacing-2: calc(1 / 16 * 12); --spacing-3: calc(1 / 16 * 16); --spacing-4: calc(1 / 16 * 20); --spacing-5: calc(1 / 16 * 24); --spacing-6: calc(1 / 16 * 32); --spacing-7: calc(1 / 16 * 40); --spacing-8: calc(1 / 16 * 48); --spacing-9: calc(1 / 16 * 56); --spacing-10: calc(1 / 16 * 64); --spacing-11: calc(1 / 16 * 72); --spacing-12: calc(1 / 16 * 80); --mobile-grid-margins: var(--spacing-3); --tablet-grid-margins: var(--spacing-3); --small-desktop-grid-margins: var(--spacing-8); --full-desktop-grid-margins: calc(1 / 16 * 248); --grid-slider-peek: calc(var(--spacing-4) + var(--spacing-5)); --breakpoint-mobile: 0px; --breakpoint-tablet: 768px; --breakpoint-small-desktop: 1280px; --breakpoint-full-desktop: 1920px; --small-border-radius: 4px; --large-border-radius: 12px; --btn-br: 100px; --btn-br-mobile: 100px; --btn-gap: var(--spacing-3); --transition-duration: .2s; --main-transition-timing-function: ease-in; --second-transition-timing-function: ease-out; --third-transition-timing-function: ease-in-out; --main-transition-duration: .3s; --second-transition-duration: .8s; --third-transition-duration: 2s; --wpc-ani-slide-short: 10px; --wpc-ani-slide-medium: 40px; --wpc-ani-slide-long: 60px; --wpc-ani-slide-xlong: 80px; --wpc-ani-scale-up-large: 1.5; --wpc-ani-scale-up-small: 1.1; --wpc-ani-scale-down: .9; --wpc-ani-zoom-scale: 150%; --wpc-ani-opacity-100: 1; --wpc-ani-opacity-0: 0; --wpc-ani-shadow-medium: 0 0 15px 0px rgba(0, 0, 0, .15); } .dx-hide-all { display: none; } @media screen and (min-width: 0px) and (max-width: 767.5px) { .dx-hide-sm { display: none; } } @media screen and (min-width: 768px) and (max-width: 1279.5px) { .dx-hide-md { display: none; } } @media screen and (min-width: 1280px) and (max-width: 1919.5px) { .dx-hide-lg { display: none; } } @media screen and (min-width: 1920px) { .dx-hide-xl { display: none; } } .dx-background-center { left: 50%; top: 50%; transform: translate(-50%, -50%); } .dx-background-top-left { left: 0; top: 0; } .dx-background-top-center { top: 0px; left: 50%; transform: translateX(-50%); } .dx-background-top-right { top: 0px; right: 0px; } .dx-background-center-right { right: 0px; top: 50%; transform: translateY(-50%); } .dx-background-bottom-right { right: 0; bottom: 0; } .dx-background-bottom-center { bottom: 0px; left: 50%; transform: translateX(-50%); } .dx-background-bottom-left { bottom: 0px; left: 0px; } .dx-background-center-left { left: 0; top: 50%; transform: translateY(-50%); } * { box-sizing: border-box; margin: 0; padding: 0; } img { max-width: 100%; } .wpc-background-color { border-radius: inherit; position: absolute; z-index: -1; } .wpc-background-color.wpc-background-color-blurred { backdrop-filter: blur(10px); clip-path: inset(0 0 0 0); } .wpc-background-video-container { overflow: hidden; z-index: -1; } .wpc-background-video-container, .wpc-background-video-container .wpc-background-video { border: none; border-radius: inherit; pointer-events: none; position: absolute; } .wpc-background-image-container { overflow: hidden; z-index: -1; } .wpc-background-image-container, .wpc-background-image-container .wpc-background-image { border: none; border-radius: inherit; pointer-events: none; position: absolute; } .wpc-grid { display: flex; flex-grow: 0  !important; flex-shrink: 0  !important; position: relative; } .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 25% * var(--columns-sm), 100%); } @media screen and (min-width: 768px) { .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 12.5% * var(--columns-md), 100%); } } @media screen and (min-width: 1280px) { .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 8.3333333333% * var(--columns-lg), 100%); } } @media screen and (min-width: 1920px) { .wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp(0%, 8.3333333333% * var(--columns-xl), 100%); } } .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--spacing-3) * 1rem/4 * (4 - var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--spacing-3) * 1rem/8 * (8 - var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-xl)), 100% ); } } .wpc-grid-row { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; width: 100%; } .wpc-grid-row li { margin-left: 0  !important; } .wpc-grid-row.wpc-grid-row-nogap { gap: 0; } .wpc-grid-row.wpc-grid-row-gap { gap: calc(var(--spacing-3) * 1rem); } .wpc-grid-row.wpc-grid-row-margins { padding-left: calc(var(--mobile-grid-margins) * 1rem); padding-right: calc(var(--mobile-grid-margins) * 1rem); } @media screen and (min-width: 768px) { .wpc-grid-row.wpc-grid-row-margins { padding-left: calc(var(--tablet-grid-margins) * 1rem); padding-right: calc(var(--tablet-grid-margins) * 1rem); } } @media screen and (min-width: 1280px) { .wpc-grid-row.wpc-grid-row-margins { padding-left: clamp( var(--small-desktop-grid-margins) * 1rem, (100% - 1520px)/2 + var(--small-desktop-grid-margins) * 1rem, var(--full-desktop-grid-margins) * 1rem ); padding-right: clamp( var(--small-desktop-grid-margins) * 1rem, (100% - 1520px)/2 + var(--small-desktop-grid-margins) * 1rem, var(--full-desktop-grid-margins) * 1rem ); } } @media screen and (min-width: 1920px) { .wpc-grid-row.wpc-grid-row-margins { padding-left: calc(50% - 960px + var(--full-desktop-grid-margins) * 1rem); padding-right: calc( 50% - 960px + var(--full-desktop-grid-margins) * 1rem ); } } .wpc-gridcardrow { align-items: stretch; } .wpc-gridcardrow li { margin-left: 0  !important; } .wpc-gridcardrow .wpc-card-content-container { height: 100%; } .wpc-gridcardrow .wpc-card-content-container .wpc-ctacontainer { margin-top: auto  !important; padding-top: 24px; } .wpc-grid-container { display: flex; flex-direction: row; flex-wrap: wrap; } .wpc-grid-container.wpc-grid-container-gap { gap: calc(var(--spacing-3) * 1rem); } .wpc-grid-container.wpc-grid-container-nogap { gap: 0; } .wpc-grid-container.wpc-grid-container-fullwidth { margin-left: auto; margin-right: auto; width: 100%; } .wpc-grid-container.wpc-grid-container-fulldesktop { margin-left: auto; margin-right: auto; max-width: var(--breakpoint-full-desktop); } .wpc-icon-cardlg { font-size: 4rem  !important; height: 4rem; } .wpc-icon-cardmd { font-size: 2rem  !important; height: 2rem; } .wpc-icon-cardsm { font-size: 1rem  !important; height: 1rem; } .wpc-icon-list-md { min-width: 32px; width: 32px; } .wpc-icon-skinnybannermd { font-size: 3rem  !important; height: 3rem; } .wpc-logo { display: block; max-width: 100%; } .wpc-logo-blademd { border-radius: 0  !important; max-height: 5rem; min-height: 2.5rem; width: 100%  !important; } picture:has(> .wpc-logo-blademd):has(+ *) { margin-bottom: calc(1rem * var(--spacing-5)); } .wpc-logo-cardmd { height: 4.5rem; margin-bottom: calc(var(--spacing-3) * 1rem); } .wpc-logo-dealsbmd { height: 3.75rem; } .wpc-logo-heromd { border-radius: 0  !important; max-height: 5rem; min-height: 2.5rem; width: 100%  !important; } picture:has(> .wpc-logo-heromd):has(+ *) { margin-bottom: calc(1rem * var(--spacing-5)); } .wpc-logo-skinnymd { border-radius: 0  !important; height: 3rem  !important; width: 100%  !important; } picture:has(.wpc-logo-skinnymd) { flex-shrink: 0; } .wpc-logo-sponsorshipbmd { border-radius: 0  !important; max-height: 5rem; width: 100%  !important; } .wpc-typo { font-size: clamp( var(--sm-fs) * 1rem, round( down, ((var(--md-fs) - var(--sm-fs)) * -22.5/25.5 + var(--sm-fs)) * 1rem + (var(--md-fs) - var(--sm-fs))/25.5 * 100vw, 1px ), var(--md-fs) * 1rem ); letter-spacing: clamp( var(--sm-ls) * 1rem, round( down, ((var(--md-ls) - var(--sm-ls)) * -22.5/25.5 + var(--sm-ls)) * 1rem + (var(--md-ls) - var(--sm-ls))/25.5 * 100vw, 1px ), var(--md-ls) * 1rem ); line-height: clamp( var(--sm-lh) * 1rem, round( down, ((var(--md-lh) - var(--sm-lh)) * -22.5/25.5 + var(--sm-lh)) * 1rem + (var(--md-lh) - var(--sm-lh))/25.5 * 100vw, 1px ), var(--md-lh) * 1rem ); margin-bottom: round(var(--sm-mb), 4px); margin-top: round(var(--sm-mt), 4px); } @media screen and (min-width: 768px) { .wpc-typo { font-size: clamp( var(--md-fs) * 1rem, round( down, ((var(--lg-fs) - var(--md-fs)) * -48/32 + var(--md-fs)) * 1rem + (var(--lg-fs) - var(--md-fs))/32 * 100vw, 1px ), var(--lg-fs) * 1rem ); letter-spacing: clamp( var(--md-ls) * 1rem, round( down, ((var(--lg-ls) - var(--md-ls)) * -48/32 + var(--md-ls)) * 1rem + (var(--lg-ls) - var(--md-ls))/32 * 100vw, 1px ), var(--lg-ls) * 1rem ); line-height: clamp( var(--md-lh) * 1rem, round( down, ((var(--lg-lh) - var(--md-lh)) * -48/32 + var(--md-lh)) * 1rem + (var(--lg-lh) - var(--md-lh))/32 * 100vw, 1px ), var(--lg-lh) * 1rem ); margin-bottom: round(var(--md-mb), 4px); margin-top: round(var(--md-mt), 4px); } } @media screen and (min-width: 1280px) { .wpc-typo { font-size: clamp( var(--lg-fs) * 1rem, round( down, ((var(--xl-fs) - var(--lg-fs)) * -80/40 + var(--lg-fs)) * 1rem + (var(--xl-fs) - var(--lg-fs))/40 * 100vw, 1px ), var(--xl-fs) * 1rem ); letter-spacing: clamp( var(--lg-ls) * 1rem, round( down, ((var(--xl-ls) - var(--lg-ls)) * -80/40 + var(--lg-ls)) * 1rem + (var(--xl-ls) - var(--lg-ls))/40 * 100vw, 1px ), var(--xl-ls) * 1rem ); line-height: clamp( var(--lg-lh) * 1rem, round( down, ((var(--xl-lh) - var(--lg-lh)) * -80/40 + var(--lg-lh)) * 1rem + (var(--xl-lh) - var(--lg-lh))/40 * 100vw, 1px ), var(--xl-lh) * 1rem ); margin-bottom: round(var(--lg-mb), 4px); margin-top: round(var(--lg-mt), 4px); } } @media screen and (min-width: 1920px) { .wpc-typo { font-size: calc(1rem * var(--xl-fs)); letter-spacing: calc(1rem * var(--xl-ls)); line-height: calc(1rem * var(--xl-lh)); margin-bottom: round(var(--xl-mb), 4px); margin-top: round(var(--xl-mt), 4px); } } ul[class*="wpc-typo"] li { list-style-position: inside; list-style-type: disc  !important; } .wpc-copy { text-wrap: pretty; } .wpc-copy:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-copy-bladelg:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-cardlg:not(:has(+ *)) { margin-bottom: 0  !important; } ul.wpc-copy-cardlg { display: flex; flex-direction: column; gap: 8px; } .wpc-copy-cardmd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-db-lg-typo-primary { font-family: var(--typo-primary)  !important; } .wpc-copy-db-md-typo-secondary, .wpc-copy-db-sm-typo-secondary { font-family: var(--typo-secondary)  !important; } .wpc-copy-blademd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-listelement-md:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-copy-Spotlight-lg:not(:has(+ *)) { margin-bottom: 0  !important; } ul.wpc-copy-Spotlight-lg { display: flex; flex-direction: column; gap: 8px; } .wpc-copy-Spotlight-md:not(:has(+ *)) { margin-bottom: 0  !important; } ul.wpc-copy-Spotlight-md { display: flex; flex-direction: column; gap: 8px; } .wpc-eyebrow { text-wrap: balance  !important; text-transform: uppercase; } .wpc-eyebrow:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-eyebrow-blademd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-eyebrow-cardmd { text-wrap: balance  !important; text-transform: uppercase  !important; } .wpc-eyebrow-cardmd:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-eyebrow-Spotlight-md:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-flagmd-container { margin-bottom: calc(var(--spacing-1) * 1rem); position: relative; width: fit-content; z-index: 2; } .wpc-flagmd-container .wpc-flagmd { text-wrap: balance  !important; padding: .375rem calc(var(--spacing-3) * 1rem); text-align: center; text-transform: uppercase; } .wpc-flagmd-container .wpc-flagmd:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-flagmd-container .wpc-background-color { border-radius: 4px  !important; } .wpc-title { text-wrap: balance; } .wpc-title:has(+ .wpc-ctacontainer) { margin-bottom: 0  !important; } .wpc-title-bladelg:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-blademd:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-bladesm:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-herolg:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-title-heromd:not(:has(+ *)) { margin-bottom: 0  !important; } wpc-title-Spotlight-lg:not(:has(+ *)) { margin-bottom: 0  !important; } wpc-title-Spotlight-md:not(:has(+ *)) { margin-bottom: 0  !important; } .wpc-container-accordion { background-color: transparent; min-width: 100%; overflow: hidden; width: 100%; } .wpc-container-accordion .wpc-accordion-icon-light { color: var(--pure-light); } .wpc-container-accordion .wpc-accordion-icon-dark { color: var(--neutral-dark-01)  !important; } .wpc-container-accordion .wpc-accordion-minus, .wpc-container-accordion .wpc-accordion-plus { display: inline-block; margin-right: calc(1rem * var(--spacing-1)); } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus, .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-plus { background-color: var(--neutral-dark-01); height: 16px; transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus:after, .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-plus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); content: ""; display: inline-block; height: 16px; opacity: 1; transform: rotate(90deg); transition: all var(--main-transition-duration) var(--third-transition-timing-function); width: 2px; } @starting-style { .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus:after, .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-plus:after { opacity: 1; } } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus { background-color: var(--neutral-dark-01); height: 16px; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordion .wpc-accordion-plus-minus-container .wpc-accordion-minus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); opacity: 0; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordion-plus-minus-icon-dark, .wpc-accordion-plus-minus-icon-dark:after { background-color: var(--neutral-dark-01)  !important; } .wpc-accordion-plus-minus-icon-light, .wpc-accordion-plus-minus-icon-light:after { background-color: var(--pure-light)  !important; } .wpc-accordion-arrow-container { width: fit-content; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down, .wpc-accordion-arrow-container .wpc-accordion-arrow-up { border-style: solid; border-width: 2px 2px 0 0; content: ""; display: inline-block; height: 14px; left: -5px; position: relative; top: 0; transform: rotate(-45deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; vertical-align: top; width: 14px; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down { top: -5px; transform: rotate(-225deg); } .wpc-accordion-dark { background-color: var(--neutral-dark-01); color: var(--pure-light)  !important; } .wpc-accordion-dark button.wpc-accordion-primary:hover .wpc-accordion-title { text-decoration: underline; } .wpc-accordion-dark .wpc-accordion-body * a { color: var(--pure-light)  !important; text-decoration: underline  !important; } .wpc-accordion-body-container { display: grid; grid-template-rows: 0fr; height: 0; transform: translateY(-100px); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordion-body-container-open { grid-template-rows: 1fr; height: 100%; transform: translateY(0); } button.wpc-accordion-primary { border: none; border-bottom: 1px solid var(--neutral-pale-02); cursor: pointer; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; margin: 0; overflow: hidden; padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-1)); position: relative; width: 100%; z-index: 50; } button.wpc-accordion-primary:hover .wpc-headline { text-decoration: underline; } button.wpc-accordion-primary .wpc-headline { align-items: center; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; text-align: left; width: 100%; } button.wpc-accordion-primary .wpc-headline .wpc-accordion-title { margin-right: calc(1rem * var(--spacing-3)); padding: 0; } button.wpc-accordion-primary .wpc-headline img { transition: all var(--main-transition-duration) ease; } .wpc-accordion-body-container { border-bottom: 1px solid var(--neutral-pale-02); } .wpc-accordion-body { box-sizing: content-box; display: flex; flex-direction: column; height: auto; margin: 0; min-width: 100%; overflow: hidden; padding: 0; text-align: left; -webkit-transition: all var(--main-transition-duration) ease; -moz-transition: all var(--main-transition-duration) ease; -o-transition: all var(--main-transition-duration) ease; -ms-transition: all var(--main-transition-duration) ease; transition: all var(--main-transition-duration) ease; width: 100%; } .wpc-accordion-body * a { color: var(--neutral-dark-01); text-decoration: underline  !important; } .wpc-accordion-body li, .wpc-accordion-body p { font-family: var(--typo-secondary)  !important; margin: 0; padding: 0 0 calc(1rem * var(--spacing-3)); padding-right: calc(1rem * var(--spacing-7)); } .wpc-accordion-open { border-bottom: 0  !important; } @media screen and (max-width: 767px) { .wpc-accordion-arrow-container { width: fit-content; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down, .wpc-accordion-arrow-container .wpc-accordion-arrow-up { top: 0; } .wpc-accordion-arrow-container .wpc-accordion-arrow-down { top: -5px; } .wpc-headline .wpc-accordion-title { font-family: var(--typo-secondary)  !important; } button.wpc-accordion-primary { padding: calc(1rem * var(--spacing-3)) 0; } button.wpc-accordion-primary:hover .wpc-headline { text-decoration: none; } } @media screen and (min-width: 768px) { button.wpc-accordion-primary { padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-3)); } .wpc-container-accordion .wpc-accordion-minus, .wpc-container-accordion .wpc-accordion-plus { height: 24px; margin-right: calc(1rem * var(--spacing-3)); width: 2px; } .wpc-container-accordion .wpc-accordion-minus:after, .wpc-container-accordion .wpc-accordion-plus:after { height: 24px; width: 2px; } } .wpc-container-accordionlg { background-color: transparent; min-width: 100%; overflow: hidden; width: 100%; } .wpc-container-accordionlg .wpc-accordionlg-icon-light { color: var(--pure-light); } .wpc-container-accordionlg .wpc-accordionlg-icon-dark { color: var(--neutral-dark-01)  !important; } .wpc-container-accordionlg .wpc-accordionlg-minus, .wpc-container-accordionlg .wpc-accordionlg-plus { display: inline-block; margin-right: calc(1rem * var(--spacing-1)); } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus, .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-plus { background-color: var(--neutral-dark-01); height: 16px; transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus:after, .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-plus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); content: ""; display: inline-block; height: 16px; opacity: 1; transform: rotate(90deg); transition: all var(--main-transition-duration) var(--third-transition-timing-function); width: 2px; } @starting-style { .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus:after, .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-plus:after { opacity: 1; } } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus { background-color: var(--neutral-dark-01); height: 16px; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; width: 2px; } .wpc-container-accordionlg .wpc-accordionlg-plus-minus-container .wpc-accordionlg-minus:after { transition-behavior: allow-discrete; background-color: var(--neutral-dark-01); opacity: 0; transform: rotate(90deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordionlg-plus-minus-icon-dark, .wpc-accordionlg-plus-minus-icon-dark:after { background-color: var(--neutral-dark-01)  !important; } .wpc-accordionlg-plus-minus-icon-light, .wpc-accordionlg-plus-minus-icon-light:after { background-color: var(--pure-light)  !important; } .wpc-accordionlg-arrow-container { width: fit-content; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down, .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-up { border-style: solid; border-width: 1px 1px 0 0; content: ""; display: inline-block; height: 14px; left: -5px; position: relative; top: 0; transform: rotate(-45deg); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; vertical-align: top; width: 14px; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down { top: -5px; transform: rotate(-225deg); } .wpc-accordionlg-dark { background-color: var(--neutral-dark-01); color: var(--pure-light)  !important; } .wpc-accordionlg-dark .wpc-accordionlg-body * a { color: var(--pure-light)  !important; text-decoration: underline  !important; } .wpc-accordionlg-body-container { display: grid; grid-template-rows: 0fr; height: 0; transform: translateY(-100px); transition: var(--main-transition-duration) var(--third-transition-timing-function) all; } .wpc-accordionlg-body-container-open { grid-template-rows: 1fr; height: 100%; transform: translateY(0); } button.wpc-accordionlg-primary { border: none; border-bottom: 1px solid var(--neutral-light-02); cursor: pointer; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; margin: 0; overflow: hidden; padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-1)); position: relative; width: 100%; z-index: 50; } button.wpc-accordionlg-primary .wpc-headline { align-items: center; display: flex  !important; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; text-align: left; width: 100%; } button.wpc-accordionlg-primary .wpc-headline .wpc-accordionlg-title { margin-right: calc(1rem * var(--spacing-3)); padding: 0; } button.wpc-accordionlg-primary .wpc-headline img { transition: all var(--main-transition-duration) ease; } .wpc-accordionlg-body { box-sizing: content-box; display: flex; flex-direction: column; height: auto; margin: 0; min-width: 100%; overflow: hidden; padding: 0; text-align: left; -webkit-transition: all var(--main-transition-duration) ease; -moz-transition: all var(--main-transition-duration) ease; -o-transition: all var(--main-transition-duration) ease; -ms-transition: all var(--main-transition-duration) ease; transition: all var(--main-transition-duration) ease; width: 100%; } .wpc-accordionlg-body * a { color: var(--neutral-dark-01); text-decoration: underline  !important; } .wpc-accordionlg-body li, .wpc-accordionlg-body p { font-family: var(--typo-secondary)  !important; margin: 0; padding: calc(1rem * var(--spacing-3)) 0; padding-right: calc(1rem * var(--spacing-7)); } @media screen and (max-width: 767px) { .wpc-accordionlg-arrow-container { width: fit-content; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down, .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-up { top: 0; } .wpc-accordionlg-arrow-container .wpc-accordionlg-arrow-down { top: -5px; } .wpc-headline .wpc-accordionlg-title { font-family: var(--typo-secondary)  !important; } button.wpc-accordionlg-primary { padding: calc(1rem * var(--spacing-3)) 0; } button.wpc-accordionlg-primary:hover .wpc-headline { text-decoration: none; } } @media screen and (min-width: 768px) { button.wpc-accordionlg-primary { padding: calc(1rem * var(--spacing-3)) 0 calc(1rem * var(--spacing-3)); } .wpc-container-accordionlg .wpc-accordionlg-minus, .wpc-container-accordionlg .wpc-accordionlg-plus { height: 24px; margin-right: calc(1rem * var(--spacing-3)); width: 2px; } .wpc-container-accordionlg .wpc-accordionlg-minus:after, .wpc-container-accordionlg .wpc-accordionlg-plus:after { height: 24px; width: 2px; } } .wpc-actioncontainer-function, .wpc-actioncontainer-url { color: inherit; cursor: pointer; margin: 0; padding: 0; text-align: center; text-decoration: none; width: 100%; } .wpc-actioncontainer-function:active, .wpc-actioncontainer-function:hover, .wpc-actioncontainer-url:active, .wpc-actioncontainer-url:hover { color: inherit; text-decoration: none; } button.wpc-actioncontainer-function { background: none; border: none; } .wpc-actioncontainer-clickableParent:before { content: ""; inset: 0; position: absolute; z-index: 1; } .wpc-actioncontainer-invisible { border: 0  !important; height: 0  !important; margin: 0  !important; min-height: 0  !important; opacity: 0  !important; } .wpc-banner { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 1; gap: 24px; justify-content: center; z-index: 0; } .wpc-blade-container { display: flex; isolation: isolate; z-index: 0; } .wpc-blade-content-container { display: flex; flex-direction: column; isolation: isolate; } .wpc-blade-media-container { isolation: isolate; overflow: hidden; position: relative; } .wpc-blade-media-container, .wpc-blade-media-container img, .wpc-blade-media-container picture { height: 14.5625rem; } @media screen and (max-width: 1279px) { .wpc-blade-media-container:not(.wpc-blade-media-round) { margin-left: calc(var(--spacing-3) * -1 * 1rem); width: calc(100% + var(--spacing-3) * 2 * 1rem)  !important; } .wpc-blade-media-container:not(.wpc-blade-media-round), .wpc-blade-media-container:not(.wpc-blade-media-round) img, .wpc-blade-media-container:not(.wpc-blade-media-round) picture { border-radius: 0  !important; height: 14.5625rem; } } @media screen and (max-width: 1279px) and (min-width: 768px) { .wpc-blade-media-container:not(.wpc-blade-media-round), .wpc-blade-media-container:not(.wpc-blade-media-round) img, .wpc-blade-media-container:not(.wpc-blade-media-round) picture { height: 25.875rem; } } .wpc-blade-media-container.wpc-blade-media-round .wpc-background-color, .wpc-blade-media-container.wpc-blade-media-round .wpc-background-image-container, .wpc-blade-media-container.wpc-blade-media-round .wpc-background-video, .wpc-blade-media-container.wpc-blade-media-round .wpc-background-video-container, .wpc-blade-media-container.wpc-blade-media-round img { border-radius: var(--large-border-radius); } @media screen and (min-width: 768px) { .wpc-blade-media-container, .wpc-blade-media-container img, .wpc-blade-media-container picture { height: 27.375rem; } } @media screen and (min-width: 1280px) { .wpc-blade-media-container, .wpc-blade-media-container .wpc-background-color, .wpc-blade-media-container .wpc-background-image-container, .wpc-blade-media-container .wpc-background-video, .wpc-blade-media-container .wpc-background-video-container, .wpc-blade-media-container img, .wpc-blade-media-container picture { border-radius: var(--large-border-radius); } .wpc-blade-media-short, .wpc-blade-media-short img, .wpc-blade-media-short picture { height: 22.75rem; } .wpc-blade-media-medium, .wpc-blade-media-medium img, .wpc-blade-media-medium picture { height: 29rem; } .wpc-blade-media-tall, .wpc-blade-media-tall img, .wpc-blade-media-tall picture { height: 34.25rem; } } @media screen and (min-width: 1920px) { .wpc-blade-media-short, .wpc-blade-media-short img, .wpc-blade-media-short picture { height: 24.625rem; } .wpc-blade-media-medium, .wpc-blade-media-medium img, .wpc-blade-media-medium picture { height: 31.5rem; } .wpc-blade-media-tall, .wpc-blade-media-tall img, .wpc-blade-media-tall picture { height: 39rem; } } .wpc-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; width: 100%; z-index: 0; } .wpc-card .wpc-card-content-container, .wpc-card .wpc-card-media-container { border-radius: inherit; } .wpc-card .wpc-card-content-top, .wpc-card .wpc-card-media-top-rounded { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wpc-card .wpc-card-content-bottom, .wpc-card .wpc-card-media-bottom-rounded { border-top-left-radius: 0; border-top-right-radius: 0; } .wpc-card .wpc-card-media-all-rounded { border-radius: inherit; padding: 0 calc(var(--spacing-3) * 1rem); } .wpc-card .wpc-card-media-all-rounded img { border-radius: inherit; } .wpc-card .wpc-card-content-top { margin-bottom: -4px; padding-bottom: calc(var(--spacing-3) * 1rem + 4px); padding-top: calc(var(--spacing-5) * 1rem); } .wpc-card .wpc-card-content-bottom { margin-top: -4px; padding-bottom: calc(var(--spacing-5) * 1rem); padding-top: calc(var(--spacing-4) * 1rem + 4px); } .wpc-card:has(.wpc-actioncontainer-clickableParent:hover) { box-shadow: 0 0 20px rgba(0, 0, 0, .302); } .wpc-card:has(.wpc-actioncontainer-clickableParent:focus-visible) { outline: solid var(--elementary-signature) 3px; } .wpc-card > .wpc-background-color, .wpc-card > .wpc-background-image-container, .wpc-card > .wpc-background-video-container { border-radius: inherit  !important; } .wpc-card .wpc-card-content-container:not(:has(~ .wpc-card-content-container)) { flex-grow: 1; } .wpc-card-outlined { outline: 2px solid var(--neutral-light-03); outline-offset: -2px; } .wpc-card-actionable { cursor: pointer; } .wpc-card-actionable:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .302); } .wpc-card-actionable:focus-visible { outline: solid var(--elementary-signature) 3px; } .wpc-card-actionable .wpc-actioncontainer-function { pointer-events: none  !important; } .wpc-card-content-container { display: flex; flex-direction: column; height: 100%; isolation: isolate; overflow: hidden; position: relative; } .wpc-card-content-container.wpc-card-content-paddingx { padding-left: calc(1rem * var(--spacing-3)); padding-right: calc(1rem * var(--spacing-3)); } .wpc-card-content-container.wpc-card-content-paddingy { padding-bottom: calc(1rem * var(--spacing-5)); padding-top: calc(1rem * var(--spacing-4)); } .wpc-card-content-container > .wpc-actioncontainer-function, .wpc-card-content-container > .wpc-actioncontainer-url { margin-top: calc(var(--spacing-5) * 1rem); } .wpc-card-content-container > .wpc-eyebrow { margin-bottom: calc(var(--spacing-1) * 1rem); text-transform: none; } .wpc-card-content-container > .wpc-background-color, .wpc-card-content-container > .wpc-background-image-container, .wpc-card-content-container > .wpc-background-video-container { border-radius: inherit  !important; } .wpc-card-media-container { flex-shrink: 0; isolation: isolate; overflow: hidden; position: relative; } .wpc-card-media-container img, .wpc-card-media-container picture { border-radius: inherit; width: 100%  !important; } .wpc-card-media-container > .wpc-background-color, .wpc-card-media-container > .wpc-background-color iframe, .wpc-card-media-container > .wpc-background-color img, .wpc-card-media-container > .wpc-background-image-container, .wpc-card-media-container > .wpc-background-image-container iframe, .wpc-card-media-container > .wpc-background-image-container img, .wpc-card-media-container > .wpc-background-video-container, .wpc-card-media-container > .wpc-background-video-container iframe, .wpc-card-media-container > .wpc-background-video-container img { border-radius: inherit; } .wpc-carousel-container { flex-grow: 1; margin-left: auto; margin-right: auto; position: relative; } .wpc-carousel-container.wpc-carousel-container-margins { max-width: calc(100% - var(--mobile-grid-margins) * 1rem * 2); } @media screen and (min-width: 768px) { .wpc-carousel-container.wpc-carousel-container-margins { max-width: calc(100% - var(--tablet-grid-margins) * 1rem * 2); } } @media screen and (min-width: 1280px) { .wpc-carousel-container.wpc-carousel-container-margins { max-width: clamp( 1280px - var(--small-desktop-grid-margins) * 1rem * 2, 100% - var(--small-desktop-grid-margins) * 1rem * 2, 1920px - var(--full-desktop-grid-margins) * 1rem * 2 ); } } @media screen and (min-width: 1920px) { .wpc-carousel-container.wpc-carousel-container-margins { max-width: calc(1920px - var(--full-desktop-grid-margins) * 1rem * 2); } } @media screen and (min-width: 1280px) { .wpc-carousel-container.wpc-carousel-container-margins.wpc-carousel-container-sidearrows { max-width: clamp( 1280px - var(--small-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2, 100% - var(--small-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2, 1920px - var(--full-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2 ); } } @media screen and (min-width: 1920px) { .wpc-carousel-container.wpc-carousel-container-margins.wpc-carousel-container-sidearrows { max-width: calc( 1920px - var(--full-desktop-grid-margins) * 1rem * 2 - var(--carousel-arrow-w) * 2 - var(--spacing-3) * 1rem * 2 ); } } .wpc-carousel-container.wpc-carousel-container-nogap .wpc-grid-row.wpc-carousel { margin-left: 0; } .wpc-carousel-container.wpc-carousel-container-nogap .wpc-grid-row.wpc-carousel .wpc-grid { padding-left: 0; } .wpc-carousel-container .wpc-grid-row.wpc-carousel { margin-left: -16px; position: static; width: auto  !important; } .wpc-carousel-container .wpc-grid-row.wpc-carousel .wpc-grid { padding-left: 16px; } .wpc-carousel-container .wpc-carousel { display: flex; touch-action: pan-y pinch-zoom; } .wpc-carousel-container :has(.wpc-carousel) > ::-webkit-scrollbar { display: none; } .wpc-carousel-container .wpc-carousel > * { scrollbar-width: none; } .wpc-carousel-container .wpc-carousel.wpc-grid-row { align-items: stretch  !important; flex-wrap: nowrap; } .wpc-carousel-dots { align-items: center; backdrop-filter: blur(30px); background-color: var(--neutral-light-01); border-radius: 12px; display: flex; flex-wrap: wrap; gap: 8px; height: 1.75rem; justify-content: center; justify-self: center; padding: 0 calc(var(--spacing-3) * 1rem); width: max-content; } .wpc-carousel-dot { -webkit-tap-highlight-color: gray; -webkit-appearance: none; appearance: none; background-color: transparent; border: 0; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; text-decoration: none; touch-action: manipulation; } .wpc-carousel-dot, .wpc-carousel-dot:after { align-items: center; border-radius: 50%; display: flex; height: 8px; width: 8px; } .wpc-carousel-dot:after { box-shadow: inset 0 0 0 1px var(--neutral-dark-01); content: ""; } .wpc-carousel-dot-selected:after { box-shadow: inset 0 0 0 8px var(--neutral-dark-01); } .wpc-carousel-container-dark .wpc-carousel-dots { background-color: var(--neutral-dark-04); } .wpc-carousel-container-dark .wpc-carousel-dot { -webkit-tap-highlight-color: gray; } .wpc-carousel-container-dark .wpc-carousel-dot:after { box-shadow: inset 0 0 0 1px #ccc; content: ""; } .wpc-carousel-container-dark .wpc-carousel-dot-selected:after { box-shadow: inset 0 0 0 8px var(--pure-light); } .wpc-carousel-button { --button-size: 2.5rem; --button-padding: calc(var(--spacing-3) * 1rem); -webkit-tap-highlight-color: gray; align-items: center; -webkit-appearance: none; appearance: none; background-color: transparent; background-color: var(--neutral-light-01); border: 0; border-radius: 50%; color: var(--neutral-dark-01); cursor: pointer; display: inline-flex; display: flex; height: var(--button-size); justify-content: center; margin: 0; padding: 0; text-decoration: none; touch-action: manipulation; width: var(--button-size); z-index: 9999999; } .wpc-carousel-button:disabled { background-color: #ccc; color: var(--neutral-light-01); } .wpc-carousel-button:hover { background-color: #ccc; } .wpc-carousel-button-svg { height: 35%; width: 35%; } .wpc-carousel-controls { align-items: center; display: flex; gap: 24px; justify-content: center; margin: calc(var(--spacing-3) * 1rem) 0; position: relative; } .wpc-carousel-container-dark .wpc-carousel-button { background-color: var(--neutral-dark-04); color: var(--pure-light); } .wpc-carousel-container-dark .wpc-carousel-button:disabled { background-color: #ccc; color: var(--neutral-light-01); } .wpc-carousel-container-dark .wpc-carousel-button:hover { background-color: var(--neutral-dark-05); } .wpc-carousel-container-sidearrows .wpc-carousel-button--next, .wpc-carousel-container-sidearrows .wpc-carousel-button--prev { position: absolute; top: 50%; transform: translateY(-50%); } .wpc-carousel-container-sidearrows .wpc-carousel-button--next:has(~ .wpc-carousel-controls), .wpc-carousel-container-sidearrows .wpc-carousel-button--prev:has(~ .wpc-carousel-controls) { top: calc(50% - 28px)  !important; } .wpc-carousel-container-sidearrows .wpc-carousel-button--prev { left: calc((var(--spacing-3) * 1rem + var(--button-size)) * -1); } .wpc-carousel-container-sidearrows .wpc-carousel-button--next { right: calc((var(--spacing-3) * 1rem + var(--button-size)) * -1); } .wpc-hero-content-container { display: flex; flex-direction: column; } .wpc-hero-content-container:has([class^="wpc-background"]) { padding: calc(var(--spacing-5) * 1rem); } .wpc-hero-content-rounded { border-radius: var(--large-border-radius); } .wpc-input { font-size: clamp( var(--sm-fs) * 1rem, round( down, ((var(--md-fs) - var(--sm-fs)) * -22.5/25.5 + var(--sm-fs)) * 1rem + (var(--md-fs) - var(--sm-fs))/25.5 * 100vw, 1px ), var(--md-fs) * 1rem ); letter-spacing: clamp( var(--sm-ls) * 1rem, round( down, ((var(--md-ls) - var(--sm-ls)) * -22.5/25.5 + var(--sm-ls)) * 1rem + (var(--md-ls) - var(--sm-ls))/25.5 * 100vw, 1px ), var(--md-ls) * 1rem ); line-height: clamp( var(--sm-lh) * 1rem, round( down, ((var(--md-lh) - var(--sm-lh)) * -22.5/25.5 + var(--sm-lh)) * 1rem + (var(--md-lh) - var(--sm-lh))/25.5 * 100vw, 1px ), var(--md-lh) * 1rem ); } @media screen and (min-width: 768px) { .wpc-input { font-size: clamp( var(--md-fs) * 1rem, round( down, ((var(--lg-fs) - var(--md-fs)) * -48/32 + var(--md-fs)) * 1rem + (var(--lg-fs) - var(--md-fs))/32 * 100vw, 1px ), var(--lg-fs) * 1rem ); letter-spacing: clamp( var(--md-ls) * 1rem, round( down, ((var(--lg-ls) - var(--md-ls)) * -48/32 + var(--md-ls)) * 1rem + (var(--lg-ls) - var(--md-ls))/32 * 100vw, 1px ), var(--lg-ls) * 1rem ); line-height: clamp( var(--md-lh) * 1rem, round( down, ((var(--lg-lh) - var(--md-lh)) * -48/32 + var(--md-lh)) * 1rem + (var(--lg-lh) - var(--md-lh))/32 * 100vw, 1px ), var(--lg-lh) * 1rem ); } } @media screen and (min-width: 1280px) { .wpc-input { font-size: clamp( var(--lg-fs) * 1rem, round( down, ((var(--xl-fs) - var(--lg-fs)) * -80/40 + var(--lg-fs)) * 1rem + (var(--xl-fs) - var(--lg-fs))/40 * 100vw, 1px ), var(--xl-fs) * 1rem ); letter-spacing: clamp( var(--lg-ls) * 1rem, round( down, ((var(--xl-ls) - var(--lg-ls)) * -80/40 + var(--lg-ls)) * 1rem + (var(--xl-ls) - var(--lg-ls))/40 * 100vw, 1px ), var(--xl-ls) * 1rem ); line-height: clamp( var(--lg-lh) * 1rem, round( down, ((var(--xl-lh) - var(--lg-lh)) * -80/40 + var(--lg-lh)) * 1rem + (var(--xl-lh) - var(--lg-lh))/40 * 100vw, 1px ), var(--xl-lh) * 1rem ); } } @media screen and (min-width: 1920px) { .wpc-input { font-size: calc(1rem * var(--xl-fs)); letter-spacing: calc(1rem * var(--xl-ls)); line-height: calc(1rem * var(--xl-lh)); } } .wpc-input, .wpc-input-placeholder, .wpc-typo { transition: .3s ease-out; } .wpc-input-container { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; width: 100%; } .wpc-input { border: 2px solid #aba8b1; border-radius: calc(var(--spacing-2) * 1rem); width: 100%; } .wpc-input-search { padding: calc(var(--spacing-3) * 1rem) 38px calc(var(--spacing-3) * 1rem) calc(var(--spacing-2) * 1rem); } .wpc-input-text { padding: calc(var(--spacing-2) * 1rem); } .wpc-input-placeholder { align-items: center; border: 2px solid transparent; display: flex; justify-content: end; left: 0; padding: 20px calc(var(--spacing-2) * 1rem); pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%) translateX(0); width: 100%; } .wpc-input-placeholder .wpc-typo { left: calc(var(--spacing-2) * 1rem); position: absolute; top: 50%; transform: translateY(-50%); } .wpc-input:focus, .wpc-input:focus-visible { border: 2px solid var(--neutral-dark-01); outline: 1px solid var(--neutral-dark-01); } .wpc-input-has-text .wpc-typo, .wpc-input:focus + .wpc-input-placeholder .wpc-typo { top: 0; transform: scale(0.85); transform-origin: left top; } .wpc-navbartextitem-container { text-wrap: nowrap; width: fit-content  !important; width: 100%; } .wpc-navbartextitem-container p { border-bottom: 2px solid transparent  !important; } .wpc-navbartextitem { text-wrap: nowrap; width: 100%; } .wpc-navbartextitem p { border-bottom: 2px solid transparent  !important; } li.wpc-navbartextitem-container { list-style: none  !important; } .wpc-navbartextitem:hover p { border-bottom: 2px solid  !important; } .wpc-navbartextitem-active { white-space: nowrap; } .wpc-navbartextitem-active p { border-bottom: 2px solid  !important; font-weight: 700  !important; } .wpc-select { align-items: center; border: 2px solid #aba8b1; border-radius: calc(var(--spacing-2) * 1rem); cursor: pointer; display: flex; padding: calc(var(--spacing-2) * 1rem); position: relative; width: 100%; } .wpc-select-icon { position: absolute; right: calc(var(--spacing-2) * 1rem); } .wpc-select-options-container { background-color: var(--pure-light); border: 5px solid transparent; border-radius: calc(var(--spacing-2) * 1rem); box-shadow: 0 8px 32px rgba(0, 0, 0, .161); -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, .161); -moz-box-shadow: 0 8px 32px rgba(0, 0, 0, .161); cursor: default; display: flex; flex-direction: column; gap: 4px; left: 0; max-height: 250px; opacity: 0; overflow-y: scroll; pointer-events: none; position: absolute; top: 100%; transform: translateY(-5%); transition: 50ms ease-out; width: 100%; z-index: 5; } .wpc-select-options-container-open { opacity: 1; pointer-events: all; transform: translateY(2.5%); transition: .3s ease-out; } .wpc-select-options-container::-webkit-scrollbar { display: block  !important; max-height: 116px; width: 5px; } .wpc-select-options-container::-webkit-scrollbar-thumb { background-color: #e5e5e5; border-radius: 4px; } .wpc-select-options-container::-webkit-scrollbar-track { background: transparent; } .wpc-select-icon-rotated { rotate: 180deg; } .wpc-select-option { border-radius: calc(var(--spacing-2) * 1rem); cursor: pointer; padding: calc(var(--spacing-2) * 1rem); } .wpc-select-option:hover { background-color: var(--neutral-light-02); } .wpc-select-required:after { color: var(--elementary-med); content: "*"; } .wpc-select-placeholder { left: 0; padding: 20px calc(var(--spacing-2) * 1rem); position: absolute; top: 50%; transform: translateY(-50%); transition: .3s ease-out; } .wpc-select-placeholder-has-value { top: -25%; transform: scale(0.85); transform-origin: left top; } .wpc-select-active, .wpc-select-options-focus { border: 2px solid var(--neutral-dark-01); outline: 1px solid var(--neutral-dark-01); } .wpc-slider { display: flex; touch-action: pan-y pinch-zoom; } .wpc-grid-container:has(.wpc-slider) ::-webkit-scrollbar { display: none; } .wpc-slider > * { scrollbar-width: none; } .wpc-slider.wpc-slider-resizing.wpc-grid-row { align-items: stretch  !important; flex-wrap: nowrap; } .wpc-wrap.wpc-grid-row { flex-wrap: wrap; } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--grid-slider-peek) * 1rem/ (4 / var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-xl)), 100% ); } } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--spacing-3) * 1rem/4 * (4 - var(--columns-sm)) - var(--spacing-3) * 1rem/ ( 4 / var(--columns-sm) ) - var(--grid-slider-peek) * 1rem/ (4 / var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--spacing-3) * 1rem/8 * (8 - var(--columns-md)) - var(--spacing-3) * 1rem/ ( 8 / var(--columns-md) ) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - (var(--spacing-3)) * 1rem - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--spacing-3) * 1rem/12 * var(--columns-xl) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-xl)), 100% ); } } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) + var(--spacing-3) * 1rem/4 * var(--columns-sm) - var(--grid-slider-peek) * 1rem/4 * var(--columns-sm), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) + var(--spacing-3) * 1rem/8 * var(--columns-md) - var(--grid-slider-peek) * 1rem/8 * var(--columns-md), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) + var(--spacing-3) * 1rem/12 * var(--columns-lg) - var(--grid-slider-peek) * 1rem/12 * var(--columns-lg), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-nogap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) + var(--spacing-3) * 1rem/12 * var(--columns-xl) - var(--grid-slider-peek) * 1rem/12 * var(--columns-xl), 100% ); } } .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 25% * var(--columns-sm) - var(--spacing-3) * 1rem/4 * (4 - var(--columns-sm)) - var(--grid-slider-peek) * 1rem/ (4 / var(--columns-sm)), 100% ); } @media screen and (min-width: 768px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 12.5% * var(--columns-md) - var(--spacing-3) * 1rem/8 * (8 - var(--columns-md)) - var(--grid-slider-peek) * 1rem/ (8 / var(--columns-md)), 100% ); } } @media screen and (min-width: 1280px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-lg) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-lg)) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-lg)), 100% ); } } @media screen and (min-width: 1920px) { .wpc-slider.wpc-slider-resizing.wpc-grid-row.wpc-grid-row-margins.wpc-grid-row-gap .wpc-grid { width: clamp( 0%, 8.3333333333% * var(--columns-xl) - var(--spacing-3) * 1rem/12 * (12 - var(--columns-xl)) - var(--grid-slider-peek) * 1rem/ (12 / var(--columns-xl)), 100% ); } } .wpc-sponsorship-content-container { display: flex; flex-direction: column; isolation: isolate; justify-content: center; padding: calc(var(--spacing-3) * 1rem)  !important; } @media screen and (min-width: 1280px) { .wpc-sponsorship-content-container { padding-left: 0  !important; padding-right: 0  !important; } } .wpc-sponsorship-media-container { position: relative; } @media screen and (max-width: 767px) { .wpc-sponsorship-media-container { display: none; } } .wpc-sponsorship-media-container > picture img { height: 100%; width: fit-content  !important; } .wpc-sponsor-flag-md { margin: calc(var(--spacing-3) * 1rem); position: absolute; z-index: 99; } @media screen and (min-width: 1280px) { .wpc-sponsor-flag-md { margin: calc(var(--spacing-6) * 1rem); } } .wpc-accordion-group-dark { background-color: var(--neutral-dark-01); } .wpc-accordion-group-container { width: 100%; } .wpc-accordion-lg-group-dark { background-color: var(--neutral-dark-01); } .wpc-accordion-lg-group-container { width: 100%; } .wpc-db-card { background-color: transparent  !important; } .wpc-db-card .wpc-icon-card-text-container { justify-content: space-between; } .wpc-db-card .wpc-db-card-label { border-radius: var(--small-border-radius); display: flex; min-height: 30px; padding: 3px 6px; place-items: center; width: fit-content; } .wpc-db-card .wpc-db-card-label .wpc-db-card-label-text { font-size: var(--body-s); font-weight: 700; height: auto  !important; line-height: var(--body-m)  !important; } .wpc-db-card .wpc-db-card-price-saving-section { display: flex; flex-direction: column; flex-wrap: wrap; gap: calc(var(--spacing-1) * 1rem); place-items: start; } @media screen and (min-width: 1280px) { .wpc-db-card .wpc-db-card-price-saving-section { align-items: center  !important; flex-direction: row; } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container { align-items: center; display: flex; flex-direction: row; gap: calc(var(--spacing-2) * 1rem); } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price-text-container { align-items: center; display: flex; gap: calc(var(--spacing-1) * 1rem); } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-screen-reader-text { clip: rect(0, 0, 0, 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price { font-weight: 700; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container .wpc-db-card-price-strikethrough { text-decoration: line-through; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-price-container :nth-child(4) { margin-left: var(--spacing-2)  !important; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container { border-radius: var(--small-border-radius); display: flex; flex-direction: row; gap: 8px; } @media screen and (min-width: 1280px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container { align-self: center; } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-price { font-size: var(--body-s); height: fit-content  !important; line-height: var(--body-s-line); } @media screen and (min-width: 1920px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-price { font-size: var(--body-m); line-height: var(--body-m-line); } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-percentage { font-size: var(--body-s); height: fit-content  !important; line-height: var(--body-s-line); } @media screen and (min-width: 1920px) { .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container .wpc-db-card-savings-percentage { font-size: var(--body-m); line-height: var(--body-m-line); } } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-savings-container :nth-child(2) { margin-left: var(--spacing-1)  !important; } .wpc-db-card .wpc-db-card-price-saving-section .wpc-db-card-tax { display: flex; flex-direction: column; } .wpc-chip-button { align-items: center; border: 2px solid var(--neutral-med-03)  !important; border-radius: 8px; display: flex; gap: 8px; height: 32px; justify-content: center; padding: 0 calc(var(--spacing-3) * 1rem); width: fit-content; } .wpc-chip-button p:hover { border-bottom: none  !important; } .wpc-chip-button picture { display: flex; } .wpc-chip-button .wpc-chip-icon { color: inherit  !important; } .wpc-chip-dark, .wpc-chip-dark:hover { color: var(--pure-light); } .wpc-chip-dark:hover { background-color: var(--neutral-dark-04); } .wpc-chip-light { color: var(--neutral-dark-01); } .wpc-chip-light:hover { background-color: var(--neutral-light-01); } .wpc-chip-active { background-color: var(--alternate-light)  !important; border: 2px solid transparent  !important; } .wpc-chip-active, .wpc-chip-active:hover { color: var(--neutral-dark-01); } .wpc-actioncontainer-invisible { padding: 0  !important; } .wpc-ctabutton-boldtext { font-weight: 700  !important; } .wpc-actioncontainer-function:hover .wpc-icon, .wpc-actioncontainer-url:hover .wpc-icon { transition: none; } .wpc-actioncontainer-function:hover .wpc-icon.hover-dark-to-alternate-med, .wpc-actioncontainer-url:hover .wpc-icon.hover-dark-to-alternate-med { filter: invert(24%) sepia(65%) saturate(1411%) hue-rotate(197deg) brightness(90%) contrast(87%); } .wpc-actioncontainer-function:hover .wpc-icon.hover-light-to-alternate-med, .wpc-actioncontainer-url:hover .wpc-icon.hover-light-to-alternate-med { filter: brightness(0) saturate(100%) invert(22%) sepia(41%) saturate(2411%) hue-rotate(200deg) brightness(97%) contrast(86%); } .wpc-actioncontainer-function:hover .wpc-icon.hover-auxiliary, .wpc-actioncontainer-url:hover .wpc-icon.hover-auxiliary { filter: brightness(0) saturate(100%) invert(95%) sepia(89%) saturate(7500%) hue-rotate(103deg) brightness(101%) contrast(103%); } .wpc-actioncontainer-function:hover .wpc-icon.hover-pure-dark, .wpc-actioncontainer-function:hover .wpc-icon.hover-pure-light, .wpc-actioncontainer-url:hover .wpc-icon.hover-pure-dark, .wpc-actioncontainer-url:hover .wpc-icon.hover-pure-light { filter: invert(100%); } .wpc-ctabutton-icon-right { flex-direction: row-reverse; } .wpc-ctabutton-icon-left { flex-direction: row; } .wpc-actioncontainer-function.wpc-ctabutton-primary, .wpc-actioncontainer-url.wpc-ctabutton-primary { align-items: center; background-color: var(--neutral-dark-01); border: 2px solid transparent; border-radius: var(--btn-br); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-primary:has(.wpc-ctabutton-icon), .wpc-actioncontainer-url.wpc-ctabutton-primary:has(.wpc-ctabutton-icon) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-primary:focus, .wpc-actioncontainer-function.wpc-ctabutton-primary:hover, .wpc-actioncontainer-url.wpc-ctabutton-primary:focus, .wpc-actioncontainer-url.wpc-ctabutton-primary:hover { background-color: var(--neutral-dark-04); color: var(--pure-light); } .wpc-actioncontainer-function.wpc-ctabutton-primary-dark, .wpc-actioncontainer-url.wpc-ctabutton-primary-dark { align-items: center; background-color: var(--pure-light); border: 2px solid transparent; border-radius: var(--btn-br); color: var(--neutral-dark-01); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-primary-dark:has( .wpc-ctabutton-icon ), .wpc-actioncontainer-url.wpc-ctabutton-primary-dark:has(.wpc-ctabutton-icon) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-primary-dark:focus, .wpc-actioncontainer-function.wpc-ctabutton-primary-dark:hover, .wpc-actioncontainer-url.wpc-ctabutton-primary-dark:focus, .wpc-actioncontainer-url.wpc-ctabutton-primary-dark:hover { background-color: var(--neutral-light-01); color: var(--neutral-dark-01); } .wpc-actioncontainer-function.wpc-ctabutton-secondary, .wpc-actioncontainer-url.wpc-ctabutton-secondary { align-items: center; background-color: transparent; border: 2px solid var(--neutral-med-03); border-radius: var(--btn-br); color: var(--neutral-med-01); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-secondary:has( .wpc-ctabutton-icon ), .wpc-actioncontainer-url.wpc-ctabutton-secondary:has(.wpc-ctabutton-icon) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-secondary:focus, .wpc-actioncontainer-function.wpc-ctabutton-secondary:hover, .wpc-actioncontainer-url.wpc-ctabutton-secondary:focus, .wpc-actioncontainer-url.wpc-ctabutton-secondary:hover { background-color: var(--neutral-light-01); color: var(--neutral-med-01); } .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark, .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark { align-items: center; background-color: transparent; border: 2px solid var(--neutral-med-03); border-radius: var(--btn-br); color: var(--pure-light); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: calc(1rem * var(--spacing-1)); justify-content: center; letter-spacing: calc(1rem * var(--body-m-spacing)); line-height: 1; min-height: 48px; padding: 14px 24px; text-align: center; text-decoration: none; transition: all ease-out var(--main-transition-duration), color ease-out var(--main-transition-duration); white-space: nowrap; width: fit-content; z-index: 2; } .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark:has( .wpc-ctabutton-icon ), .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark:has( .wpc-ctabutton-icon ) { padding: 10px 24px; } .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark:focus, .wpc-actioncontainer-function.wpc-ctabutton-secondary-dark:hover, .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark:focus, .wpc-actioncontainer-url.wpc-ctabutton-secondary-dark:hover { background-color: var(--neutral-dark-04); color: var(--pure-light); } .wpc-actioncontainer-function.wpc-ctabutton-text, .wpc-actioncontainer-url.wpc-ctabutton-text { align-items: start; align-items: center; background-color: transparent; border: none; border-radius: 0; color: var(--neutral-dark-01); display: flex; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: 4px; justify-content: center; padding: 16px 0; text-decoration: none; white-space: nowrap; width: fit-content; } .wpc-actioncontainer-function.wpc-ctabutton-text:focus, .wpc-actioncontainer-function.wpc-ctabutton-text:hover, .wpc-actioncontainer-url.wpc-ctabutton-text:focus, .wpc-actioncontainer-url.wpc-ctabutton-text:hover { background-color: transparent; border: none; color: var(--neutral-dark-01); } .wpc-actioncontainer-function.wpc-ctabutton-text:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-function.wpc-ctabutton-text:hover .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text:hover .wpc-ctabutton-text-content:before { background-color: var(--elementary-signature); } .wpc-actioncontainer-function.wpc-ctabutton-text-dark, .wpc-actioncontainer-url.wpc-ctabutton-text-dark { align-items: start; align-items: center; background-color: transparent; border: none; border-radius: 0; color: var(--pure-light); display: flex; font-family: var(--typo-secondary); font-size: calc(1rem * var(--body-m)); gap: 4px; justify-content: center; padding: 16px 0; text-decoration: none; white-space: nowrap; width: fit-content; } .wpc-actioncontainer-function.wpc-ctabutton-text-dark:focus, .wpc-actioncontainer-function.wpc-ctabutton-text-dark:hover, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:focus, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:hover { background-color: transparent; border: none; color: var(--pure-light); } .wpc-actioncontainer-function.wpc-ctabutton-text-dark:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-function.wpc-ctabutton-text-dark:hover .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:focus .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark:hover .wpc-ctabutton-text-content:before { background-color: var(--elementary-signature); } .wpc-actioncontainer-function.wpc-ctabutton-text .wpc-ctabutton-text-content, .wpc-actioncontainer-function.wpc-ctabutton-text-dark .wpc-ctabutton-text-content, .wpc-actioncontainer-url.wpc-ctabutton-text .wpc-ctabutton-text-content, .wpc-actioncontainer-url.wpc-ctabutton-text-dark .wpc-ctabutton-text-content { line-height: 1; position: relative; } .wpc-actioncontainer-function.wpc-ctabutton-text .wpc-ctabutton-text-content:before, .wpc-actioncontainer-function.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before { background-color: var(--neutral-med-03); bottom: -8px; content: ""; height: 2px; position: absolute; transition: var(--main-transition-duration) ease all; width: 100%; } .wpc-actioncontainer-function.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before, .wpc-actioncontainer-url.wpc-ctabutton-text-dark .wpc-ctabutton-text-content:before { background-color: #a4a2a2; } .wpc-actioncontainer-function.wpc-ctabutton-fullwidth, .wpc-actioncontainer-url.wpc-ctabutton-fullwidth { width: 100%  !important; } .wpc-ctacontainer { display: flex; flex-wrap: wrap; gap: calc(1rem * var(--spacing-1)); margin: 0; padding: 0; width: 100%; } @media screen and (min-width: 768px) { .wpc-ctacontainer { gap: calc(1rem * var(--spacing-3)); } } .wpc-ctacontainer.wpc-ctacontainer-row { flex-direction: row; } .wpc-ctacontainer.wpc-ctacontainer-column { flex-direction: column; } .wpc-ctacontainer.wpc-ctacontainer-alignItems-start { align-items: start; } .wpc-ctacontainer.wpc-ctacontainer-alignItems-center { align-items: center; } .wpc-ctacontainer.wpc-ctacontainer-alignItems-end { align-items: end; } .wpc-ctacontainer.wpc-ctacontainer-justifycontent-start { justify-content: start; } .wpc-ctacontainer.wpc-ctacontainer-justifycontent-center { justify-content: center; } .wpc-ctacontainer.wpc-ctacontainer-justifycontent-end { justify-content: end; } .wpc-ctacontainer.wpc-ctacontainer-margintop { margin-top: calc(var(--spacing-5) * 1rem); } .wpc-ctacontainer:has(.wpc-actioncontainer-invisible) { margin: 0; } .wpc-listelement { align-items: center; display: list-item; } .wpc-listelement .wpc-listelement-container { align-items: center; display: flex; gap: calc(var(--spacing-1) * 1rem); } .wpc-listelement:has(img) { padding-bottom: calc(var(--spacing-3) * 1rem); } .wpc-listelement:not(:has(img)) { padding-bottom: calc(var(--spacing-1) * 1rem); } .wpc-listelement:last-child { padding-bottom: 0; } html { scroll-behavior: smooth; } /*! purgecss stop ignore */:root { --navbar-height: 60px; } .wpc-navbar-row { background-color: var(--pure-light); padding-bottom: calc(var(--spacing-3) * 1rem); padding-top: calc(var(--spacing-3) * 1rem); position: relative; } .wpc-navbar-row .wpc-grid, .wpc-navbar-row .wpc-grid-row { position: static; } .wpc-navbar-row .wpc-navbar-wpcactioncontainer { height: 100%; width: 100%; } @media screen and (max-width: 767px) { .wpc-navbar-row .wpc-navbar-wpcactioncontainer { padding-bottom: var(--spacing-3); } } .wpc-navbar-fixed { position: fixed; } .wpc-navbar-initial { position: relative; } .wpc-Spotlightcard-container { min-height: 365px; } .wpc-Spotlightcard-container .wpc-card-content-container.wpc-card-content-paddingx { padding-left: calc(1rem * var(--spacing-5)); padding-right: calc(1rem * var(--spacing-5)); } .wpc-Spotlightcard-container .wpc-card-content-container.wpc-card-content-paddingy { padding-bottom: calc(1rem * var(--spacing-5)); padding-top: calc(1rem * var(--spacing-5)); } @media screen and (min-width: 768px) { .wpc-Spotlightcard-container { height: 100%; } } .wpc-hero-boxed-rounded-bottom { border-radius: var(--large-border-radius) 0 0 var(--large-border-radius); } .wpc-hero-boxed-rounded-bottom > [class^="wpc-background"] { border-radius: 0 0 var(--large-border-radius) var(--large-border-radius); } .wpc-hero-boxed { isolation: isolate; } .wpc-hero-boxed.wpc-hero-boxed-tall { margin-top: -4px; min-height: 37.5rem; padding-bottom: calc(var(--spacing-12) * 1rem); padding-top: calc(var(--spacing-12) * 1rem + 4px); } .wpc-hero-boxed.wpc-hero-boxed-medium { margin-top: -4px; min-height: 26.375rem; padding-bottom: calc(var(--spacing-8) * 1rem); padding-top: calc(var(--spacing-8) * 1rem + 4px); } @media screen and (max-width: 767px) { .wpc-hero-boxed { gap: 0  !important; padding: 0  !important; } .wpc-hero-boxed > [class^="wpc-background"] { left: 0  !important; position: static  !important; top: 0  !important; transform: translate(0)  !important; z-index: 1; } .wpc-hero-boxed > [class^="wpc-background"] img { position: static; } .wpc-hero-boxed .wpc-hero-content-container { border-top-left-radius: 0  !important; border-top-right-radius: 0  !important; margin-top: calc(var(--spacing-5) * -1rem); padding-top: calc(var(--spacing-8) * 1rem)  !important; } .wpc-hero-boxed.wpc-hero-boxed-tall { min-height: auto; } .wpc-hero-boxed.wpc-hero-boxed-tall > [class^="wpc-background"], .wpc-hero-boxed.wpc-hero-boxed-tall > [class^="wpc-background"] img { min-height: 12.875rem; } .wpc-hero-boxed.wpc-hero-boxed-medium { min-height: auto; } .wpc-hero-boxed.wpc-hero-boxed-medium > [class^="wpc-background"], .wpc-hero-boxed.wpc-hero-boxed-medium > [class^="wpc-background"] img { min-height: 9.25rem; } } .wpc-dealsbanner-container { display: flex; flex-wrap: wrap; gap: 24px; isolation: isolate; justify-content: center; min-height: 60px; padding: calc(var(--spacing-3) * 1rem); z-index: 0; } .wpc-dealsbanner-container .wpc-banner-cta-container { width: 100%; } @media screen and (min-width: 768px) { .wpc-dealsbanner-container .wpc-banner-cta-container { width: auto; } } .wpc-dealsbanner-container .wpc-banner-cta-container .wpc-ctacontainer { margin-top: 0; } .wpc-dealsbanner-container .wpc-banner-cta-container .wpc-ctacontainer div { margin-left: 0  !important; } .wpc-dealsbanner-container .wpc-banner-cta-container .wpc-ctacontainer div a:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wpc-dealsbanner-container .wpc-background-color { border-radius: calc(var(--spacing-2) * 1rem); } .wpc-dealsbanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text ), .wpc-dealsbanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text-dark ) { gap: 0; } .wpc-faq-accordion-main-title { margin-left: var(--mobile-grid-margins); margin-right: var(--mobile-grid-margins); padding-top: calc(1rem * var(--spacing-7)); width: 100%; } .wpc-faq-accordion-container-light { background-color: var(--pure-light); } .wpc-faq-accordion-container-dark { background-color: var(--neutral-dark-01); } @media screen and (max-width: 767px) { .wpc-faq-accordion-main-title { line-height: 1; padding: calc(1rem * var(--spacing-3)) 0; padding-top: calc(1rem * var(--spacing-5)); } } @media screen and (min-width: 1280px) { .wpc-faq-accordion-main-title { margin-left: var(--small-desktop-grid-margins); margin-right: var(--small-desktop-grid-margins); } } @media screen and (min-width: 1920px) { .wpc-faq-accordion-main-title { margin-left: var(--full-desktop-grid-margins); margin-right: var(--full-desktop-grid-margins); } } .wpc-faq-accordion-lg-main-title { margin-left: var(--mobile-grid-margins); margin-right: var(--mobile-grid-margins); padding-top: calc(1rem * var(--spacing-7)); width: 100%; } .wpc-faq-accordion-lg-container-light { background-color: var(--pure-light); } .wpc-faq-accordion-lg-container-dark { background-color: var(--neutral-dark-01); } @media screen and (max-width: 767px) { .wpc-faq-accordion-lg-main-title { line-height: 1; padding: calc(1rem * var(--spacing-3)) 0; padding-top: calc(1rem * var(--spacing-5)); } } @media screen and (min-width: 1280px) { .wpc-faq-accordion-lg-main-title { margin-left: var(--small-desktop-grid-margins); margin-right: var(--small-desktop-grid-margins); } } @media screen and (min-width: 1920px) { .wpc-faq-accordion-lg-main-title { margin-left: var(--full-desktop-grid-margins); margin-right: var(--full-desktop-grid-margins); } } .wpc-halfblade { display: flex; gap: calc(1rem * var(--spacing-5))  !important; isolation: isolate; justify-content: space-between  !important; padding-top: calc(1rem * var(--spacing-6)); z-index: 0; } .wpc-halfblade.wpc-halfblade-marginbottom { padding-bottom: calc(1rem * var(--spacing-6)); } .wpc-halfblade:has( :first-child.wpc-blade-media-container:not(.wpc-blade-media-round) ) { padding-top: 0; } .wpc-halfblade:has( :last-child.wpc-blade-media-container:not(.wpc-blade-media-round) ) { padding-bottom: 0; } @media screen and (min-width: 1280px) { .wpc-halfblade:has( :last-child.wpc-blade-media-container:not(.wpc-blade-media-round) ) { padding-bottom: calc(1rem * var(--spacing-8)); } } .wpc-halfblade .wpc-blade-media-container { overflow: hidden; } @media screen and (min-width: 1280px) { .wpc-halfblade { gap: 0  !important; padding-top: calc(1rem * var(--spacing-8)); } .wpc-halfblade.wpc-halfblade-marginbottom { padding-bottom: calc(1rem * var(--spacing-8)); } } .wpc-hero-rounded-bottom { z-index: 0; } .wpc-hero-rounded-bottom, .wpc-hero-rounded-bottom > [class^="wpc-background"] { border-radius: 0 0 var(--large-border-radius) var(--large-border-radius); } .wpc-hero-tall { min-height: 37.5rem; padding-bottom: calc(var(--spacing-12) * 1rem); padding-top: calc(var(--spacing-12) * 1rem + 4px); } .wpc-hero-medium, .wpc-hero-tall { isolation: isolate; margin-top: -4px; } .wpc-hero-medium { min-height: 26.375rem; padding-bottom: calc(var(--spacing-8) * 1rem); padding-top: calc(var(--spacing-8) * 1rem + 4px); } .wpc-hero-short { isolation: isolate; margin-top: -4px; min-height: 14.5rem; padding-bottom: calc(var(--spacing-5) * 1rem); padding-top: calc(var(--spacing-5) * 1rem + 4px); } .wpc-skinnybanner-container { display: flex; flex-wrap: wrap; gap: 24px; isolation: isolate; justify-content: center; min-height: 60px; padding-bottom: calc(var(--spacing-1) * 1rem); padding-top: calc(var(--spacing-1) * 1rem); width: 100%; z-index: 0; } @media screen and (min-width: 768px) { .wpc-skinnybanner-container { padding-bottom: 6px  !important; padding-top: 6px  !important; } } .wpc-skinnybanner-container .wpc-banner-cta-container .wpc-ctacontainer { margin-top: 0; } .wpc-skinnybanner-container .wpc-banner-cta-container .wpc-ctacontainer div { margin-left: 0  !important; } .wpc-skinnybanner-container .wpc-banner-cta-container .wpc-ctacontainer div a:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wpc-skinnybanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text ), .wpc-skinnybanner-container[style*="flex-direction: column;"]:has( .wpc-ctabutton-text-dark ) { gap: 0; } .wpc-sponsorship-banner-container { min-height: 400px; padding-bottom: calc(var(--spacing-3) * 1rem); padding-top: calc(var(--spacing-3) * 1rem); } @media screen and (max-width: 767px) { .wpc-sponsorship-banner-container { flex-direction: column; gap: calc(var(--spacing-2) * 1rem)  !important; justify-content: center; } } @media screen and (min-width: 768px) { .wpc-sponsorship-banner-container { min-height: 310px; padding-bottom: 0; padding-top: 0; } } .wpc-sponsorship-banner-container picture:has(.wpc-logo-sponsorshipbmd):has(+ .wpc-typo) { margin-bottom: calc(var(--spacing-2) * 1rem); } @media screen and (min-width: 1280px) { .wpc-sponsorship-banner-container { border-radius: var(--large-border-radius); } } .wpc-sponsorship-banner-reverse { flex-direction: row-reverse  !important; } @media screen and (min-width: 1280px) { .wpc-sponsorship-banners-reduced .wpc-sponsorship-block { margin-left: clamp( 0%, 8.3333333333% - var(--spacing-3) * 1rem/12/2, 100% ); margin-right: 0; } .wpc-sponsorship-banners-reduced .wpc-sponsorship-block:last-of-type, .wpc-sponsorship-banners-reduced.wpc-sponsorship-banner-reverse .wpc-sponsorship-block { margin-left: 0; margin-right: clamp( 0%, 8.3333333333% - var(--spacing-3) * 1rem/12/2, 100% ); } .wpc-sponsorship-banners-reduced.wpc-sponsorship-banner-reverse .wpc-sponsorship-block:last-of-type { margin-left: clamp( 0%, 8.3333333333% - var(--spacing-3) * 1rem/12/2, 100% ); margin-right: 0; } } picture:has(.wpc-workstations-hero-logo) { margin-bottom: calc(var(--spacing-1) * 1rem); } #wpc-id-industries, #wpc-workstations-root { overflow-x: hidden; } .wpc-copy li, .wpc-navbartextitem-container { margin-left: 0  !important; } @media screen and (min-width: 768px) { .wpc-workstations-prod-cards-container, .wpc-workstations-video-cards-container { justify-content: center  !important; width: 100%; } } .wpc-staggered-animation-1 { animation-delay: .2s; } .wpc-video-card-video { height: fit-content  !important; } .wpc-video-card-title { letter-spacing: -0.76px; } div:has(.wpc-workstations-prod-cards-container) { width: 100%; } .wpc-workstations-prod-cards-container .wpc-card-content-container { border: 2px solid var(--neutral-light-03); border-top: none; margin-top: 0  !important; } .wpc-workstations-prod-cards-container .wpc-ctacontainer-column div { width: 100%  !important; } .wpc-workstations-product-card-copy { height: fit-content  !important; } .wpc-chip-button.wpc-chip-active img { filter: invert(100%); } .wpc-chip-button picture { height: 16px; width: 16px; } .wpc-chip-button:hover p { border: none  !important; } .wpc-chip-button p { white-space: nowrap; } .wpc-workstation-induestries-content { background: #4f454f; background: linear-gradient(-50deg, #4f454f, #000); background: -moz-linear-gradient(-50deg, #4f454f 0, #000 100%); background: -webkit-linear-gradient(-50deg, #4f454f, #000); overflow: hidden; } .wpc-workstations-blade-principal-image { animation-delay: 0s; } .wpc-workstations-blade-secondary-image { animation-delay: .2s; } .wpc-workstations-blade-icon-image { animation-delay: .4s; } .wpc-workstation-industries-title { display: flex  !important; justify-content: center  !important; } .wpc-workstation-industries-title h2 { color: var(--pure-light)  !important; font-size: var(--headline-s)  !important; line-height: var(--headline-s-line)  !important; padding-bottom: var(--spacing-5)  !important; padding-top: var(--spacing-7)  !important; text-align: center  !important; } @media screen and (min-width: 768px) { .wpc-workstation-industries-title h2 { font-size: var(--headline-m)  !important; line-height: var(--headline-m-line)  !important; padding-top: var(--spacing-6)  !important; } } @media screen and (min-width: 1280px) { .wpc-workstation-industries-title h2 { font-size: var(--headline-l)  !important; line-height: var(--headline-l-line)  !important; padding-bottom: var(--spacing-6)  !important; padding-top: var(--spacing-8)  !important; } .wpc-workstation-blades-container { justify-content: space-between  !important; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container { height: 184px; margin-left: auto; margin-right: auto; position: relative; width: 310px; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container { height: 333px  !important; width: 629px  !important; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container { height: 400px  !important; margin-top: 20px  !important; width: 550px  !important; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container { height: 408px  !important; margin-top: 0  !important; width: 756px  !important; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container picture:has( .wpc-workstation-blade-prin-img-ai, .wpc-workstation-blade-prin-img-arch, .wpc-workstation-blade-prin-img-health ) { height: 100%; position: absolute; width: 100%  !important; z-index: 2; } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-ai { border-radius: 12px; position: absolute; right: 0; top: 10px; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-ai { top: 25px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-ai { right: -85px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-ai { right: 30px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container picture:has( img.wpc-workstation-blade-second-img-ai, img.wpc-workstation-blade-second-img-arch, img.wpc-workstation-blade-second-img-health ) { height: 100%; position: absolute; width: 100%  !important; z-index: 0; } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-ai { border-radius: 12px; position: absolute; top: 1; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-ai { left: 85px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-ai { left: 20px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-ai { left: 35px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container picture:has( .wpc-workstation-blade-icon-img-ai, .wpc-workstation-blade-icon-img-arch, .wpc-workstation-blade-icon-img-health ) { height: 100%; overflow: visible  !important; position: absolute; width: 100%  !important; z-index: 3; } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-ai { left: 10px; position: absolute; top: 90px; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-ai { left: 11px; top: 175px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-ai { left: -24px; top: 175px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-ai { left: -21px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-arch { border-radius: 12px; left: 30px; position: absolute; z-index: 1; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-arch { left: 55px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-arch { left: 55px; top: 20px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-arch { left: 90px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-arch { border-radius: 12px; bottom: -5px; left: 15px; position: absolute; z-index: 0; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-arch { bottom: -15px; left: 20px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-arch { bottom: -155px; left: 20px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-arch { bottom: 0; left: 50px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-prod-dev { bottom: -105px; left: 20px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-arch { position: absolute; right: 0; top: 64px; z-index: 3; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-arch { right: 20px; top: 95px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-arch { right: -40px; top: 115px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-arch { right: 45px; top: 125px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-health { border-radius: 12px; left: 0; position: absolute; top: 15px; z-index: 1; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-health { left: 0; top: 20px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-health { left: -20px; top: 20px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-prin-img-health { left: 40px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-health { border-radius: 12px; position: absolute; right: 0; top: 0; z-index: 0; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-health { right: 55px; top: 0; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-health { right: -15px; top: 0; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-second-img-health { right: 50px; } } .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-health { position: absolute; right: 0; top: 100px; z-index: 3; } @media screen and (min-width: 768px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-health { right: -14px; top: 156px; } } @media screen and (min-width: 1280px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-health { right: -92px; top: 190px; } } @media screen and (min-width: 1920px) { .wpc-workstation-blades-container .wpc-workstation-blade-img-container .wpc-workstation-blade-icon-img-health { right: -40px; top: 140px; } } .wpc-workstation-blade-bullets-container { background-color: #313131; border-radius: 20px; display: flex; gap: calc(var(--spacing-1) * 1rem)  !important; justify-content: center; padding: 10px 16px; width: fit-content; } .wpc-workstation-blade-bullet { background-color: transparent; border: 1px solid #ccc; border-radius: 50px; height: 8px; margin: var(--spacing-6) 0  !important; width: 8px; } .wpc-workstation-blade-bullet-active { background-color: #fff  !important; border: 1px solid #fff  !important; } .align-items-center { align-items: center  !important; display: flex  !important; } .pr-0 { padding-right: 0  !important; } @media screen and (min-width: 1920px) { .pr-0 { padding-right: var(--xl-grid-margin)  !important; } } @media screen and (min-width: 1280px) { .pr-80 { padding-right: 80px  !important; } .px-0 { padding-left: 0  !important; padding-right: 0  !important; } } .pt-54 { padding-top: 54px  !important; } @media screen and (min-width: 768px) { .pt-54 { padding-top: 41px  !important; } } @media screen and (min-width: 1280px) { .pt-54 { padding-top: 80px  !important; } } @media screen and (min-width: 1920px) { .pt-54 { padding-top: 125px  !important; } } .pt-54 .pt-13 { padding-top: 13px  !important; } @media screen and (min-width: 1920px) { .pl-176 { padding-left: 176px  !important; } }