.h1-case-study {
  font-size: 8rem;
  line-height: 1;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 1919.98px) {
  .h1-case-study {
    font-size: 6.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .h1-case-study {
    font-size: 5rem;
    line-height: 1.34;
    letter-spacing: -0.2rem;
    font-family: "area-normal", sans-serif;
  }
}
.h1-special {
  font-size: 5.6rem;
  line-height: 1.1964285714;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  .h1-special {
    font-size: 4.2rem;
    line-height: 1.1904761905;
    letter-spacing: -0.2rem;
    font-family: "area-normal", sans-serif;
  }
}
h1, .h1, .megamenu__mobile-row li {
  font-size: 4.8rem;
  line-height: 1.1875;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h1, .h1, .megamenu__mobile-row li {
    font-size: 3.7rem;
    line-height: 1.1891891892;
    letter-spacing: -0.2rem;
    font-family: "area-normal", sans-serif;
  }
}
h2, .h2 {
  font-size: 4.1rem;
  line-height: 1.1951219512;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 1919.98px) {
  h2, .h2 {
    font-size: 3.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  h2, .h2 {
    font-size: 3rem;
  }
}
h3, .h3 {
  font-size: 3.3rem;
  line-height: 1.2121212121;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h3, .h3 {
    font-size: 2.6rem;
    line-height: 1.2307692308;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
h4, .h4, .hero-home__case-study-title {
  font-size: 2.7rem;
  line-height: 1.1851851852;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h4, .h4, .hero-home__case-study-title {
    font-size: 2.4rem;
    line-height: 1.1666666667;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
h5, .h5, .client-card__description, .legal-section .CookieDeclarationTypeHeader, .client-results__cards-grid .manual-card__description {
  font-size: 2.3rem;
  line-height: 1.1739130435;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h5, .h5, .client-card__description, .legal-section .CookieDeclarationTypeHeader, .client-results__cards-grid .manual-card__description {
    font-size: 2.1rem;
    line-height: 1.1904761905;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
h6, .h6, .careers-post__apply-box-text p, .legal-section ol li ol > li::before, .legal-section ol li ol ul li::before, .faqs .faqs-contact__info-phone, .faqs .faqs-contact__info-email {
  font-size: 1.9rem;
  line-height: 1.1578947368;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h6, .h6, .careers-post__apply-box-text p, .legal-section ol li ol > li::before, .legal-section ol li ol ul li::before, .faqs .faqs-contact__info-phone, .faqs .faqs-contact__info-email {
    font-size: 1.6rem;
    line-height: 1.1875;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
body, .body, .hyperlink, ::placeholder, form .form-group input, form .form-group textarea, .legal-section__content-col a, .text__inner p {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 1919.98px) {
  body, .body, .hyperlink, ::placeholder, form .form-group input, form .form-group textarea, .legal-section__content-col a, .text__inner p {
    font-size: 1.6rem;
  }
}
.body-small, form .form-group [type='checkbox'] + span, form .form-group [type='checkbox'] + span a, form .wpcf7-response-output, .legal-section .CookieDeclarationTable, .text__inner div, .partnerships .client-card__description {
  font-size: 1.5rem;
  line-height: 1.4666666667;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 700;
}
.btn, a.button--solid, input.button--solid, button.button--solid, p.button--solid, span.button--solid, a.button--underline, input.button--underline, button.button--underline, p.button--underline, span.button--underline, a.button--nav-link, input.button--nav-link, button.button--nav-link, p.button--nav-link, span.button--nav-link, .navigation__primary-menu li a {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 800;
}
.nav-link-lg {
  font-size: 1.8rem;
  line-height: 1.2222222222;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
.caption, .copy-tooltip, form .form-group .microcopy, form .form-group .wpcf7-not-valid-tip, .breadcrumbs span span, body #powerTip p {
  font-size: 1.3rem;
  line-height: 1.4615384615;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 700;
}
.stats {
  font-size: 5.6rem;
  line-height: 1.3392857143;
  letter-spacing: 0;
  font-family: "owners", sans-serif;
  font-weight: 600;
}
.data {
  font-size: 7rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "owners", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 767.98px) {
  .data {
    font-size: 6.4rem;
    line-height: 1.328125;
    letter-spacing: 0;
    font-family: "owners", sans-serif;
  }
}
.wysiwyg-editor a, .accordion__header-text a {
  text-decoration: underline;
}
.wysiwyg-editor p strong, .accordion__header-text p strong, .wysiwyg-editor ul strong, .accordion__header-text ul strong, .wysiwyg-editor ol strong, .accordion__header-text ol strong, .wysiwyg-editor a strong, .accordion__header-text a strong, .wysiwyg-editor div strong, .accordion__header-text div strong {
  color: var(--text-copy);
  font-weight: 900 !important;
}
.wysiwyg-editor ol, .accordion__header-text ol {
  padding: 0 0 0 2em;
  margin-left: 0;
}
.wysiwyg-editor > *:not(:last-child), .accordion__header-text > *:not(:last-child) {
  margin-bottom: 2.4rem;
  letter-spacing: normal;
}
.wysiwyg-editor > *:last-child, .accordion__header-text > *:last-child {
  margin-bottom: 0;
}
.h1-case-study {
  font-size: 8rem;
  line-height: 1;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 1919.98px) {
  .h1-case-study {
    font-size: 6.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .h1-case-study {
    font-size: 5rem;
    line-height: 1.34;
    letter-spacing: -0.2rem;
    font-family: "area-normal", sans-serif;
  }
}
.h1-special {
  font-size: 5.6rem;
  line-height: 1.1964285714;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  .h1-special {
    font-size: 4.2rem;
    line-height: 1.1904761905;
    letter-spacing: -0.2rem;
    font-family: "area-normal", sans-serif;
  }
}
h1, .h1, .megamenu__mobile-row li {
  font-size: 4.8rem;
  line-height: 1.1875;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h1, .h1, .megamenu__mobile-row li {
    font-size: 3.7rem;
    line-height: 1.1891891892;
    letter-spacing: -0.2rem;
    font-family: "area-normal", sans-serif;
  }
}
h2, .h2 {
  font-size: 4.1rem;
  line-height: 1.1951219512;
  letter-spacing: -0.2rem;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 1919.98px) {
  h2, .h2 {
    font-size: 3.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  h2, .h2 {
    font-size: 3rem;
  }
}
h3, .h3 {
  font-size: 3.3rem;
  line-height: 1.2121212121;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h3, .h3 {
    font-size: 2.6rem;
    line-height: 1.2307692308;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
h4, .h4, .hero-home__case-study-title {
  font-size: 2.7rem;
  line-height: 1.1851851852;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h4, .h4, .hero-home__case-study-title {
    font-size: 2.4rem;
    line-height: 1.1666666667;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
h5, .h5, .client-card__description, .legal-section .CookieDeclarationTypeHeader, .client-results__cards-grid .manual-card__description {
  font-size: 2.3rem;
  line-height: 1.1739130435;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h5, .h5, .client-card__description, .legal-section .CookieDeclarationTypeHeader, .client-results__cards-grid .manual-card__description {
    font-size: 2.1rem;
    line-height: 1.1904761905;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
h6, .h6, .careers-post__apply-box-text p, .legal-section ol li ol > li::before, .legal-section ol li ol ul li::before, .faqs .faqs-contact__info-phone, .faqs .faqs-contact__info-email {
  font-size: 1.9rem;
  line-height: 1.1578947368;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 767.98px) {
  h6, .h6, .careers-post__apply-box-text p, .legal-section ol li ol > li::before, .legal-section ol li ol ul li::before, .faqs .faqs-contact__info-phone, .faqs .faqs-contact__info-email {
    font-size: 1.6rem;
    line-height: 1.1875;
    letter-spacing: 0;
    font-family: "area-normal", sans-serif;
  }
}
body, .body, .hyperlink, ::placeholder, form .form-group input, form .form-group textarea, .legal-section__content-col a, .text__inner p {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 1919.98px) {
  body, .body, .hyperlink, ::placeholder, form .form-group input, form .form-group textarea, .legal-section__content-col a, .text__inner p {
    font-size: 1.6rem;
  }
}
.body-small, form .form-group [type='checkbox'] + span, form .form-group [type='checkbox'] + span a, form .wpcf7-response-output, .legal-section .CookieDeclarationTable, .text__inner div, .partnerships .client-card__description {
  font-size: 1.5rem;
  line-height: 1.4666666667;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 700;
}
.btn, a.button--solid, input.button--solid, button.button--solid, p.button--solid, span.button--solid, a.button--underline, input.button--underline, button.button--underline, p.button--underline, span.button--underline, a.button--nav-link, input.button--nav-link, button.button--nav-link, p.button--nav-link, span.button--nav-link, .navigation__primary-menu li a {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 800;
}
.nav-link-lg {
  font-size: 1.8rem;
  line-height: 1.2222222222;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 900;
}
.caption, .copy-tooltip, form .form-group .microcopy, form .form-group .wpcf7-not-valid-tip, .breadcrumbs span span, body #powerTip p {
  font-size: 1.3rem;
  line-height: 1.4615384615;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 700;
}
.stats {
  font-size: 5.6rem;
  line-height: 1.3392857143;
  letter-spacing: 0;
  font-family: "owners", sans-serif;
  font-weight: 600;
}
.data {
  font-size: 7rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "owners", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 767.98px) {
  .data {
    font-size: 6.4rem;
    line-height: 1.328125;
    letter-spacing: 0;
    font-family: "owners", sans-serif;
  }
}
.wysiwyg-editor a, .accordion__header-text a {
  text-decoration: underline;
}
.wysiwyg-editor p strong, .accordion__header-text p strong, .wysiwyg-editor ul strong, .accordion__header-text ul strong, .wysiwyg-editor ol strong, .accordion__header-text ol strong, .wysiwyg-editor a strong, .accordion__header-text a strong, .wysiwyg-editor div strong, .accordion__header-text div strong {
  color: var(--text-copy);
  font-weight: 900 !important;
}
.wysiwyg-editor ol, .accordion__header-text ol {
  padding: 0 0 0 2em;
  margin-left: 0;
}
.wysiwyg-editor > *:not(:last-child), .accordion__header-text > *:not(:last-child) {
  margin-bottom: 2.4rem;
  letter-spacing: normal;
}
.wysiwyg-editor > *:last-child, .accordion__header-text > *:last-child {
  margin-bottom: 0;
}
:root {
  --neutral-0: #fff;
  --neutral-100: #202d3d;
  --neutral-90: #364250;
  --neutral-80: #4d5764;
  --neutral-60: #79818b;
  --neutral-40: #a6abb1;
  --neutral-20: #dce3ed;
  --sand-80: #ebe8d7;
  --sand-100: #f2efe2;
  --cream: #faf8ed;
  --blue-20: #cce6ff;
  --blue-100: #0084fe;
  --purple: #855fda;
  --baby-blue: #68a5fb;
  --red-20: #fbe5e7;
  --red-100: #d50110;
  --mustard-20: #feeabf;
  --mustard-100: #7d5500;
  --green-20: #edf5ef;
  --green-100: #188038;
  --white-30-transparent: rgba(255, 255, 255, 0.3);
  --navy-80-transparent: rgba(32, 45, 61, 0.8);
  --navy-50-transparent: rgba(32, 45, 61, 0.5);
  --kapow-blue: #1789fc;
  --rede-red: #da0032;
  --rede-navy: #232b32;
  --coller-green: #1b6059;
  --astoriom-navy: #0c1d5a;
  --tfl-blue: #0019a8;
  --arthur-red: #b60038;
  --angle-navy: #091547;
  --3c-purple: #413c54;
  --3c-green: #968558;
  --kn-grey: #1c1e1b;
  --kn-blue: #1f70f2;
  --erc-pink: #f04c5e;
  --ltm-pink: #cd2478;
  --timera-grey: #1d1d1b;
  --bioscript-black: #000000;
  --clanwilliam-navy: #073852;
  --mazars-blue: #171c8f;
  --hl-blue: #1f70f2;
  --m7-orange: #ff7043;
  --m7-blue: #002d73;
  --dgi-green: #41b06c;
  --digitalhealth-blue: #4567ae;
  --digtalhealth-grey: #626164;
  --kf-red: #d0113b;
  --aargroup-red: #d60926;
  --alcuin-red: #7c1616;
  --arenko-blue: #769bb7;
  --newmark-blue: #046bb6;
  --vi-blue: #2bb5b5;
  --blackbear-blue: #004fff;
  --limerstonc-blue: #0000ee;
  --mayfair-navy: #202c53;
  --obsidian-navy: #00144c;
  --acacium-black: #000000;
  --baobab-green: #19a890;
  --arthur-red: #e41349;
  --pippo-navy: #36337d;
  --dicateit-navy: #0c204d;
  --turvec-green: #4b7e60;
  --mazars-highlight: #0072ce;
  --rede-highlight: #db0032;
  --clanwilliam-highlight: #1fc1b5;
  --kn-highlight: #ff8a03;
  --angle-highlight: #98ceec;
  --3c-highlight: #968558;
  --timera-highlight: #1074b8;
  --astoriom-highlight: #00a9e0;
  --bioscript-highlight: #cc146c;
  --mayfair-highlight: #3b41ab;
  --obsidian-highlight: #f2637b;
  --acacium-highlight: #74c0bc;
  --pippo-highlight: #8fabff;
  --dicateit-highlight: #fd446b;
  --post-blue: #4562ff;
  --post-purple: #c35bec;
  --post-navy: #1c1e30;
  --post-red: #db0032;
  --post-purple: #7045d0;
  --post-cream: #e4e1d6;
  --text-inverse: var(--neutral-0);
  --text-blue: var(--blue-100);
  --text-contrast: var(--neutral-60);
  --text-disabled: var(--neutral-40);
  --text-error: var(--red-100);
  --text-success: var(--green-100);
  --text-highlight: var(--purple);
  --text-copy: var(--neutral-90);
  --text-headlines: var(--neutral-100);
  --surface-logo: var(--neutral-100);
  --surface-logo-inverse: var(--cream);
  --surface-navy: var(--neutral-100);
  --surface-sand: var(--sand-100);
  --surface-cream: var(--cream);
  --surface-blue: var(--blue-100);
  --surface-purple: var(--purple);
  --surface-tags: var(--sand-80);
  --surface-tags-inverse: var(--neutral-0);
  --surface-white: var(--neutral-0);
  --surface-divider: var(--neutral-20);
  --btn-primary: var(--neutral-100);
  --btn-text-inverse: var(--neutral-0);
  --btn-text: var(--neutral-100);
  --btn-disabled: var(--neutral-40);
  --btn-error: var(--red-100);
  --btn-hyperlink: var(--blue-20);
  --background-cream: var(--cream);
  --background-sand: var(--sand-100);
  --background-contrast: var(--neutral-100);
  --background-blue: var(--blue-100);
  --background-purple: var(--purple);
  --background-navy-80: var(--navy-80-transparent);
  --icon-navy: var(--neutral-100);
  --icon-navy-50: var(--navy-50-transparent);
  --icon-inverse: var(--neutral-0);
  --icon-inverse-30: var(--white-30-transparent);
  --icon-highlight: var(--purple);
  --support-focus: var(--baby-blue);
  --support-error: var(--red-100);
  --support-error-contrast: var(--red-20);
  --support-success: var(--green-100);
  --support-success-contrast: var(--green-20);
  --support-warning: var(--mustard-100);
  --support-warning-contrast: var(--mustard-20);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --support-warning: var(--mustard-100);
  --client-mazars: var(--mazars-blue);
  --client-coller: var(--coller-green);
  --client-rede: var(--rede-navy);
  --client-rede-red: var(--rede-red);
  --client-kapow: var(--kapow-blue);
  --client-clanwilliam: var(--clanwilliam-navy);
  --client-kn: var(--kn-grey);
  --client-angle: var(--angle-navy);
  --client-3c: var(--3c-purple);
  --client-hl: var(--hl-blue);
  --client-tfl: var(--tfl-blue);
  --client-erc: var(--erc-pink);
  --client-ltm: var(--ltm-pink);
  --client-timera: var(--timera-grey);
  --client-astoriom: var(--astoriom-navy);
  --client-bioscript: var(--bioscript-black);
  --client-kf: var(--kf-red);
  --client-aargroup: var(--aargroup-red);
  --client-alcuin: var(--alcuin-red);
  --client-arenko: var(--arenko-blue);
  --client-newmark: var(--newmark-blue);
  --client-vi: var(--vi-blue);
  --client-blackbear: var(--blackbear-blue);
  --client-limerstonc: var(--limerstonc-blue);
  --client-mayfair: var(--mayfair-navy);
  --client-obsidian: var(--obsidian-navy);
  --client-acacium: var(--acacium-black);
  --client-baobab: var(--baobab-green);
  --client-arthur: var(--arthur-red);
  --client-poppo: var(--pippo-navy);
  --client-dicateit: var(--dicateit-navy);
  --client-turvec: var(--turvec-green);
  --client-digitalhealth-blue: var(--digitalhealth-blue);
  --client-digtalhealth-grey: var(--digtalhealth-grey);
  --client-3c-green: var(--3c-green);
  --client-m7: var(--m7-blue);
  --highlight-mazars: var(--mazars-highlight);
  --highlight-rede: var(--rede-highlight);
  --highlight-clanwilliam: var(--clanwilliam-highlight);
  --highlight-kn: var(--kn-highlight);
  --highlight-angle: var(--angle-highlight);
  --highlight-3c: var(--3c-highlight);
  --highlight-timera: var(--timera-highlight);
  --highlight-astoriom: var(--astoriom-highlight);
  --highlight-bioscript: var(--bioscript-highlight);
  --highlight-mayfair: var(--maufair-highlight);
  --highlight-obsidian: var(--obsidian-highlight);
  --highlight-acacium: var(--acacium-highlight);
  --highlight-pippo: var(--pippo-highlight);
  --highlight-dicateit: var(--dicateit-highlight);
  --post-header-blue: var(--post-blue);
  --post-header-pink: var(--post-pink);
  --post-header-navy: var(--post-navy);
  --post-header-red: var(--post-red);
  --post-header-purple: var(--post-purple);
  --post-header-cream: var(--post-cream);
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 1.2rem;
  --bs-gutter-y: 0;
}
.row {
  --bs-gutter-x: 1.2rem;
  --bs-gutter-y: 0;
}
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}
body {
  color: var(--text-copy);
}
body.using-mouse :focus {
  outline: none;
}
body.overlay {
  position: relative;
  overflow: hidden;
}
body.overlay:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 45, 61, 0.8);
}
body a:focus-visible, body button:focus-visible {
  outline: 1px solid var(--support-focus);
}
body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6, body p {
  margin: 0;
}
body h1 b, body h1 strong, body .h1 b, body .h1 strong, body h2 b, body h2 strong, body .h2 b, body .h2 strong, body h3 b, body h3 strong, body .h3 b, body .h3 strong, body h4 b, body h4 strong, body .h4 b, body .h4 strong, body h5 b, body h5 strong, body .h5 b, body .h5 strong, body h6 b, body h6 strong, body .h6 b, body .h6 strong {
  color: var(--text-highlight);
  font-weight: inherit !important;
}
.no-scroll {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.grecaptcha-badge {
  display: none;
}
.page-content, .entry-content, .entry-summary {
  margin: 0;
}
.text-inverse {
  color: var(--text-inverse);
}
.bg-text-inverse {
  background-color: var(--text-inverse);
}
.text-blue {
  color: var(--text-blue);
}
.bg-text-blue {
  background-color: var(--text-blue);
}
.text-contrast {
  color: var(--text-contrast);
}
.bg-text-contrast {
  background-color: var(--text-contrast);
}
.text-disabled {
  color: var(--text-disabled);
}
.bg-text-disabled {
  background-color: var(--text-disabled);
}
.text-error {
  color: var(--text-error);
}
.bg-text-error {
  background-color: var(--text-error);
}
.text-success {
  color: var(--text-success);
}
.bg-text-success {
  background-color: var(--text-success);
}
.text-highlight {
  color: var(--text-highlight);
}
.bg-text-highlight {
  background-color: var(--text-highlight);
}
.text-copy {
  color: var(--text-copy);
}
.bg-text-copy {
  background-color: var(--text-copy);
}
.text-headlines {
  color: var(--text-headlines);
}
.bg-text-headlines {
  background-color: var(--text-headlines);
}
.surface-logo {
  color: var(--surface-logo);
}
.bg-surface-logo {
  background-color: var(--surface-logo);
}
.surface-logo-inverse {
  color: var(--surface-logo-inverse);
}
.bg-surface-logo-inverse {
  background-color: var(--surface-logo-inverse);
}
.surface-navy {
  color: var(--surface-navy);
}
.bg-surface-navy {
  background-color: var(--surface-navy);
}
.surface-sand {
  color: var(--surface-sand);
}
.bg-surface-sand {
  background-color: var(--surface-sand);
}
.surface-cream {
  color: var(--surface-cream);
}
.bg-surface-cream {
  background-color: var(--surface-cream);
}
.surface-blue {
  color: var(--surface-blue);
}
.bg-surface-blue {
  background-color: var(--surface-blue);
}
.surface-purple {
  color: var(--surface-purple);
}
.bg-surface-purple {
  background-color: var(--surface-purple);
}
.surface-tags {
  color: var(--surface-tags);
}
.bg-surface-tags {
  background-color: var(--surface-tags);
}
.surface-tags-inverse {
  color: var(--surface-tags-inverse);
}
.bg-surface-tags-inverse {
  background-color: var(--surface-tags-inverse);
}
.surface-white {
  color: var(--surface-white);
}
.bg-surface-white {
  background-color: var(--surface-white);
}
.surface-divider {
  color: var(--surface-divider);
}
.bg-surface-divider {
  background-color: var(--surface-divider);
}
.btn-primary {
  color: var(--btn-primary);
}
.bg-btn-primary {
  background-color: var(--btn-primary);
}
.btn-text-inverse {
  color: var(--btn-text-inverse);
}
.bg-btn-text-inverse {
  background-color: var(--btn-text-inverse);
}
.btn-text {
  color: var(--btn-text);
}
.bg-btn-text {
  background-color: var(--btn-text);
}
.btn-disabled {
  color: var(--btn-disabled);
}
.bg-btn-disabled {
  background-color: var(--btn-disabled);
}
.btn-error {
  color: var(--btn-error);
}
.bg-btn-error {
  background-color: var(--btn-error);
}
.btn-hyperlink {
  color: var(--btn-hyperlink);
}
.bg-btn-hyperlink {
  background-color: var(--btn-hyperlink);
}
.background-cream {
  color: var(--background-cream);
}
.bg-background-cream {
  background-color: var(--background-cream);
}
.background-sand {
  color: var(--background-sand);
}
.bg-background-sand {
  background-color: var(--background-sand);
}
.background-contrast {
  color: var(--background-contrast);
}
.bg-background-contrast {
  background-color: var(--background-contrast);
}
.background-blue {
  color: var(--background-blue);
}
.bg-background-blue {
  background-color: var(--background-blue);
}
.background-purple {
  color: var(--background-purple);
}
.bg-background-purple {
  background-color: var(--background-purple);
}
.icon-navy {
  color: var(--icon-navy);
}
.bg-icon-navy {
  background-color: var(--icon-navy);
}
.icon-navy-50 {
  color: var(--icon-navy-50);
}
.bg-icon-navy-50 {
  background-color: var(--icon-navy-50);
}
.icon-inverse {
  color: var(--icon-inverse);
}
.bg-icon-inverse {
  background-color: var(--icon-inverse);
}
.icon-inverse-30 {
  color: var(--icon-inverse-30);
}
.bg-icon-inverse-30 {
  background-color: var(--icon-inverse-30);
}
.icon-highlight {
  color: var(--icon-highlight);
}
.bg-icon-highlight {
  background-color: var(--icon-highlight);
}
.support-focus {
  color: var(--support-focus);
}
.bg-support-focus {
  background-color: var(--support-focus);
}
.support-error {
  color: var(--support-error);
}
.bg-support-error {
  background-color: var(--support-error);
}
.support-error-contrast {
  color: var(--support-error-contrast);
}
.bg-support-error-contrast {
  background-color: var(--support-error-contrast);
}
.support-success {
  color: var(--support-success);
}
.bg-support-success {
  background-color: var(--support-success);
}
.support-success-contrast {
  color: var(--support-success-contrast);
}
.bg-support-success-contrast {
  background-color: var(--support-success-contrast);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning-contrast {
  color: var(--support-warning-contrast);
}
.bg-support-warning-contrast {
  background-color: var(--support-warning-contrast);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.support-warning {
  color: var(--support-warning);
}
.bg-support-warning {
  background-color: var(--support-warning);
}
.client-mazars {
  color: var(--client-mazars);
}
.bg-client-mazars {
  background-color: var(--client-mazars);
}
.client-coller {
  color: var(--client-coller);
}
.bg-client-coller {
  background-color: var(--client-coller);
}
.client-rede {
  color: var(--client-rede);
}
.bg-client-rede {
  background-color: var(--client-rede);
}
.client-rede-red {
  color: var(--client-rede-red);
}
.bg-client-rede-red {
  background-color: var(--client-rede-red);
}
.client-kapow {
  color: var(--client-kapow);
}
.bg-client-kapow {
  background-color: var(--client-kapow);
}
.client-clanwilliam {
  color: var(--client-clanwilliam);
}
.bg-client-clanwilliam {
  background-color: var(--client-clanwilliam);
}
.client-kn {
  color: var(--client-kn);
}
.bg-client-kn {
  background-color: var(--client-kn);
}
.client-angle {
  color: var(--client-angle);
}
.bg-client-angle {
  background-color: var(--client-angle);
}
.client-3c {
  color: var(--client-3c);
}
.bg-client-3c {
  background-color: var(--client-3c);
}
.client-3c-green {
  color: var(--client-3c-green);
}
.bg-client-3c-green {
  background-color: var(--client-3c-green);
}
.client-hl {
  color: var(--client-hl);
}
.bg-client-hl {
  background-color: var(--client-hl);
}
.client-tfl {
  color: var(--client-tfl);
}
.bg-client-tfl {
  background-color: var(--client-tfl);
}
.client-erc {
  color: var(--client-erc);
}
.bg-client-erc {
  background-color: var(--client-erc);
}
.client-ltm {
  color: var(--client-ltm);
}
.bg-client-ltm {
  background-color: var(--client-ltm);
}
.client-timera {
  color: var(--client-timera);
}
.bg-client-timera {
  background-color: var(--client-timera);
}
.client-astoriom {
  color: var(--client-astoriom);
}
.bg-client-astoriom {
  background-color: var(--client-astoriom);
}
.client-bioscript {
  color: var(--client-bioscript);
}
.bg-client-bioscript {
  background-color: var(--client-bioscript);
}
.client-digitalhealth-blue {
  color: var(--client-digitalhealth-blue);
}
.bg-client-digitalhealth-blue {
  background-color: var(--client-digitalhealth-blue);
}
.client-digitalhealth-grey {
  color: var(--client-digitalhealth-grey);
}
.bg-client-digitalhealth-grey {
  background-color: var(--client-digitalhealth-grey);
}
.client-kf {
  color: var(--client-kf);
}
.bg-client-kf {
  background-color: var(--client-kf);
}
.client-aargroup {
  color: var(--client-aargroup);
}
.bg-client-aargroup {
  background-color: var(--client-aargroup);
}
.client-alcuin {
  color: var(--client-alcuin);
}
.bg-client-alcuin {
  background-color: var(--client-alcuin);
}
.client-arenko {
  color: var(--client-arenko);
}
.bg-client-arenko {
  background-color: var(--client-arenko);
}
.client-newmark {
  color: var(--client-newmark);
}
.bg-client-newmark {
  background-color: var(--client-newmark);
}
.client-vi {
  color: var(--client-vi);
}
.bg-client-vi {
  background-color: var(--client-vi);
}
.client-blackbear {
  color: var(--client-blackbear);
}
.bg-client-blackbear {
  background-color: var(--client-blackbear);
}
.client-limerstonc {
  color: var(--client-limerstonc);
}
.bg-client-limerstonc {
  background-color: var(--client-limerstonc);
}
.client-mayfair {
  color: var(--client-mayfair);
}
.bg-client-mayfair {
  background-color: var(--client-mayfair);
}
.client-obsidian {
  color: var(--client-obsidian);
}
.bg-client-obsidian {
  background-color: var(--client-obsidian);
}
.client-acacium {
  color: var(--client-acacium);
}
.bg-client-acacium {
  background-color: var(--client-acacium);
}
.client-baobab {
  color: var(--client-baobab);
}
.bg-client-baobab {
  background-color: var(--client-baobab);
}
.client-arthur {
  color: var(--client-arthur);
}
.bg-client-arthur {
  background-color: var(--client-arthur);
}
.client-poppo {
  color: var(--client-poppo);
}
.bg-client-poppo {
  background-color: var(--client-poppo);
}
.client-dicateit {
  color: var(--client-dicateit);
}
.bg-client-dicateit {
  background-color: var(--client-dicateit);
}
.client-turvec {
  color: var(--client-turvec);
}
.bg-client-turvec {
  background-color: var(--client-turvec);
}
.client-m7 {
  color: var(--client-m7);
}
.bg-client-m7 {
  background-color: var(--client-m7);
}
.highlight-mazars {
  color: var(--highlight-mazars);
}
.bg-highlight-mazars {
  background-color: var(--highlight-mazars);
}
.highlight-rede {
  color: var(--highlight-rede);
}
.bg-highlight-rede {
  background-color: var(--highlight-rede);
}
.highlight-clanwilliam {
  color: var(--highlight-clanwilliam);
}
.bg-highlight-clanwilliam {
  background-color: var(--highlight-clanwilliam);
}
.highlight-kn {
  color: var(--highlight-kn);
}
.bg-highlight-kn {
  background-color: var(--highlight-kn);
}
.highlight-angle {
  color: var(--highlight-angle);
}
.bg-highlight-angle {
  background-color: var(--highlight-angle);
}
.highlight-3c {
  color: var(--highlight-3c);
}
.bg-highlight-3c {
  background-color: var(--highlight-3c);
}
.highlight-timera {
  color: var(--highlight-timera);
}
.bg-highlight-timera {
  background-color: var(--highlight-timera);
}
.highlight-astoriom {
  color: var(--highlight-astoriom);
}
.bg-highlight-astoriom {
  background-color: var(--highlight-astoriom);
}
.highlight-bioscript {
  color: var(--highlight-bioscript);
}
.bg-highlight-bioscript {
  background-color: var(--highlight-bioscript);
}
.highlight-mayfair {
  color: var(--highlight-mayfair);
}
.bg-highlight-mayfair {
  background-color: var(--highlight-mayfair);
}
.highlight-obsidian {
  color: var(--highlight-obsidian);
}
.bg-highlight-obsidian {
  background-color: var(--highlight-obsidian);
}
.highlight-acacium {
  color: var(--highlight-acacium);
}
.bg-highlight-acacium {
  background-color: var(--highlight-acacium);
}
.highlight-pippo {
  color: var(--highlight-pippo);
}
.bg-highlight-pippo {
  background-color: var(--highlight-pippo);
}
.highlight-dicateit {
  color: var(--highlight-dicateit);
}
.bg-highlight-dicateit {
  background-color: var(--highlight-dicateit);
}
.post-header-blue {
  color: var(--post-header-blue);
}
.bg-post-header-blue {
  background-color: var(--post-header-blue);
}
.post-header-pink {
  color: var(--post-header-pink);
}
.bg-post-header-pink {
  background-color: var(--post-header-pink);
}
.post-header-navy {
  color: var(--post-header-navy);
}
.bg-post-header-navy {
  background-color: var(--post-header-navy);
}
.post-header-red {
  color: var(--post-header-red);
}
.bg-post-header-red {
  background-color: var(--post-header-red);
}
.post-header-purple {
  color: var(--post-header-purple);
}
.bg-post-header-purple {
  background-color: var(--post-header-purple);
}
.post-header-cream {
  color: var(--post-header-cream);
}
.bg-post-header-cream {
  background-color: var(--post-header-cream);
}
.py-1 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}
@media only screen and (max-width: 991.98px) {
  .py-1 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
  }
}
.pt-1 {
  padding-top: 2.4rem !important;
}
@media only screen and (max-width: 991.98px) {
  .pt-1 {
    padding-top: 1.6rem !important;
  }
}
.pb-1 {
  padding-bottom: 2.4rem !important;
}
@media only screen and (max-width: 991.98px) {
  .pb-1 {
    padding-bottom: 1.6rem !important;
  }
}
.my-1 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}
@media only screen and (max-width: 991.98px) {
  .my-1 {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important;
  }
}
.mt-1 {
  margin-top: 2.4rem !important;
}
@media only screen and (max-width: 991.98px) {
  .mt-1 {
    margin-top: 1.6rem !important;
  }
}
.mb-1 {
  margin-bottom: 2.4rem !important;
}
@media only screen and (max-width: 991.98px) {
  .mb-1 {
    margin-bottom: 1.6rem !important;
  }
}
.py-2 {
  padding-top: 4.8rem !important;
  padding-bottom: 4.8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .py-2 {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important;
  }
}
.pt-2 {
  padding-top: 4.8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .pt-2 {
    padding-top: 3.2rem !important;
  }
}
.pb-2 {
  padding-bottom: 4.8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .pb-2 {
    padding-bottom: 3.2rem !important;
  }
}
.my-2 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .my-2 {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important;
  }
}
.mt-2 {
  margin-top: 4.8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .mt-2 {
    margin-top: 3.2rem !important;
  }
}
.mb-2 {
  margin-bottom: 4.8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .mb-2 {
    margin-bottom: 3.2rem !important;
  }
}
.py-3 {
  padding-top: 9.6rem !important;
  padding-bottom: 9.6rem !important;
}
@media only screen and (max-width: 991.98px) {
  .py-3 {
    padding-top: 4.8rem !important;
    padding-bottom: 4.8rem !important;
  }
}
.pt-3 {
  padding-top: 9.6rem !important;
}
@media only screen and (max-width: 991.98px) {
  .pt-3 {
    padding-top: 4.8rem !important;
  }
}
.pb-3 {
  padding-bottom: 9.6rem !important;
}
@media only screen and (max-width: 991.98px) {
  .pb-3 {
    padding-bottom: 4.8rem !important;
  }
}
.my-3 {
  margin-top: 9.6rem !important;
  margin-bottom: 9.6rem !important;
}
@media only screen and (max-width: 991.98px) {
  .my-3 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important;
  }
}
.mt-3 {
  margin-top: 9.6rem !important;
}
@media only screen and (max-width: 991.98px) {
  .mt-3 {
    margin-top: 4.8rem !important;
  }
}
.mb-3 {
  margin-bottom: 9.6rem !important;
}
@media only screen and (max-width: 991.98px) {
  .mb-3 {
    margin-bottom: 4.8rem !important;
  }
}
.regular {
  font-weight: 600;
}
.medium {
  font-weight: 700;
}
.bold {
  font-weight: 900;
}
ol {
  padding-left: 2rem;
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul li {
  position: relative;
  padding-left: 2rem;
}
ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem;
  background-color: var(--icon-highlight);
  line-height: 1;
}
ul li:not(:last-of-type) {
  padding-bottom: 1.6rem;
}
sup {
  margin-right: 0.5rem;
  font-size: 60%;
}
.social, .navigation__back span, .megamenu__main-overview span, .megamenu__support-arrow {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  overflow: hidden;
  background: var(--neutral-100);
  border: none;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.social:disabled, .navigation__back span:disabled, .megamenu__main-overview span:disabled, .megamenu__support-arrow:disabled, .social [disabled], .navigation__back span [disabled], .megamenu__main-overview span [disabled], .megamenu__support-arrow [disabled] {
  background: var(--button-disabled);
  pointer-events: none;
}
.social::before, .navigation__back span::before, .megamenu__main-overview span::before, .megamenu__support-arrow::before, .social::after, .navigation__back span::after, .megamenu__main-overview span::after, .megamenu__support-arrow::after {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: '';
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
}
.social::before, .navigation__back span::before, .megamenu__main-overview span::before, .megamenu__support-arrow::before {
  right: 0;
}
.social::after, .navigation__back span::after, .megamenu__main-overview span::after, .megamenu__support-arrow::after {
  left: -4rem;
}
.social:hover::after, .navigation__back span:hover::after, .megamenu__main-overview span:hover::after, .megamenu__support-arrow:hover::after, .social:hover::before, .navigation__back span:hover::before, .megamenu__main-overview span:hover::before, .megamenu__support-arrow:hover::before {
  transform: translateX(4rem);
}
.social--copy::after, .social--copy::before {
  background-image: url(../image/copy.svg);
}
.social--x::after, .social--x::before {
  background-image: url(../image/x.svg);
}
.social--look::after, .social--look::before {
  background-image: url(../image/look.svg);
}
.social--linkedin::after, .social--linkedin::before {
  background-image: url(../image/linkedin.svg);
}
.social--arrow-right::after, .social--arrow-right::before {
  background-image: url(../image/arrow-right.svg);
}
.social--arrow-left::after, .social--arrow-left::before {
  background-image: url(../image/arrow-left-w.svg);
}
.social--plus::after, .social--plus::before {
  background-image: url(../image/plus.svg);
}
.social--close::after, .social--close::before {
  background-image: url(../image/close.svg);
}
.social--minus::after, .social--minus::before {
  background-image: url(../image/minus.svg);
}
.social--arrow-down::after, .social--arrow-down::before {
  background-image: url(../image/arrow-down.svg);
}
.social--arrow-up::after, .social--arrow-up::before {
  background-image: url(../image/arrow-up.svg);
}
.social--burger::after, .social--burger::before {
  background-image: url(../image/burger-menu.svg);
}
.social--paperclip::after, .social--paperclip::before {
  background-image: url(../image/paperclip.svg);
}
.social--info::after, .social--info::before {
  background-image: url(../image/info.svg);
}
.social--play::after, .social--play::before {
  background-image: url(../image/play.svg);
}
.social--pause::after, .social--pause::before {
  background-image: url(../image/pause.svg);
}
.copy-tooltip {
  position: absolute;
  z-index: 1000;
  padding: 0.7rem 1.8rem;
  border-radius: 0.8rem;
  background-color: var(--background-contrast);
  color: var(--text-inverse);
  font-size: 1.3rem;
  transform: translateX(-50%);
  white-space: nowrap;
}
.copy-tooltip::before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  border-width: 1rem;
  border-style: solid;
  border-color: transparent transparent var(--background-contrast);
  content: '';
  transform: translateX(-50%);
}
a.no-link {
  display: block;
  text-decoration: none;
}
a.no-link:hover {
  color: inherit;
}
a, button {
  color: inherit;
  text-decoration: none;
}
a:hover, button:hover {
  text-decoration: none;
  color: inherit;
}
a:focus, a:visited, button:focus, button:visited {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
a.button, input.button, button.button, p.button, span.button {
  cursor: pointer;
  transition: all 0.3s;
  border: none;
}
a.button:disabled, a.button [disabled], input.button:disabled, input.button [disabled], button.button:disabled, button.button [disabled], p.button:disabled, p.button [disabled], span.button:disabled, span.button [disabled] {
  opacity: 0.4 !important;
  pointer-events: none !important;
}
a.button--solid, input.button--solid, button.button--solid, p.button--solid, span.button--solid {
  width: fit-content;
  height: 5.6rem;
  position: relative;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  border-radius: 0.8rem;
  border: 0;
  cursor: pointer;
}
a.button--solid span, input.button--solid span, button.button--solid span, p.button--solid span, span.button--solid span {
  position: relative;
  z-index: 2;
}
a.button--solid span:last-of-type, input.button--solid span:last-of-type, button.button--solid span:last-of-type, p.button--solid span:last-of-type, span.button--solid span:last-of-type {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 2.5rem;
  transition: transform 500ms ease;
}
a.button--solid span:last-of-type::after, a.button--solid span:last-of-type::before, input.button--solid span:last-of-type::after, input.button--solid span:last-of-type::before, button.button--solid span:last-of-type::after, button.button--solid span:last-of-type::before, p.button--solid span:last-of-type::after, p.button--solid span:last-of-type::before, span.button--solid span:last-of-type::after, span.button--solid span:last-of-type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  transition: transform 500ms ease, opacity 250ms ease;
  background-repeat: no-repeat;
  background-position: center;
}
a.button--solid span:last-of-type::after, input.button--solid span:last-of-type::after, button.button--solid span:last-of-type::after, p.button--solid span:last-of-type::after, span.button--solid span:last-of-type::after {
  transform: translateX(-200%);
  opacity: 0;
}
a.button--solid::after, input.button--solid::after, button.button--solid::after, p.button--solid::after, span.button--solid::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 101%;
  border-radius: 0.8rem;
  z-index: 1;
  transition: transform 500ms ease;
}
a.button--solid:hover::after, input.button--solid:hover::after, button.button--solid:hover::after, p.button--solid:hover::after, span.button--solid:hover::after {
  transform: translateX(calc(100% - 5.8rem));
}
a.button--solid:hover span:last-of-type, input.button--solid:hover span:last-of-type, button.button--solid:hover span:last-of-type, p.button--solid:hover span:last-of-type, span.button--solid:hover span:last-of-type {
  transform: translateX(0%);
}
a.button--solid:hover span:last-of-type::after, input.button--solid:hover span:last-of-type::after, button.button--solid:hover span:last-of-type::after, p.button--solid:hover span:last-of-type::after, span.button--solid:hover span:last-of-type::after {
  transform: translateX(0);
  opacity: 1;
}
a.button--solid:hover span:last-of-type::before, input.button--solid:hover span:last-of-type::before, button.button--solid:hover span:last-of-type::before, p.button--solid:hover span:last-of-type::before, span.button--solid:hover span:last-of-type::before {
  transform: translateX(200%);
  opacity: 0;
}
a.button--solid .arrow-white::after, a.button--solid .arrow-white::before, input.button--solid .arrow-white::after, input.button--solid .arrow-white::before, button.button--solid .arrow-white::after, button.button--solid .arrow-white::before, p.button--solid .arrow-white::after, p.button--solid .arrow-white::before, span.button--solid .arrow-white::after, span.button--solid .arrow-white::before {
  background-image: url(../image/arrow-right.svg);
}
a.button--solid .arrow-navy::after, a.button--solid .arrow-navy::before, input.button--solid .arrow-navy::after, input.button--solid .arrow-navy::before, button.button--solid .arrow-navy::after, button.button--solid .arrow-navy::before, p.button--solid .arrow-navy::after, p.button--solid .arrow-navy::before, span.button--solid .arrow-navy::after, span.button--solid .arrow-navy::before {
  background-image: url(../image/arrow-right-navy.svg);
}
a.button--solid .external::after, a.button--solid .external::before, input.button--solid .external::after, input.button--solid .external::before, button.button--solid .external::after, button.button--solid .external::before, p.button--solid .external::after, p.button--solid .external::before, span.button--solid .external::after, span.button--solid .external::before {
  background-image: url(../image/external.svg);
}
a.button--solid-navy, input.button--solid-navy, button.button--solid-navy, p.button--solid-navy, span.button--solid-navy {
  color: var(--btn-text-inverse);
}
a.button--solid-navy:hover, input.button--solid-navy:hover, button.button--solid-navy:hover, p.button--solid-navy:hover, span.button--solid-navy:hover {
  color: var(--btn-primary);
}
a.button--solid-navy::after, input.button--solid-navy::after, button.button--solid-navy::after, p.button--solid-navy::after, span.button--solid-navy::after {
  background: var(--btn-primary);
}
a.button--solid-white, input.button--solid-white, button.button--solid-white, p.button--solid-white, span.button--solid-white {
  background-color: var(--btn-primary);
  color: var(--btn-primary);
}
a.button--solid-white:hover, input.button--solid-white:hover, button.button--solid-white:hover, p.button--solid-white:hover, span.button--solid-white:hover {
  color: var(--btn-text-inverse);
}
a.button--solid-white::after, input.button--solid-white::after, button.button--solid-white::after, p.button--solid-white::after, span.button--solid-white::after {
  background: var(--btn-text-inverse);
}
a.button--solid-hover-white:hover, input.button--solid-hover-white:hover, button.button--solid-hover-white:hover, p.button--solid-hover-white:hover, span.button--solid-hover-white:hover {
  color: var(--btn-text-inverse);
}
a.button--underline, input.button--underline, button.button--underline, p.button--underline, span.button--underline {
  display: inline-block;
  position: relative;
  height: fit-content;
  overflow: hidden;
  border: none;
  background: transparent;
  padding: 0 0 0.2rem 0;
  transition: padding-right 0.6s;
}
a.button--underline::after, input.button--underline::after, button.button--underline::after, p.button--underline::after, span.button--underline::after {
  transition: right 0.6s, opacity 0.6s;
}
a.button--underline:hover, input.button--underline:hover, button.button--underline:hover, p.button--underline:hover, span.button--underline:hover {
  padding-right: 2.5rem;
  transition: all 0.6s;
}
a.button--underline:hover.button--underline-arrow::after, a.button--underline:hover.button--underline-external::after, a.button--underline:hover.button--underline-download::after, input.button--underline:hover.button--underline-arrow::after, input.button--underline:hover.button--underline-external::after, input.button--underline:hover.button--underline-download::after, button.button--underline:hover.button--underline-arrow::after, button.button--underline:hover.button--underline-external::after, button.button--underline:hover.button--underline-download::after, p.button--underline:hover.button--underline-arrow::after, p.button--underline:hover.button--underline-external::after, p.button--underline:hover.button--underline-download::after, span.button--underline:hover.button--underline-arrow::after, span.button--underline:hover.button--underline-external::after, span.button--underline:hover.button--underline-download::after {
  right: 0;
  opacity: 1;
}
a.button--underline span, input.button--underline span, button.button--underline span, p.button--underline span, span.button--underline span {
  display: block;
  width: calc(100% + 2.4rem);
}
a.button--underline span:last-of-type, input.button--underline span:last-of-type, button.button--underline span:last-of-type, p.button--underline span:last-of-type, span.button--underline span:last-of-type {
  position: absolute;
  left: calc(-100% + -2.4rem);
  bottom: 0.2rem;
}
a.button--underline-arrow::after, a.button--underline-external::after, a.button--underline-download::after, input.button--underline-arrow::after, input.button--underline-external::after, input.button--underline-download::after, button.button--underline-arrow::after, button.button--underline-external::after, button.button--underline-download::after, p.button--underline-arrow::after, p.button--underline-external::after, p.button--underline-download::after, span.button--underline-arrow::after, span.button--underline-external::after, span.button--underline-download::after {
  content: "";
  height: 1.4rem;
  width: 1.4rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: all 0.2s;
}
a.button--underline--white, input.button--underline--white, button.button--underline--white, p.button--underline--white, span.button--underline--white {
  color: var(--btn-text-inverse);
}
a.button--underline--white span, input.button--underline--white span, button.button--underline--white span, p.button--underline--white span, span.button--underline--white span {
  border-bottom: 1px solid var(--btn-text-inverse);
}
a.button--underline--white.button--underline-arrow::after, input.button--underline--white.button--underline-arrow::after, button.button--underline--white.button--underline-arrow::after, p.button--underline--white.button--underline-arrow::after, span.button--underline--white.button--underline-arrow::after {
  background-image: url(../image/small-arrow-right-w.svg);
}
a.button--underline--white.button--underline-external::after, input.button--underline--white.button--underline-external::after, button.button--underline--white.button--underline-external::after, p.button--underline--white.button--underline-external::after, span.button--underline--white.button--underline-external::after {
  background-image: url(../image/small-arrow-external-w.svg);
}
a.button--underline--white.button--underline-download::after, input.button--underline--white.button--underline-download::after, button.button--underline--white.button--underline-download::after, p.button--underline--white.button--underline-download::after, span.button--underline--white.button--underline-download::after {
  background-image: url(../image/download-w.svg);
}
a.button--underline--navy, input.button--underline--navy, button.button--underline--navy, p.button--underline--navy, span.button--underline--navy {
  color: var(--btn-primary);
}
a.button--underline--navy span, input.button--underline--navy span, button.button--underline--navy span, p.button--underline--navy span, span.button--underline--navy span {
  border-bottom: 1px solid var(--btn-primary);
}
a.button--underline--navy.button--underline-arrow::after, input.button--underline--navy.button--underline-arrow::after, button.button--underline--navy.button--underline-arrow::after, p.button--underline--navy.button--underline-arrow::after, span.button--underline--navy.button--underline-arrow::after {
  background-image: url(../image/small-arrow-right.svg);
}
a.button--underline--navy.button--underline-external::after, input.button--underline--navy.button--underline-external::after, button.button--underline--navy.button--underline-external::after, p.button--underline--navy.button--underline-external::after, span.button--underline--navy.button--underline-external::after {
  background-image: url(../image/small-arrow-external.svg);
}
a.button--underline--navy.button--underline-download::after, input.button--underline--navy.button--underline-download::after, button.button--underline--navy.button--underline-download::after, p.button--underline--navy.button--underline-download::after, span.button--underline--navy.button--underline-download::after {
  background-image: url(../image/download-navy.svg);
}
a.button--nav-link, input.button--nav-link, button.button--nav-link, p.button--nav-link, span.button--nav-link {
  display: block;
  position: relative;
  color: var(--text-headlines);
  font-weight: 900;
}
a.button--nav-link::before, input.button--nav-link::before, button.button--nav-link::before, p.button--nav-link::before, span.button--nav-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: var(--text-headlines);
  bottom: -0.1rem;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
a.button--nav-link::after, input.button--nav-link::after, button.button--nav-link::after, p.button--nav-link::after, span.button--nav-link::after {
  content: "";
  height: 1.4rem;
  width: 1.4rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: all 0.3s;
  background-image: url(../image/small-arrow-right.svg);
}
a.button--nav-link:hover, a.button--nav-link:focus, input.button--nav-link:hover, input.button--nav-link:focus, button.button--nav-link:hover, button.button--nav-link:focus, p.button--nav-link:hover, p.button--nav-link:focus, span.button--nav-link:hover, span.button--nav-link:focus {
  padding-right: 2.5rem;
}
a.button--nav-link:hover::before, a.button--nav-link:focus::before, input.button--nav-link:hover::before, input.button--nav-link:focus::before, button.button--nav-link:hover::before, button.button--nav-link:focus::before, p.button--nav-link:hover::before, p.button--nav-link:focus::before, span.button--nav-link:hover::before, span.button--nav-link:focus::before {
  transform-origin: left;
  transform: scaleX(1);
}
a.button--nav-link:hover::after, a.button--nav-link:focus::after, input.button--nav-link:hover::after, input.button--nav-link:focus::after, button.button--nav-link:hover::after, button.button--nav-link:focus::after, p.button--nav-link:hover::after, p.button--nav-link:focus::after, span.button--nav-link:hover::after, span.button--nav-link:focus::after {
  opacity: 1;
}
.hyperlink {
  position: relative;
  z-index: 1;
  padding-top: 0.3rem;
  color: var(--text-copy);
  text-decoration: underline !important;
  text-underline-offset: 0.5rem;
  box-shadow: inset 0 -0.5rem var(--btn-hyperlink);
  transition: box-shadow 0.3s;
}
.hyperlink:hover {
  box-shadow: inset 0 -2.2rem var(--btn-hyperlink);
  transition: box-shadow 0.3s;
}
.play::before, .play::after {
  background: url('../image/play.svg');
}
.pause::before, .pause::after {
  background: url('../image/pause.svg');
}
.play-squircle::before, .play-squircle::after {
  background: url('../image/play.svg');
}
.pause-squircle::before, .pause-squircle::after {
  background: url('../image/pause.svg');
}
.accordion-toggle, .megamenu__tab-toggle {
  position: relative;
  display: block;
  overflow: hidden;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border: none;
  border-radius: 0.8rem;
  background: var(--neutral-100);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.accordion-toggle::before, .megamenu__tab-toggle::before, .accordion-toggle::after, .megamenu__tab-toggle::after {
  position: absolute;
  display: block;
  border-radius: 0.4rem;
  background: var(--icon-inverse);
  background-repeat: no-repeat;
  content: '';
  transition: all 0.3s ease-in-out;
}
.accordion-toggle::before, .megamenu__tab-toggle::before {
  top: calc(50% - 0.1rem);
  left: calc(50% - 0.8rem);
  width: 1.6rem;
  min-width: 1.6rem;
  height: 0.2rem;
}
.accordion-toggle::after, .megamenu__tab-toggle::after {
  top: calc(50% - 0.8rem);
  left: calc(50% - 0.1rem);
  width: 0.2rem;
  min-width: 0.2rem;
  height: 1.6rem;
}
.accordion-toggle.active::before, .active.megamenu__tab-toggle::before {
  opacity: 0;
  transform: rotate(-90deg);
}
.accordion-toggle.active::after, .active.megamenu__tab-toggle::after {
  transform: rotate(-90deg);
}
.play, .pause, .play-squircle, .pause-squircle {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  content: '';
  background-color: var(--btn-primary);
  transition: all 0.3s;
}
.play::before, .pause::before, .play::after, .pause::after, .play-squircle::before, .pause-squircle::before, .play-squircle::after, .pause-squircle::after {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: '';
  transition: all 0.3s ease-in-out;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.play::before, .pause::before, .play-squircle::before, .pause-squircle::before {
  right: 0;
}
.play, .pause {
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 50%;
}
.play::before, .pause::before, .play::after, .pause::after {
  width: 6.8rem;
  height: 6.8rem;
}
.play:hover::after, .pause:hover::after, .play:hover::before, .pause:hover::before {
  transform: translateX(6.8rem);
}
.play::after, .pause::after {
  left: -6.8rem;
}
.play-squircle, .pause-squircle {
  width: 12.2rem;
  height: 12.2rem;
  border-radius: 2.4rem;
}
.play-squircle::before, .pause-squircle::before, .play-squircle::after, .pause-squircle::after {
  width: 12.2rem;
  height: 12.2rem;
}
.play-squircle:hover::after, .pause-squircle:hover::after, .play-squircle:hover::before, .pause-squircle:hover::before {
  transform: translateX(7rem);
}
.play-squircle::after, .pause-squircle::after {
  left: -7rem;
}
.round-corner-outer, .stat-card, .popup__content {
  border-radius: 3.2rem;
}
.round-corner-middle, .stat-card {
  border-radius: 2.4rem;
}
.round-corner-inner {
  border-radius: 1.6rem;
}
.round-corner-core {
  border-radius: 0.8rem;
}
::placeholder {
  font-style: italic;
  color: var(--text-contrast);
}
form .form-group {
  margin: 0 0 3.2rem 0;
}
form .form-group.no-spacing {
  margin: 0;
}
form .form-group br {
  display: none;
}
form .form-group label {
  display: block;
  width: 100%;
  margin: 0 0 1.6rem 0;
  padding: 0;
  font-size: 1.8rem;
  color: var(--text-headlines);
}
form .form-group input, form .form-group textarea {
  border-radius: 0.8rem;
  border: 0;
  width: 100%;
  padding: 2.4rem;
  color: var(--text-copy);
  background-color: var(--surface-cream);
  outline: none;
}
form .form-group input:focus, form .form-group input:focus-visible, form .form-group textarea:focus, form .form-group textarea:focus-visible {
  border: 0.2rem solid var(--baby-blue);
}
form .form-group input.wpcf7-not-valid, form .form-group textarea.wpcf7-not-valid {
  border: 0.2rem solid var(--support-error);
}
form .form-group textarea {
  height: 16rem;
}
form .form-group .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
form .form-group .wpcf7-acceptance .wpcf7-list-item label {
  margin: 0;
}
form .form-group [type='checkbox'] {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
form .form-group [type='checkbox'] + span {
  display: block;
  padding: 0 0 0 2.6rem;
  position: relative;
}
form .form-group [type='checkbox'] + span::before {
  content: '';
  border-radius: 0.4rem;
  border: 0.1rem solid var(--text-headlines);
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 0.3rem;
  left: 0;
}
form .form-group [type='checkbox'] + span::after {
  content: '';
  border-radius: 0.4rem;
  border: 0.1rem solid var(--text-headlines);
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  background: url('../image/tick-white.svg') center no-repeat var(--text-headlines);
  background-size: 1rem;
  visibility: hidden;
  position: absolute;
  top: 0.3rem;
  left: 0;
}
form .form-group [type='checkbox']:checked + span::after {
  visibility: visible;
}
form .form-group.file-upload {
  height: 4rem;
  position: relative;
  overflow: hidden;
}
form .form-group.file-upload .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  height: 4rem;
}
form .form-group.file-upload .wpcf7-form-control-wrap .wpcf7-not-valid-tip::before {
  content: 'Please attach a file/CV/Resume';
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--surface-white);
  position: absolute;
  top: 0;
  left: 0;
}
form .form-group.file-upload input[type='file'] {
  padding: 0;
  height: 4rem;
  background-color: transparent;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
form .form-group.file-upload .file-upload-wrapper {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
form .form-group.file-upload .file-upload-wrapper .file-details label {
  margin: 0;
  line-height: 16px;
}
form .form-group.file-upload .file-upload-wrapper .selected-file-name {
  display: none;
}
form .form-group.file-upload .wpcf7-not-valid-tip {
  width: calc(100% - 5.6rem);
  margin: 0;
  background-color: var(--surface-white);
  position: absolute;
  bottom: 0;
  left: 5.6rem;
  z-index: 1;
}
form .form-group .microcopy {
  display: block;
  width: 100%;
  margin: 0.8rem 0 0 0;
  color: var(--text-contrast);
}
form .form-group .wpcf7-not-valid-tip {
  margin: 0.8rem 0 0 0;
  color: var(--support-error);
}
form .wpcf7-response-output {
  border-radius: 3.2rem;
  border: 0 !important;
  width: 100%;
  margin: 2.4rem 0 0 0 !important;
  padding: 3.2rem !important;
  color: var(--text-copy);
  background-color: var(--surface-sand);
}
form .custom-spinner {
  display: none;
  border-radius: 50%;
  border-top: 0.2rem solid var(--btn-primary);
  border-right: 0.2rem solid transparent;
  width: 2.4rem;
  height: 2.4rem;
  margin: 1.6rem 0 0 0.2rem;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
form .custom-spinner span {
  border-radius: 50%;
  border-bottom: 0.2rem solid var(--surface-purple);
  border-left: 0.2rem solid transparent;
  width: 2.4rem;
  height: 2.4rem;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.breadcrumbs span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0.8rem;
  column-gap: 1.6rem;
}
.breadcrumbs span span {
  color: var(--text-headlines);
}
.breadcrumbs span span.breadcrumb_last {
  padding: 0.3rem 0.8rem 0.6rem;
  border-radius: 3.2rem;
  background-color: var(--surface-tags);
}
.breadcrumbs span span a {
  position: relative;
  padding-right: 0 !important;
}
.breadcrumbs span span a:focus {
  outline: 1px solid var(--support-focus);
}
.blog-card {
  display: flex;
  border-radius: 3.2rem;
  padding: 2.4rem;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991.98px) {
  .blog-card {
    background-color: var(--surface-cream);
  }
}
.blog-card:hover {
  background-color: var(--surface-cream);
}
.blog-card__image-container {
  flex: 0 0 9.6rem;
  width: 9.6rem;
  height: 9.6rem;
  margin: 0 2.4rem 0 0;
}
@media only screen and (max-width: 575.98px) {
  .blog-card__image-container {
    display: none;
  }
}
.blog-card__post-image {
  position: absolute;
  top: 2.4rem;
  left: 2.4rem;
  overflow: hidden;
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 0.8rem;
  line-height: 0;
}
@media only screen and (max-width: 575.98px) {
  .blog-card__post-image {
    position: static;
  }
}
.blog-card__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card__content-container {
  display: flex;
  flex-direction: column;
}
.blog-card__meta-details {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-left: -0.8rem;
}
@media only screen and (max-width: 575.98px) {
  .blog-card__meta-details {
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 2.4rem;
    left: 13.6rem;
  }
}
.blog-card__type {
  height: 2.8rem;
  padding: 0.4rem 0.8rem;
}
.blog-card__tag {
  height: 2.8rem;
  padding: 0.4rem 0.8rem;
}
.blog-card__tag span {
  display: block;
}
.blog-card__content-details {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin: 1.6rem 0 0 0;
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
  .mac .blog-card__type {
    padding-top: 0.2rem;
  }
  .mac .blog-card__tag span {
    padding: 0.1em 0;
    margin-top: -0.2em;
  }
}
.team-card {
  position: relative;
  aspect-ratio: 0.8547008547;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
  transition: 0.5s all ease-in-out;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .team-card {
    aspect-ratio: 0.8849557522;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-card {
    aspect-ratio: 1.0204081633;
  }
}
.team-card:hover .social, .team-card:hover .navigation__back span, .navigation__back .team-card:hover span, .team-card:hover .megamenu__main-overview span, .megamenu__main-overview .team-card:hover span, .team-card:hover .megamenu__support-arrow {
  right: 1.6rem;
  opacity: 1;
}
.team-card__title {
  position: relative;
  padding: 3.2rem 7.2rem 3.2rem 3.2rem;
}
.team-card__title .h6 {
  margin: 0 0 0.4rem;
}
.team-card .team-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-card .team-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-card .social, .team-card .navigation__back span, .navigation__back .team-card span, .team-card .megamenu__main-overview span, .megamenu__main-overview .team-card span, .team-card .megamenu__support-arrow {
  position: absolute;
  bottom: 1.6rem;
  right: 5.6rem;
  opacity: 0;
}
@media only screen and (max-width: 991.98px) {
  .team-card .social, .team-card .navigation__back span, .navigation__back .team-card span, .team-card .megamenu__main-overview span, .megamenu__main-overview .team-card span, .team-card .megamenu__support-arrow {
    opacity: 1;
    right: 1.6rem;
  }
}
.team-card.image {
  position: relative;
  aspect-ratio: unset;
  height: calc(100% - 2.4rem);
  width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .team-card.image {
    aspect-ratio: 0.8849557522;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-card.image {
    aspect-ratio: 1.0204081633;
  }
}
.team-card.image:hover {
  cursor: unset;
}
.team-card.image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-card.congrats {
  padding: 4.8rem;
  justify-content: space-between;
}
.team-card.congrats:hover {
  cursor: unset;
}
.team-card.congrats .team-card__logo {
  margin-left: auto;
}
.team-card.congrats p.h3 {
  margin: 0 0 2.4rem !important;
}
.team-card.congrats p.sub {
  line-height: 3.2rem;
}
.team-card.congrats img {
  width: 8.6rem;
  height: 5.2rem;
}
.team-callout {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 39.7rem;
  padding: 1.6rem 7.2rem 1.6rem 1.6rem;
}
@media only screen and (max-width: 767.98px) {
  .team-callout {
    display: block;
  }
}
.team-callout:hover .social, .team-callout:hover .navigation__back span, .navigation__back .team-callout:hover span, .team-callout:hover .megamenu__main-overview span, .megamenu__main-overview .team-callout:hover span, .team-callout:hover .megamenu__support-arrow {
  right: 1.6rem;
  opacity: 1;
}
.team-callout__image {
  position: relative;
  width: 100%;
  max-width: 8.5rem;
  aspect-ratio: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .team-callout__image {
    margin-bottom: 1.6rem;
  }
}
.team-callout__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-callout__title {
  width: 100%;
  margin-left: 1.6rem;
}
@media only screen and (max-width: 767.98px) {
  .team-callout__title {
    margin-left: 0;
  }
}
.team-callout__title .h6 {
  margin: 0 0 0.4rem;
}
.team-callout__title p {
  margin-bottom: 0 !important;
}
.team-callout .social, .team-callout .navigation__back span, .navigation__back .team-callout span, .team-callout .megamenu__main-overview span, .megamenu__main-overview .team-callout span, .team-callout .megamenu__support-arrow {
  position: absolute;
  bottom: 1.6rem;
  right: 5.6rem;
  opacity: 0;
}
@media only screen and (max-width: 767.98px) {
  .team-callout .social, .team-callout .navigation__back span, .navigation__back .team-callout span, .team-callout .megamenu__main-overview span, .megamenu__main-overview .team-callout span, .team-callout .megamenu__support-arrow {
    top: 1.6rem;
    bottom: auto;
  }
}
.client-card {
  height: 100%;
  padding: 3.2rem 3.2rem 4.2rem;
  border-radius: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .client-card {
    padding: 1.6rem 1.6rem 3.2rem;
  }
}
.client-card__logo-wrapper {
  display: flex;
  width: 100%;
  height: 10.8rem;
  align-items: center;
  justify-content: center;
  padding: 0 2.4rem;
  border-radius: 2.4rem;
  background-color: white;
}
.client-card__description {
  margin: 3.2rem 0 0;
  color: var(--text-inverse);
}
@media only screen and (max-width: 991.98px) {
  .client-card__description {
    margin: 1.6rem 0 0;
  }
}
.sotm-card {
  width: 411px;
  padding: 3.2rem;
  margin: 0 1.2rem;
}
@media only screen and (max-width: 991.98px) {
  .sotm-card {
    padding: 2.4rem;
  }
}
.sotm-card p.h6 {
  margin: 2.4rem 0;
}
.grid-card {
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .grid-card.desktop {
    display: none;
  }
}
.grid-card__content {
  padding: 3.2rem;
}
.grid-card__perk {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
  margin-bottom: 2.4rem;
}
.grid-card__perk--white {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--text-inverse);
}
.grid-card__perk--dark {
  background-color: var(--surface-tags);
  color: var(--text-headlines);
}
.grid-card__quote {
  margin-bottom: 2.4rem;
}
.grid-card__title {
  margin-bottom: 2.4rem !important;
}
.grid-card__img {
  line-height: 0;
}
.grid-card__img img {
  width: 100%;
}
.grid-card__img--vertical {
  aspect-ratio: 0.7256637168;
}
.grid-card__img--square {
  aspect-ratio: 1;
}
.grid-card__img--vertical img, .grid-card__img--square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 991.98px) {
  .grid-card__img--vertical, .grid-card__img--square {
    aspect-ratio: unset;
  }
  .grid-card__img--vertical img, .grid-card__img--square img {
    height: auto;
    object-fit: unset;
  }
}
@media only screen and (max-width: 575.98px) {
  .grid-card__img {
    height: 34.8rem;
  }
  .grid-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.stat-card {
  padding: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .stat-card {
    width: 100%;
  }
}
@media only screen and (max-width: 575.98px) {
  .stat-card {
    padding: 1.6rem 2.4rem;
  }
}
.stat-card__number {
  margin-right: 0.4rem;
}
.stat-card__label {
  max-width: 20rem;
  margin-top: 0.4rem;
  margin-left: 2.4rem;
  font-size: 1.4rem;
}
@media only screen and (max-width: 991.98px) {
  .stat-card__label {
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
}
.work-card {
  position: relative;
  min-height: 40rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.work-card:hover {
  color: var(--text-inverse);
}
.work-card:hover .work-card__default-image {
  background-image: var(--hover-image);
}
.work-card__title {
  max-width: 32.8rem;
}
.work-card__title b {
  color: inherit !important;
}
.work-card__case-study-service {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
.work-card__case-study-service::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  width: 3.8rem;
  height: 2.2rem;
  min-width: 3.8rem;
  margin-right: 0.8rem;
  background-position: center;
  background-image: url(../image/material-symbols_linear-scale.svg);
}
.work-card__pill {
  position: absolute;
  top: 2.8rem;
  right: 3.2rem;
  z-index: 10;
}
@media only screen and (max-width: 767.98px) {
  .work-card__pill {
    display: none;
  }
}
.work-card__pill--mobile {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 1.6rem;
}
@media only screen and (max-width: 767.98px) {
  .work-card__pill--mobile {
    display: block;
  }
}
.work-card__pill, .work-card__service-pills {
  width: fit-content;
  border-radius: 3rem;
  padding: 0.4rem 0.8rem 0.5rem;
}
.work-card__service-pills {
  background-color: rgba(255, 255, 255, 0.1);
}
.work-card__service-wrapper {
  margin-top: 1.6rem;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.work-card__work-with-label {
  margin-right: 0.2rem;
  opacity: 0.6;
}
@media only screen and (max-width: 767.98px) {
  .work-card__top-wrapper {
    position: static !important;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  .work-card__top-wrapper-text {
    position: static !important;
    width: 52%;
    padding-right: 1.2rem;
  }
}
.work-card__content-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.2rem 2.4rem;
  gap: 1.6rem;
}
.work-card__default-image {
  width: 75%;
  margin-left: auto;
  background-image: var(--default-image);
  background-size: cover;
  transition: all 0.3s;
}
@media only screen and (max-width: 767.98px) {
  .work-card__default-image {
    display: none;
  }
}
.work-card__default-image--mobile {
  position: absolute !important;
  top: 0;
  right: 0;
  display: none;
  width: 36.7%;
  aspect-ratio: 0.75;
}
@media only screen and (max-width: 767.98px) {
  .work-card__default-image--mobile {
    position: unset !important;
    display: block;
    margin-top: -3.2rem;
    margin-right: -2.4rem;
  }
}
.work-card__video-wrapper {
  position: relative;
  width: 75%;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .work-card__video-wrapper {
    display: none;
  }
}
.work-card__video-wrapper--mobile {
  display: none;
  position: absolute !important;
  top: 0;
  right: 0;
  max-width: 36.7%;
  aspect-ratio: 0.75;
}
@media only screen and (max-width: 767.98px) {
  .work-card__video-wrapper--mobile {
    display: block;
  }
}
.work-card__video-wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 29rem;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -1;
}
.work-card div:not(.work-card__pill) {
  position: relative;
  z-index: 1;
}
.work-card-small {
  display: block;
  position: relative;
  padding: 3.2rem 3.2rem 3.2rem 2.4rem;
  min-height: 23rem;
  transition: background-color 0.3s ease-in;
}
@media only screen and (max-width: 991.98px) {
  .work-card-small {
    padding: 2.4rem 2.4rem 3.2rem 2.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .work-card-small {
    padding-top: 3.2rem;
  }
}
.work-card-small:hover {
  background-color: var(--background-white);
}
.work-card-small__pill, .work-card-small__service-pills {
  border-radius: 3rem;
  padding: 0.4rem 0.8rem 0.5rem;
}
.work-card-small__content {
  margin-top: 3.5rem !important;
}
.work-card-small__title {
  max-width: 50rem;
  margin-bottom: 1.6rem !important;
  color: var(--text-headlines);
}
.work-card-small__service-wrapper {
  gap: 0.8rem;
  flex-wrap: wrap;
}
.work-card-small__service-pills {
  background-color: var(--surface-tags);
  color: var(--text-headlines);
}
.work-card-small__logo {
  width: 18rem;
  height: 4.5rem;
  background-image: var(--client-logo);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
.work-card-small__work-with-label {
  margin-right: 0.2rem;
}
.work-card-small__work-with-label span {
  opacity: 0.6;
}
.work-card-small__case-study-service {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}
.work-card-small__case-study-service::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  height: 1.8rem;
  min-width: 3.8rem;
  margin-right: 0.8rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../image/dark-key.svg);
}
.hover-box {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 3.2rem;
  gap: 3.2rem;
}
@media only screen and (max-width: 767.98px) {
  .hover-box {
    display: block;
  }
}
.hover-box::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-right: 2.5rem solid transparent;
  border-left: 2.5rem solid transparent;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767.98px) {
  .hover-box::after {
    display: none;
  }
}
.hover-box__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.4rem;
  column-gap: 2.4rem;
}
.hover-box__text {
  margin-bottom: 1.6rem;
}
.hover-box__logo {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}
.hover-box__logo-title {
  margin-bottom: 1.6rem;
}
.hover-box__logo-img {
  max-width: 17rem;
  line-height: 0;
}
@media only screen and (max-width: 575.98px) {
  .hover-box__logo-img {
    max-width: 10rem;
  }
}
.hover-box__logo-img img {
  width: auto;
  max-height: 3rem;
}
@supports (-moz-appearance: none) {
  .hover-box__logo-label {
    padding-top: 0.2em;
  }
}
.hover-box__close {
  display: none;
  border: none;
}
@media only screen and (max-width: 767.98px) {
  .hover-box__close {
    display: block;
  }
}
.hover-box__media {
  overflow: hidden;
  flex: 0 0 15.5rem;
  aspect-ratio: 1;
  line-height: 0;
}
@media only screen and (max-width: 767.98px) {
  .hover-box__media {
    max-width: 15.5rem;
    margin-top: 2.4rem;
  }
}
.hover-box__media img, .hover-box__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100dvh;
  background-color: var(--background-navy-80);
}
.popup__close-button {
  position: absolute;
  right: 6.4rem;
  z-index: 10;
}
@media only screen and (max-width: 991.98px) {
  .popup__close-button {
    right: 3.2rem;
  }
}
.popup.show {
  display: flex;
}
.popup__container, .popup__row {
  height: 100%;
}
.popup__row {
  max-width: 100rem;
  margin-inline: auto;
}
.popup__caption {
  margin-bottom: 2.4rem;
}
.popup__content {
  position: relative;
  overflow: hidden;
  height: 87vh;
  padding: 6.4rem 3.2rem 6.4rem 0 !important;
  background-color: var(--surface-white);
}
@media only screen and (max-width: 991.98px) {
  .popup__content {
    padding: 3.2rem 1.6rem 3.2rem 0 !important;
  }
}
.popup__content-inner {
  overflow: auto;
  height: 100%;
  padding: 0 3.2rem 0 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .popup__content-inner {
    padding: 0 1.6rem 0 3.2rem;
  }
}
.popup__content-inner::-webkit-scrollbar {
  width: 0.4rem !important;
}
.popup__content-inner::-webkit-scrollbar-track {
  border-radius: 4rem;
  background: var(--background-sand);
}
.popup__content-inner::-webkit-scrollbar-thumb {
  width: 0.4rem !important;
  border-radius: 4rem;
  background-color: var(--surface-purple);
}
.popup__content-inner-header {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
}
.popup__content-inner-header-left {
  display: flex;
  flex-direction: column;
}
.popup__border {
  height: 0.1rem;
  margin: 3.2rem 0;
  background-color: var(--surface-divider);
}
@media only screen and (max-width: 991.98px) {
  .popup__border {
    margin: 2.4rem 0;
  }
}
.popup-retainer {
  z-index: 999999;
}
.popup-retainer__content {
  max-width: 64rem;
}
.popup-retainer__image {
  height: 72rem;
  margin-top: 6.4rem;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .popup-retainer__image {
    margin-top: 2.4rem;
    max-height: 32rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-retainer__image {
    max-height: 26rem;
  }
}
.popup-retainer__image img, .popup-retainer__image video {
  width: 100%;
  object-position: center;
  object-fit: cover;
}
.popup__popup-retainer .h3 {
  margin-bottom: 0.8rem;
}
.popup__popup-retainer .results {
  margin-top: 4.8rem;
}

.video-pop-up {
  --plyr-color-main: var(--surface-navy);
  --plyr-video-controls-background: var(--surface-cream);
  --plyr-video-control-color: var(--button-primary);
  --plyr-range-thumb-height: 1.9rem;
  --plyr-range-thumb-background: var(--surface-navy);
  --plyr-range-thumb-shadow: none;
  --plyr-range-track-height: 0.9rem;
  --plyr-video-range-track-background: var(--icon-navy-50);
  --plyr-control-icon-size: 3rem;
  
}
@media only screen and (max-width: 991.98px) {
  .video-pop-up {
    --plyr-control-icon-size: 2rem;
    --plyr-range-thumb-height: 1.4rem;
    --plyr-range-track-height: 0.6rem;
  }
}
.video-pop-up__text {
  margin: 2.4rem 0;
}
.video-pop-up__player {
  overflow: hidden;
}
.video-pop-up .plyr__controls {
  padding: 2.4rem 3.2rem;
  border-radius: 3.2rem;
  margin: 0 1.4rem 1.4rem;
}
@media only screen and (max-width: 991.98px) {
  .video-pop-up .plyr__controls {
    padding: 1.6rem 2.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .video-pop-up .plyr__controls {
    padding: 1.6rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .video-pop-up .plyr__controls {
    padding: 0.8rem;
    margin: 0 0.8rem 0.8rem;
  }
}
.video-pop-up .plyr__controls__item {
  color: var(--surface-navy);
}
.video-pop-up .plyr__controls [data-plyr="play"] {
  display: flex;
  width: 6.8rem;
  height: 6.8rem;
  align-items: center;
  justify-content: center;
  order: 1;
  border-radius: 50%;
  margin-right: 4.8rem;
  background-color: var(--btn-primary) !important;
  color: var(--surface-white);
}
.video-pop-up .plyr__controls [data-plyr="play"] svg {
  width: 1.8rem;
}
@media only screen and (max-width: 1199.98px) {
  .video-pop-up .plyr__controls [data-plyr="play"] {
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 4rem;
  }
  .video-pop-up .plyr__controls [data-plyr="play"] svg {
    width: 1.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .video-pop-up .plyr__controls [data-plyr="play"] {
    width: 3rem;
    height: 3rem;
    margin-right: 2rem;
  }
  .video-pop-up .plyr__controls [data-plyr="play"] svg {
    width: 0.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .video-pop-up .plyr__controls [data-plyr="play"] {
    margin-right: 1.6rem;
  }
}
.video-pop-up .plyr__controls [data-plyr="pip"], .video-pop-up .plyr__controls [data-plyr="airplay"] {
  display: none;
}
.video-pop-up .plyr__time {
  padding: 0.2em 0 0 !important;
  font-size: 2.3rem;
  line-height: 1;
}
@media only screen and (max-width: 991.98px) {
  .video-pop-up .plyr__time {
    font-size: 1.9rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .video-pop-up .plyr__time {
    font-size: 1.5rem;
  }
}
.video-pop-up .plyr__time--current {
  order: 2;
  margin-right: 0.8rem;
  margin-left: 0;
}
@media only screen and (max-width: 767.98px) {
  .video-pop-up .plyr__time--current {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575.98px) {
  .video-pop-up .plyr__time--current {
    display: none;
  }
}
.video-pop-up .plyr__time--duration {
  order: 4;
  margin-left: 0.8rem;
}
.video-pop-up .plyr__time--duration::before {
  display: none;
}
.video-pop-up .plyr__progress__container {
  order: 3;
  padding: 0 !important;
  margin: 0;
}
.video-pop-up .plyr__control--overlaid {
  @extent .play;
  position: absolute;
  width: 6.8rem !important;
  overflow: hidden;
}
.video-pop-up .plyr__control--overlaid svg, .video-pop-up .plyr__control--overlaid span {
  display: none;
}
.video-pop-up .plyr__control[data-plyr="fullscreen"] {
  order: 7;
}
.video-pop-up .plyr input[type="range"] {
  color: var(--text-copy);
}
.video-pop-up .plyr__progress__buffer {
  border-radius: 2.4rem;
}
.video-pop-up .plyr__volume {
  position: relative;
  order: 5;
  margin-left: 16rem;
}
@media only screen and (max-width: 1399.98px) {
  .video-pop-up .plyr__volume {
    margin-left: 8rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .video-pop-up .plyr__volume {
    margin-left: 4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .video-pop-up .plyr__volume {
    margin-left: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .video-pop-up .plyr__volume {
    margin-left: 1rem;
  }
}
.video-pop-up .plyr__volume input[data-plyr="volume"] {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  opacity: 0;
  transform: translate(-61%, -190%) rotate(-90deg);
  transition: opacity 0.3s;
}
.video-pop-up .plyr__volume:hover input[data-plyr="volume"] {
  opacity: 1;
}
.video-pop-up .plyr__menu {
  order: 6;
}
.video-pop-up .plyr__menu, .video-pop-up .plyr button[data-plyr="fullscreen"] {
  margin-left: 5.8rem;
}
@media only screen and (max-width: 1199.98px) {
  .video-pop-up .plyr__menu, .video-pop-up .plyr button[data-plyr="fullscreen"] {
    margin-left: 3.2rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .video-pop-up .plyr__menu, .video-pop-up .plyr button[data-plyr="fullscreen"] {
    margin-left: 0.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .video-pop-up .plyr__menu, .video-pop-up .plyr button[data-plyr="fullscreen"] {
    margin-left: unset;
  }
}
@media only screen and (max-width: 575.98px) {
  .video-pop-up .plyr.enterfullscreen .plyr__time--current {
    display: block;
  }
}
.video-pop-up .plyr--stopped.plyr--paused .plyr__controls {
  opacity: 0;
  pointer-events: none;
}
.video-pop-up__caption {
  max-width: 32rem;
  margin-top: 1.6rem;
}
.getting-here-pop-up__stations {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 3.2rem;
  border-bottom: 0.1rem solid var(--surface-divider);
  gap: 2.4rem 6.4rem;
}
@supports (-moz-appearance: none) {
  .getting-here-pop-up__stations {
    padding-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .getting-here-pop-up__stations {
    padding-bottom: 2.4rem;
  }
  @supports (-moz-appearance: none) {
    .getting-here-pop-up__stations {
      padding-bottom: 2rem;
    }
  }
}
.getting-here-pop-up__text {
  max-width: 64rem;
  margin: 3.2rem 0 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .getting-here-pop-up__text {
    margin: 2.4rem 0;
  }
}
.getting-here-pop-up__links {
  display: flex;
  gap: 4rem;
}
@media only screen and (max-width: 991.98px) {
  .getting-here-pop-up__links {
    column-gap: 2.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .getting-here-pop-up__links {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
  }
}
.getting-here-pop-up__img {
  overflow: hidden;
  margin-top: 4.8rem;
  aspect-ratio: 1.6125;
  line-height: 0;
}
.getting-here-pop-up__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 575.98px) {
  .getting-here-pop-up__img {
    margin-top: 2.4rem;
    aspect-ratio: 0.815625;
  }
}
@media only screen and (max-width: 575.98px) {
  .getting-here-pop-up__img--desktop {
    display: none;
  }
}
.getting-here-pop-up__img--mobile {
  display: none;
}
@media only screen and (max-width: 575.98px) {
  .getting-here-pop-up__img--mobile {
    display: block;
  }
}
.getting-here-pop-up .station {
  display: flex;
  flex: 0 auto;
  column-gap: 2.3rem;
}
.getting-here-pop-up .station__icon {
  min-width: 3rem;
  max-width: 3rem;
  line-height: 0;
}
.getting-here-pop-up .station__data-name {
  display: block;
}
.getting-here-pop-up .station__data-distance {
  display: block;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 991.98px) {
  .team-rollup {
    padding-block: 4.8rem;
  }
}
.team-rollup__sotm {
  position: sticky;
  top: 3rem;
  padding: 31.2rem 3.2rem 3.2rem;
  align-self: flex-start;
}
@media only screen and (max-width: 991.98px) {
  .team-rollup__sotm {
    padding: 28rem 1.6rem 1.6rem;
    margin-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-rollup__sotm {
    padding-top: 15.3rem;
  }
}
.team-rollup__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.team-rollup__inner {
  position: relative;
  padding: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .team-rollup__inner {
    padding: 2.4rem;
  }
}
.team-rollup__inner p {
  margin-bottom: 1.6rem;
}
.team-rollup__content-icon {
  margin-bottom: 2.4rem;
}
.team-rollup__content .h6 {
  margin-bottom: 2.4rem;
}
.team-rollup__btn {
  position: relative;
  display: block;
  padding-right: 3rem;
  margin-bottom: 4.8rem !important;
}
.team-rollup__btn:before {
  content: "";
  mask-image: url(../image/arrow-right.svg);
  -webkit-mask-image: url(../image/arrow-right.svg);
  background-color: var(--text-copy);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2.1rem;
  height: 1rem;
}
.team-rollup__btn:after {
  content: "";
  position: absolute;
  bottom: -2.4rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: var(--surface-divider);
}
.team-rollup__btn.no-divider {
  margin-bottom: 0 !important;
}
.team-rollup__btn.no-divider:after {
  display: none;
}
.team-rollup__card {
  position: relative;
  display: block;
  max-width: 51.9rem;
  padding: 4.8rem;
  margin: 0 auto;
  cursor: pointer;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 991.98px) {
  .team-rollup__card {
    max-width: none;
    background-color: var(--background-cream);
    padding: 3.2rem;
  }
}
.team-rollup__card .h6 {
  margin: 2.4rem 0 0.8rem;
}
.team-rollup__card .h4 {
  margin-bottom: 1.6rem;
}
.team-rollup__card + .team-rollup__card {
  margin-top: 1.6rem;
}
.team-rollup__card:hover {
  background-color: var(--background-cream);
}
.team-rollup__card:hover .social, .team-rollup__card:hover .navigation__back span, .navigation__back .team-rollup__card:hover span, .team-rollup__card:hover .megamenu__main-overview span, .megamenu__main-overview .team-rollup__card:hover span, .team-rollup__card:hover .megamenu__support-arrow {
  opacity: 1;
}
.team-rollup__image {
  aspect-ratio: 1;
  max-width: 18rem;
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 991.98px) {
  .team-rollup__image {
    max-width: 11.2rem;
  }
}
.team-rollup .social, .team-rollup .navigation__back span, .navigation__back .team-rollup span, .team-rollup .megamenu__main-overview span, .megamenu__main-overview .team-rollup span, .team-rollup .megamenu__support-arrow {
  position: absolute;
  top: 2.7rem;
  right: 2.4rem;
  opacity: 0;
  transform: opacity 0.3s;
}
@media only screen and (max-width: 991.98px) {
  .team-rollup .social, .team-rollup .navigation__back span, .navigation__back .team-rollup span, .team-rollup .megamenu__main-overview span, .megamenu__main-overview .team-rollup span, .team-rollup .megamenu__support-arrow {
    top: 3.2rem;
    right: 3.2rem;
    opacity: 1;
  }
}
.featured-slider {
  padding-bottom: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider {
    padding-bottom: 4.8rem;
  }
}
.featured-slider__tag {
  display: block;
}
@media only screen and (max-width: 1919.98px) {
  .featured-slider__tag {
    margin-bottom: 0.8rem !important;
  }
}
@media only screen and (max-width: 991.98px) {
  .featured-slider__tag {
    margin-bottom: 4.8rem !important;
  }
}
.featured-slider__post {
  padding: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider__post {
    padding: 3.2rem 2.4rem;
  }
}
.featured-slider .row {
  margin: 0 -1.2rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider .row {
    flex-direction: column-reverse;
  }
}
.featured-slider__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  max-width: 47.2rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider__content {
    max-width: none;
  }
}
.featured-slider__content h3 {
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider__content h3 {
    margin-bottom: 2.4rem;
  }
}
.featured-slider__content p {
  margin-bottom: 2.4rem;
}
.featured-slider__content p.caption {
  margin-bottom: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider__content p.caption {
    margin-bottom: 2.4rem;
  }
}
.featured-slider__content a {
  align-self: flex-start;
}
.featured-slider__pills {
  margin-bottom: 2.4rem;
}
.featured-slider__category {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
  margin-left: 0.8rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.featured-slider__category span {
  display: block;
}
@supports (-moz-appearance: none) {
  .featured-slider__category span {
    padding-top: 0.2em;
    margin-bottom: -0.2em;
  }
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
  .featured-slider__category span {
    padding: 0.1em 0;
    margin-top: -0.2em;
  }
}
.featured-slider__image {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider__image {
    max-width: 28.2rem;
    margin-bottom: 4.8rem;
  }
}
.featured-slider__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 575.98px) {
  .featured-slider__image {
    max-width: none;
  }
}
.featured-slider__controls {
  display: flex;
  margin-top: 2.4rem;
  column-gap: 2.4rem;
}
.featured-slider .controls-btns {
  display: flex;
  column-gap: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider .controls-btns {
    display: none;
  }
}
.featured-slider__controls-pagination {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.featured-slider .swiper-slide-active {
  opacity: 1 !important;
}
.featured-slider .swiper-pagination {
  position: unset;
  display: flex;
  column-gap: 1.1rem;
}
@media only screen and (max-width: 991.98px) {
  .featured-slider .swiper-pagination {
    column-gap: 0.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .featured-slider .swiper-pagination {
    column-gap: 0.4rem;
  }
}
.featured-slider .swiper-pagination-bullet {
  position: relative;
  overflow: hidden;
  height: 0.4rem;
  flex-grow: 1;
  border-radius: 4rem;
  margin: 0 !important;
  background-color: var(--background-sand);
  opacity: 1;
}
.featured-slider .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-purple);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0s;
}
.featured-slider .swiper-pagination-bullet-active::after {
  transform: scaleX(100%);
  transition: transform 10s;
}
.spotlight {
  padding-block: 5.6rem;
}
@media only screen and (max-width: 991.98px) {
  .spotlight {
    padding-block: 3.2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .spotlight {
    padding-block: 0;
  }
}
.spotlight .row {
  margin: 0 -1.2rem;
}
@media only screen and (max-width: 991.98px) {
  .spotlight .col-lg-7 .spotlight__card-content {
    padding-bottom: 2.7rem;
  }
  .spotlight .col-lg-7 .spotlight__card-image {
    max-width: 28.1rem;
    margin-left: auto;
  }
  .spotlight .col-lg-5 {
    margin-top: 1.6rem;
  }
  .spotlight .col-lg-5 .spotlight__card-content {
    padding-bottom: 4.6rem;
  }
  .spotlight .col-lg-5 .spotlight__card-image {
    max-width: 19.2rem;
    margin-left: auto;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 767.98px) {
  .spotlight .col-lg-7 .spotlight__card-content {
    padding-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 767.98px) {
  .spotlight .col-lg-5 .spotlight__card-content {
    padding-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .spotlight .col-lg-7 .spotlight__card-image {
    max-width: none;
  }
}
.spotlight__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .spotlight__card {
    padding: 2.4rem;
  }
}
.spotlight__card a {
  display: contents;
}
.spotlight__card-tag {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .spotlight__card-tag {
    margin-bottom: 3.2rem;
  }
}
.spotlight__card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.spotlight__card-content h3 {
  margin-bottom: 2.4rem;
}
@media (max-width: 1200px) {
  .spotlight__card-content h3 {
    font-size: 2.6rem;
  }
}
.spotlight__card-pills {
  margin-bottom: 2.4rem;
}
.spotlight__card-category {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
  margin-left: 0.8rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.spotlight__card-category span {
  display: block;
}
@supports (-moz-appearance: none) {
  .spotlight__card-category span {
    padding-top: 0.2em;
    margin-bottom: -0.2em;
  }
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
  .spotlight__card-category span {
    padding: 0.1em 0;
    margin-top: -0.2em;
  }
}
.spotlight__card-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  max-width: 22rem;
  overflow: hidden;
}
.spotlight__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.spotlight .col-lg-6 {
  align-content: end;
  justify-items: right;
}
.popup-filters {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.popup-filters__container {
  padding-inline: 1.8rem;
}
.popup-filters__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem 0.6rem;
}
.popup-filters__filters {
  padding-block: 3.2rem;
}
.popup-filters__filter {
  display: block;
  width: fit-content;
  padding: 1.4rem 1.6rem;
  margin-top: 0.8rem;
  font-weight: 700;
  color: var(--text-headlines);
}
.popup-filters__filter.active {
  background-color: var(--background-contrast);
  color: var(--text-inverse);
}
.search-post {
  display: flex;
  align-items: center;
  padding: 1.6rem;
  transition: background-color 0.3s ease-in-out;
}
@media only screen and (max-width: 991.98px) {
  .search-post {
    background-color: white;
  }
}
.search-post:hover {
  background-color: white;
}
.search-post__image {
  max-width: 8rem;
  min-width: 8rem;
  margin-right: 1.6rem;
  aspect-ratio: 1;
  overflow: hidden;
}
.search-post img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-post + .search-post {
  margin-top: 0.8rem;
}
body #powerTip p {
  position: relative;
  padding-right: 1.6rem;
  color: var(--text-headlines);
}
body #powerTip p::after {
  content: '';
  display: block;
  position: absolute;
  top: 55%;
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  background: url('../image/small-arrow-right.svg') no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
footer {
  padding: 6.4rem 0;
  overflow: hidden;
}
footer .row:nth-of-type(1) {
  margin: 0 0 11.2rem;
}
@media only screen and (max-width: 1199.98px) {
  footer .row:nth-of-type(1) {
    margin: 0 0 6.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  footer .row:nth-of-type(1) {
    margin: 0 0 8rem;
  }
}
footer .row.border-top {
  border-top: 0.1rem solid #dce3ed;
  padding-top: 10.4rem;
}
footer ul {
  list-style: none;
}
footer ul li {
  padding-left: unset;
  font-weight: 600 !important;
}
footer ul li:not(:last-of-type) {
  padding-bottom: 0.8rem !important;
}
footer ul li::before {
  display: none;
}
footer ul li.key {
  position: relative;
  margin-left: 29px;
}
footer ul li.key::before {
  content: "";
  background: url(../image/key.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -29px;
  width: 21px;
  height: 11px;
  display: block;
}
footer ul li.pill::after {
  content: "We're hiring!";
  position: absolute;
  top: calc(50% - 0.4rem);
  transform: translateY(-50%);
  left: 70px;
  display: block;
  background: var(--text-highlight);
  color: var(--text-inverse);
  padding: 0.8rem;
  border-radius: 30px;
  width: max-content;
  font-size: 1.3rem;
  line-height: 1.4615384615;
  letter-spacing: 0;
  font-family: "area-normal", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 1399.98px) {
  footer ul li.pill::after {
    right: -15px;
  }
}
@media only screen and (max-width: 1199.98px) {
  footer ul li.pill::after {
    right: -45px;
  }
}
footer ul li a {
  position: relative;
}
footer ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--text-copy);
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
footer ul li a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
footer ul li a:focus-visible {
  outline: 1px solid var(--support-focus);
}
footer .footer .menu-footer-services-menu-container ul li {
  font-weight: 800 !important;
}
footer .footer .menu-footer-services-menu-container ul li:not(:last-of-type) {
  padding-bottom: 1.6rem !important;
}
footer .footer__logo-wrapper:focus-visible {
  outline: 1px solid var(--support-focus);
}
@media only screen and (max-width: 991.98px) {
  footer .footer__rights {
    flex-direction: column-reverse;
  }
}
footer .footer__rights .second {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  footer .footer__rights .footer__logos-container {
    overflow: visible;
    white-space: nowrap;
    width: 100%;
    position: relative;
  }
  footer .footer__rights .footer__logos-wrapper {
    display: flex;
    width: max-content;
  }
  footer .footer__rights .footer__logos {
    display: flex;
    gap: 20px;
    
    animation: marquee 15s linear infinite;
  }
  footer .footer__rights .footer__logos img {
    min-width: 0;
  }
  footer .footer__rights .second {
    display: flex;
  }
}
footer .footer__caption {
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  footer .footer__caption {
    margin-top: 3.2rem;
  }
}
footer .footer__logos {
  display: flex;
  justify-content: flex-end;
  gap: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  footer .footer__logos {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1199.98px) {
  footer .footer .menu-footer-policy-menu-container, footer .footer .footer__social {
    margin-top: 6.4rem;
  }
  footer .footer .menu-footer-services-menu-container, footer .footer .menu-footer-main-menu-container {
    margin-top: 3.2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  footer .footer .menu-footer-policy-menu-container, footer .footer .footer__social, footer .footer .menu-footer-main-menu-container {
    margin-top: 4.8rem;
  }
  footer .footer .menu-footer-services-menu-container {
    margin-top: 9.2rem;
  }
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50.5%);
  }
}
.footer-banner {
  margin-top: 6.4rem;
}
@media only screen and (max-width: 767.98px) {
  .footer-banner {
    margin-top: 3.2rem;
  }
}
.footer-banner__inner {
  position: relative;
  display: flex;
  height: 74rem;
  align-items: flex-end;
  padding: 3.2rem 2.6rem;
}
@media only screen and (max-width: 1399.98px) {
  .footer-banner__inner {
    height: 64rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .footer-banner__inner {
    display: block;
    height: unset;
    padding: 0;
  }
  .footer-banner__inner .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .footer-banner__inner .col-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.footer-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  line-height: 0;
}
@media only screen and (max-width: 991.98px) {
  .footer-banner__image {
    position: initial;
    height: 32rem;
    margin-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .footer-banner__image {
    height: auto;
  }
}
@media only screen and (max-width: 575.98px) {
  .footer-banner__image {
    height: 32rem;
  }
}
.footer-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.footer-banner__team {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.2rem;
  border-radius: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .footer-banner__team {
    margin-top: 1.6rem;
  }
}
.footer-banner__team h6 {
  margin: 0;
}
.footer-banner__team-img {
  overflow: hidden;
  width: 8.99rem;
  min-height: 8.9rem;
  max-height: 8.9rem;
  line-height: 0;
}
.footer-banner__team-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer-banner__team-inner {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 1330px) {
  .footer-banner__team-inner {
    flex-direction: column;
    margin-top: 2.4rem;
  }
}
.footer-banner__team-inner .contact {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.footer-banner__team-inner .contact a {
  width: max-content;
}
.footer-banner__team-inner .contact a:first-of-type {
  margin-bottom: 0.8rem;
}
.footer-banner__content {
  height: 100%;
  padding: 6.4rem;
  border-radius: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .footer-banner__content {
    height: unset;
    padding: 3.2rem;
  }
}
.footer-banner__content .body-small {
  margin-top: 1.6rem;
  margin-right: 6.4rem;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .footer-banner__content .body-small {
    margin-right: 0;
  }
}
.footer-banner__content .button:hover {
  color: var(--btn-text-inverse);
}
.site-header {
  position: relative;
  transition: all 0.6s;
}
@media only screen and (max-width: 991.98px) {
  .site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}
.site-header__cream {
  background-color: var(--background-cream);
}
.site-header.bg-post-header-blue .animation, .site-header.bg-post-header-purple .animation, .site-header.bg-post-header-navy .animation, .site-header.bg-post-header-red .animation, .site-header.bg-post-header-pink .animation {
  opacity: 0.2;
}
.hamburger {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  margin-left: 2.4rem;
  background: var(--surface-navy);
  border-radius: 0.8rem;
}
@media only screen and (max-width: 767.98px) {
  .hamburger {
    width: 4rem;
    height: 4rem;
  }
}
.hamburger .hamburger-line {
  width: 1.4rem;
  height: 0.2rem;
  background-color: var(--icon-inverse);
  display: block;
  border-radius: 0.8rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger .hamburger-line:first-child, .hamburger .hamburger-line:last-child {
  margin: 0.5rem auto;
}
.hamburger:hover {
  cursor: pointer;
}
#hamburger-1.is-active .hamburger-line:nth-child(2) {
  opacity: 0;
}
#hamburger-1.is-active .hamburger-line:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
#hamburger-1.is-active .hamburger-line:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}
.navigation {
  padding-top: 3.2rem;
}
@media only screen and (max-width: 1199.98px) {
  .navigation {
    min-height: 9.4rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .navigation__logo {
    width: 13rem;
    padding-top: 0.9rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .navigation__logo {
    width: auto;
    padding-top: 0;
  }
}
.navigation__logo a {
  display: flex;
}
.navigation__nav {
  display: flex;
  align-self: stretch;
  align-items: center;
}
@media only screen and (max-width: 575.98px) {
  .navigation__nav {
    display: none;
  }
}
.navigation__nav div {
  display: flex;
  height: 100%;
}
.navigation__primary-menu {
  display: flex;
}
.navigation__primary-menu li {
  position: relative;
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  z-index: 3;
  padding: 0 !important;
}
@media only screen and (max-width: 767.98px) {
  .navigation__primary-menu li {
    align-items: center;
  }
}
.navigation__primary-menu li:not(:last-child) {
  margin-right: 2.4rem;
}
.navigation__primary-menu li.services-megamenu a:after {
  content: "";
  display: inline-flex;
  width: 1.1rem;
  height: 1rem;
  background-color: currentColor;
  transition: 0.6s ease;
  margin-left: 1rem;
  position: relative;
  mask-image: url(../image/chevron.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.navigation__primary-menu li.services-megamenu.active-megamenu-parent a::after {
  transform: rotate(180deg) !important;
}
@media only screen and (max-width: 767.98px) {
  .navigation__primary-menu li.services-megamenu.active-megamenu-parent a::after {
    top: 0.1rem;
  }
}
.navigation__primary-menu li.dropdown {
  position: relative;
}
.navigation__primary-menu li.dropdown.active-megamenu-parent a::after {
  transform: rotate(180deg) !important;
}
@media only screen and (max-width: 767.98px) {
  .navigation__primary-menu li.dropdown.active-megamenu-parent a::after {
    top: 0.1rem;
  }
}
.navigation__primary-menu li.dropdown .sub-menu {
  position: absolute;
  top: 6.5rem;
  left: 0;
  z-index: 10;
  display: none;
  min-width: 25rem;
  margin-left: 0;
  padding: 1.6rem;
  background-color: var(--surface-sand);
  border-radius: 0.8rem;
}
.navigation__primary-menu li.dropdown .sub-menu li {
  width: 100%;
  padding-bottom: 0 !important;
}
.navigation__primary-menu li.dropdown .sub-menu a::after {
  display: none;
}
.navigation__primary-menu li.dropdown .sub-menu a:hover {
  background-color: var(--surface-white);
}
.navigation__primary-menu li.dropdown a::after {
  content: "";
  display: inline-flex;
  width: 1.1rem;
  height: 1rem;
  background-color: currentColor;
  transition: 0.6s ease;
  margin-left: 1rem;
  position: relative;
  mask-image: url(../image/chevron.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
@media only screen and (max-width: 767.98px) {
  .navigation__primary-menu li.dropdown a::after {
    top: 0.3rem;
  }
}
.navigation__primary-menu li.dropdown a + .sub-menu {
  color: var(--text-headlines);
}
.navigation__primary-menu li::before {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .navigation__primary-menu li.menu-parent a {
    pointer-events: none;
  }
}
.navigation__primary-menu li a {
  padding: 1.6rem;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 0.8rem;
}
@media only screen and (max-width: 1199.98px) {
  .navigation__primary-menu li a {
    padding: 0.6rem;
  }
  .navigation__primary-menu li a:first-of-type {
    pointer-events: none;
  }
}
.navigation__mobile-menu .dropdown, .navigation__mobile-menu .services-megamenu {
  display: flex;
  align-items: flex-end;
}
.navigation__mobile-menu .dropdown:hover .social::after, .navigation__mobile-menu .dropdown:hover .navigation__back span::after, .navigation__back .navigation__mobile-menu .dropdown:hover span::after, .navigation__mobile-menu .dropdown:hover .megamenu__main-overview span::after, .megamenu__main-overview .navigation__mobile-menu .dropdown:hover span::after, .navigation__mobile-menu .dropdown:hover .megamenu__support-arrow::after, .navigation__mobile-menu .dropdown:hover .social::before, .navigation__mobile-menu .dropdown:hover .navigation__back span::before, .navigation__back .navigation__mobile-menu .dropdown:hover span::before, .navigation__mobile-menu .dropdown:hover .megamenu__main-overview span::before, .megamenu__main-overview .navigation__mobile-menu .dropdown:hover span::before, .navigation__mobile-menu .dropdown:hover .megamenu__support-arrow::before, .navigation__mobile-menu .services-megamenu:hover .social::after, .navigation__mobile-menu .services-megamenu:hover .navigation__back span::after, .navigation__back .navigation__mobile-menu .services-megamenu:hover span::after, .navigation__mobile-menu .services-megamenu:hover .megamenu__main-overview span::after, .megamenu__main-overview .navigation__mobile-menu .services-megamenu:hover span::after, .navigation__mobile-menu .services-megamenu:hover .megamenu__support-arrow::after, .navigation__mobile-menu .services-megamenu:hover .social::before, .navigation__mobile-menu .services-megamenu:hover .navigation__back span::before, .navigation__back .navigation__mobile-menu .services-megamenu:hover span::before, .navigation__mobile-menu .services-megamenu:hover .megamenu__main-overview span::before, .megamenu__main-overview .navigation__mobile-menu .services-megamenu:hover span::before, .navigation__mobile-menu .services-megamenu:hover .megamenu__support-arrow::before {
  transform: translateX(4rem);
}
.navigation__mobile-menu .dropdown .social, .navigation__mobile-menu .dropdown .navigation__back span, .navigation__back .navigation__mobile-menu .dropdown span, .navigation__mobile-menu .dropdown .megamenu__main-overview span, .megamenu__main-overview .navigation__mobile-menu .dropdown span, .navigation__mobile-menu .dropdown .megamenu__support-arrow, .navigation__mobile-menu .services-megamenu .social, .navigation__mobile-menu .services-megamenu .navigation__back span, .navigation__back .navigation__mobile-menu .services-megamenu span, .navigation__mobile-menu .services-megamenu .megamenu__main-overview span, .megamenu__main-overview .navigation__mobile-menu .services-megamenu span, .navigation__mobile-menu .services-megamenu .megamenu__support-arrow {
  margin-left: 1.6rem;
}
.navigation__mobile-menu--inverse {
  color: var(--text-copy);
}
.navigation__sub-menu {
  opacity: 0;
  position: fixed;
  overflow: scroll;
  height: 100vh;
  width: 100%;
  padding-top: 3.2rem;
  padding-bottom: 20rem;
  background-color: var(--background-cream);
  z-index: 10;
  right: -100%;
  transition: right 0.5s Cubic-bezier(0.33, 1, 0.33, 1);
}
.navigation__sub-menu::-webkit-scrollbar {
  display: none;
}
.navigation__sub-menu.active {
  right: 100%;
}
.navigation__sub-menu--slide-left {
  right: 0 !important;
  opacity: 1;
}
.navigation__about-menu {
  margin-top: 1.6rem;
}
.navigation__about-menu li {
  margin: 1.6rem 0 !important;
}
@media only screen and (max-width: 1199.98px) {
  .navigation__about-menu li {
    margin: 0.8rem 0 !important;
  }
}
.navigation__about-menu li::before {
  display: none;
}
.navigation__about-menu a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 2.4rem;
  background: var(--surface-white);
  border-radius: 2.4rem;
}
.navigation__about-menu a::after {
  content: "";
  right: 0;
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  background: var(--neutral-100);
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-size: 2.3rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../image/arrow-right.svg);
}
.navigation.active .navigation__sub-menu {
  opacity: 1 !important;
}
.navigation__back {
  width: fit-content;
  margin-bottom: 2.4rem;
}
.navigation__back span {
  margin-right: 1.6rem;
}
.navigation__back span::after, .navigation__back span::before {
  background-image: url(../image/arrow-left-w.svg);
}
.navigation__back:hover span::after, .navigation__back:hover span::before {
  transform: translateX(4rem);
}
.navigation .animation {
  position: absolute;
  height: 5.6rem;
  top: 3.3rem;
  z-index: 0;
  background: var(--surface-sand);
  border-radius: 1.6rem;
  transition: all 0.5s ease 0s;
}
.navigation--single-work .animation {
  background: var(--surface-tags-inverse);
  opacity: 0.1;
}
.navigation--single-work .menu-item {
  color: var(--text-inverse);
}
.navigation--single-work .sub-menu .menu-item {
  color: initial;
}
.navigation--single-work-retainer .animation {
  background: var(--surface-sand);
  opacity: 1;
}
.megamenu {
  position: absolute;
  z-index: 100;
  top: 10.9rem;
  right: 0;
  left: 0;
  display: none;
  width: 100%;
}
@media only screen and (max-width: 575.98px) {
  .megamenu {
    display: none;
  }
}
.megamenu__container {
  position: relative;
  height: 100%;
  padding: 3.2rem;
  border-radius: 3.2rem;
  margin: auto;
  background-color: var(--surface-white);
}
.megamenu__col-1 {
  width: 40%;
  padding: 2.4rem;
}
.megamenu__col-2 {
  width: 60%;
  padding-left: 4.8rem;
}
.megamenu__content-item {
  display: none;
}
.megamenu__content-item.active {
  display: block;
}
.megamenu__content-item-wrapper {
  display: none;
}
.megamenu__content-item-wrapper.active {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.megamenu__content-overview {
  width: fit-content;
  margin-left: auto;
}
@media only screen and (width <= 1480px) {
  .megamenu__content-overview {
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 1199.98px) {
  .megamenu__content-overview {
    transform: unset;
  }
}
.megamenu__animation {
  position: absolute;
  width: 108%;
  height: 5.4rem;
  top: 0;
  z-index: 0;
  border-radius: 0.8rem;
  transition: all 0.5s ease 0s;
  background-color: var(--surface-white);
}
.megamenu__main-items-wrapper {
  position: relative;
}
.megamenu__main-items-wrapper a:nth-child(2).active ~ .megamenu__animation {
  top: 5.1rem;
}
.megamenu__main-items-wrapper a:nth-child(3).active ~ .megamenu__animation {
  top: 10.4rem;
}
.megamenu__main-items {
  position: relative;
  padding: 1.4rem 1.6rem 1.6rem;
  border-radius: 1.6rem;
  color: var(--text-contrast);
  transition: 0.5s all;
  z-index: 1;
}
.megamenu__main-items.active {
  color: var(--text-headlines);
}
.megamenu__main-overview {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0.8rem 1.6rem;
  color: var(--text-contrast);
}
@media only screen and (max-width: 1199.98px) {
  .megamenu__main-overview {
    width: 100%;
    padding: 2.4rem;
    margin-bottom: 0.8rem !important;
    justify-content: space-between;
  }
}
.megamenu__main-overview span {
  margin-left: 1.6rem;
}
.megamenu__main-overview span::after, .megamenu__main-overview span::before {
  background-image: url(../image/arrow-right.svg);
}
.megamenu__main-overview:hover {
  color: var(--text-headlines);
}
.megamenu__main-overview:hover span::after, .megamenu__main-overview:hover span::before {
  transform: translateX(4rem);
}
.megamenu__main-overview.active {
  color: var(--text-headlines);
}
.megamenu__content-title {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid var(--surface-divider);
  margin-bottom: 2.4rem;
}
@media only screen and (width <= 1480px) {
  .megamenu__content-title {
    margin-bottom: 1.6rem;
  }
}
.megamenu__expertise-title {
  margin-top: 4.8rem;
}
@media only screen and (width <= 1480px) {
  .megamenu__expertise-title {
    margin-top: 2.4rem;
  }
}
.megamenu__service-wrapper {
  display: grid;
  gap: 3.2rem 1.2rem;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (width <= 1480px) {
  .megamenu__service-wrapper {
    row-gap: 2.4rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .megamenu__service-wrapper {
    display: block;
  }
}
.megamenu__service-wrapper a {
  width: fit-content;
}
@media only screen and (max-width: 575.98px) {
  .megamenu__service-wrapper a {
    margin-bottom: 1.6rem;
  }
}
.megamenu__service-title {
  width: fit-content;
}
@media only screen and (width <= 1480px) {
  .megamenu__service-title {
    font-size: 1.5rem !important;
  }
}
.megamenu__support-wrapper {
  padding: 2.4rem;
  border-radius: 1.6rem;
  margin-top: 1.6rem;
  background-color: var(--background-sand);
}
.megamenu__support-wrapper:hover .megamenu__support-arrow::after, .megamenu__support-wrapper:hover .megamenu__support-arrow::before {
  transform: translateX(4rem);
}
.megamenu__support-title {
  padding: 3.2rem 0 1.6rem;
}
.megamenu__support-text {
  max-width: 80%;
}
.megamenu__support-text strong, .megamenu__support-text b {
  color: var(--text-highlight);
}
@media only screen and (width <= 1480px) {
  .megamenu__support-text {
    font-size: 1.6rem;
  }
}
.megamenu__support-arrow {
  margin-left: 2.6rem;
}
@media only screen and (max-width: 1199.98px) {
  .megamenu__support-arrow {
    margin-left: auto;
  }
}
.megamenu__support-arrow::after, .megamenu__support-arrow::before {
  background-image: url(../image/arrow-right.svg);
}
.megamenu__description {
  padding-top: 0.4rem;
  color: var(--text-copy);
}
@media only screen and (width <= 1480px) {
  .megamenu__description {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .megamenu__description {
    max-width: 80%;
    margin-bottom: 2.4rem;
  }
}
.megamenu__key {
  height: 1.6rem;
  width: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../image/key.svg);
}
.megamenu__content {
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
}
.megamenu__heading-content {
  padding-bottom: 1rem;
}
.megamenu__menu .menu-item:not(:last-of-type) {
  padding-bottom: 1rem;
}
.megamenu__text {
  margin-bottom: 1.6rem;
}
.megamenu__mobile-curtain {
  position: fixed;
  z-index: 100;
  top: 9.4rem;
  left: 0;
  display: none;
  width: 100%;
  height: calc(100vh - 8.9rem);
  background-color: var(--background-cream);
}
.megamenu__mobile-curtain .menu-item {
  padding: 0;
  margin: 3.2rem 0;
}
.megamenu__mobile-wrapper {
  padding-bottom: 6rem;
}
.megamenu__mobile-wrapper .sub-menu {
  display: none;
  padding: 1.4rem 0 0;
  margin: 0 0 0.4rem;
  list-style: none;
}
.megamenu__mobile-wrapper .sub-menu li {
  border-bottom: none;
  padding: 0.6rem 0;
}
.megamenu__mobile-wrapper .sub-menu li:first-child {
  margin-top: 0;
}
.megamenu__mobile-nav {
  position: fixed;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: left 0.5s сubic-bezier(0.33, 1, 0.33, 1);
}
.megamenu__mobile-nav.open {
  display: block;
  transform: translateX(0);
}
.megamenu__mobile-nav--slide-left {
  left: -100% !important;
}
.megamenu__mobile-row {
  height: 100vh;
}
.megamenu__mobile-row li::before {
  display: none;
}
.megamenu__mobile-wrapper {
  max-height: calc(100vh - 9rem);
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: auto;
}
.megamenu__tab {
  position: relative;
  margin-bottom: 0.8rem;
}
.megamenu__tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.megamenu__tab input:checked ~ .megamenu__tab-label {
  padding: 2.4rem 2.4rem 1.6rem 2.4rem;
  color: var(--text-headlines) !important;
}
.megamenu__tab input:checked ~ .megamenu__tab-label .megamenu__tab-toggle::before {
  opacity: 0;
  transform: rotate(-90deg);
}
.megamenu__tab input:checked ~ .megamenu__tab-label .megamenu__tab-toggle::after {
  transform: rotate(-90deg);
}
.megamenu__tab input:checked ~ .megamenu__tab-content {
  max-height: 100%;
  padding: 0 2.4rem 2.4rem;
}
.megamenu__tab-label {
  padding: 2.4rem;
  justify-content: space-between;
  font-weight: 900;
}
.megamenu__tab-label.opened {
  color: var(--text-contrast);
}
.megamenu__tab-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.megamenu__services-tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
@media only screen and (max-width: 575.98px) {
  .megamenu__services-tab {
    display: block;
  }
}
.megamenu__expertise-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
.megamenu__expertise-wrapper a {
  display: inline-flex;
  margin-right: 1.6rem;
}
@media only screen and (max-width: 575.98px) {
  .megamenu__expertise-wrapper a {
    display: block;
  }
}
.services-megamenu, .dropdown {
  cursor: pointer;
}
.services-megamenu > a, .dropdown > a {
  pointer-events: none;
}
.services-megamenu > a:hover, .dropdown > a:hover {
  pointer-events: auto;
}
@media only screen and (max-width: 1199.98px) {
  .dropdown {
    cursor: pointer;
  }
  .dropdown a:first-of-type {
    pointer-events: none;
  }
}
.overflow-hidden {
  overflow: hidden;
}
body.logged-in .megamenu {
  top: 10.9rem;
}
@media only screen and (max-width: 767.98px) {
  body.logged-in .megamenu {
    top: 8.4rem;
  }
}
@media screen and (max-width: 782px) {
  body.logged-in .megamenu {
    top: 14rem;
  }
}
.global-animation-subtext {
  transition: all 0.3s;
}
.line {
  display: inline;
  overflow: hidden;
}
.line.bold {
  color: var(--text-highlight);
  font-weight: inherit !important;
}
@keyframes reveal {
  0% {
    transform: translate(0, 100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hero-home {
  position: relative;
  overflow: hidden;
}
.hero-home__container {
  padding-top: 10.4rem;
  padding-bottom: 12.8rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__container {
    padding-top: 8rem;
    padding-bottom: 6.4rem;
  }
}
@media (max-height: 800px) and (min-width: 992px) {
  .hero-home__container {
    padding-top: 9.6rem;
    padding-bottom: 10.4rem;
  }
}
.hero-home__container-mobile {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 575.98px) {
  .hero-home__container-mobile {
    display: none;
  }
}
.hero-home__container, .hero-home__row, .hero-home__col {
  align-content: center;
}
.hero-home__slider {
  position: relative;
  z-index: 1;
}
.hero-home__container {
  background-image: url(../image/home-hero-logo.svg);
  background-repeat: no-repeat;
  background-position-x: right;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__container {
    background-image: none;
  }
}
.hero-home__title {
  max-width: 90%;
  margin-bottom: 3.2rem;
}
.hero-home__sub-title {
  margin-bottom: 3.2rem;
}
.hero-home__slide {
  height: 62rem !important;
  width: 62rem;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1399.98px) {
  .hero-home__slide {
    height: 46rem !important;
    width: 46rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .hero-home__slide {
    width: 90%;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-home__slide {
    height: 39rem !important;
    width: 100%;
  }
}
@media (max-height: 800px) and (min-width: 992px) {
  .hero-home__slide {
    height: 50rem !important;
    width: 50rem !important;
  }
}
.hero-home__slide::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30rem;
  height: 30rem;
  background-image: var(--client-shape);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__slide::after {
    display: none;
  }
}
.hero-home__case-study-top {
  padding: 3.2rem;
}
.hero-home__case-study-details {
  margin-top: auto;
  padding: 3.2rem;
}
.hero-home__case-study-title {
  max-width: 40rem;
  margin: 2.4rem 0 !important;
}
.hero-home__case-study-logo {
  height: 4.8rem;
  width: 100%;
  max-width: 15.2rem;
  margin: auto 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: var(--case-study-logo);
}
.hero-home__case-study-label {
  text-align: end;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__case-study-label {
    display: none;
  }
}
.hero-home__case-study-stat {
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__case-study-stat {
    display: none;
  }
}
.hero-home__case-study-stat::after {
  content: '';
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  min-width: 2.4rem;
  margin-left: 0.8rem;
  background-image: url(../image/subway-up-arrow.svg);
}
.hero-home__case-study-service {
  display: flex;
  align-items: center;
}
.hero-home__case-study-service::before {
  content: '';
  display: block;
  position: relative;
  top: -0.3rem;
  width: 3.8rem;
  height: 2.2rem;
  min-width: 3.8rem;
  margin-right: 0.8rem;
  background-position: center;
  background-image: url(../image/material-symbols_linear-scale.svg);
}
.hero-home__prev, .hero-home__next {
  position: absolute;
  top: unset;
  bottom: 3.2rem;
}
.hero-home__prev {
  right: 13rem;
  left: unset;
}
.hero-home__next {
  right: 8rem;
}
.hero-home__wrap {
  margin: 0 auto;
  position: relative;
}
.hero-home__slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  right: 5rem;
  transition: transform 0.3s;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__slide {
    position: relative;
    right: unset;
  }
}
.hero-home__slide[data-position='1'] {
  z-index: 10 !important;
  transform: rotateY(0deg) translateX(0px) !important;
}
.hero-home__slide[data-position='2'] {
  z-index: 9;
  transform: rotateY(0deg) translateX(10%) scale(0.95);
}
.hero-home__slide[data-position='2'] .hero-home__case-study-top {
  padding: 5.2rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__slide[data-position='2'] .hero-home__case-study-top {
    padding: 2.4rem;
  }
}
.hero-home__slide[data-position='3'] {
  z-index: 8;
  transform: rotateY(0deg) translateX(18%) scale(0.9);
}
.hero-home__slide[data-position='3'] .hero-home__case-study-top {
  padding: 5.2rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-home__slide[data-position='3'] .hero-home__case-study-top {
    padding: 2.4rem;
  }
}
.hero-home__slide[data-position='4'] {
  z-index: 7;
  transform: rotateY(0deg) translateX(30%) scale(0.7);
}
@media only screen and (max-width: 991.98px) {
  .hero-home__slide[data-position='1'], .hero-home__slide[data-position='2'], .hero-home__slide[data-position='3'], .hero-home__slide[data-position='4'] {
    transform: none !important;
  }
}
.hero-home #hero-home-slider {
  height: 62rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 1399.98px) {
  .hero-home #hero-home-slider {
    height: 46rem;
  }
}
@media (max-height: 800px) and (min-width: 992px) {
  .hero-home #hero-home-slider {
    height: 50rem;
  }
}
.hero-primary {
  padding: 6.4rem 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-primary {
    padding: 4.8rem 0;
  }
}
.hero-primary__title {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-primary__title {
    font-size: 3.7rem;
  }
}
.hero-primary__sub-title {
  max-width: 52rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-primary__sub-title {
    max-width: none;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-primary__image-wrapper {
    margin-bottom: 4rem;
  }
}
.hero-primary__image {
  overflow: hidden;
  max-width: 44rem;
  margin-left: auto;
  aspect-ratio: 1;
  line-height: 0;
}
.hero-primary__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1919.98px) {
  .hero-primary__image {
    max-width: 37rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-primary__image {
    max-width: 32rem;
    margin-left: initial;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-primary__image {
    max-height: 100%;
  }
}
.hero-primary__video {
  max-width: 44rem;
  aspect-ratio: 1;
  margin-left: auto;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@include respond @include respond('lg') {
  .hero-primary__video {
    height: 20rem;
    max-width: 20rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-primary__video {
    height: 15rem;
    max-width: 15rem;
  }
}
.hero-primary__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-breadcrumb {
  padding: 12.8rem 0 8rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-breadcrumb {
    padding: 4.8rem 0;
  }
}
.hero-breadcrumb__title {
  padding-top: 2.4rem;
  padding-bottom: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-breadcrumb__title {
    padding-bottom: 2.4rem;
  }
}
.hero-breadcrumb__sub-title {
  max-width: 52rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-breadcrumb__image-wrapper {
    margin-bottom: 4.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-breadcrumb__image-wrapper {
    display: none;
  }
}
.hero-breadcrumb__image {
  overflow: hidden;
  max-width: 30rem;
  height: 30rem;
  margin-left: auto;
  aspect-ratio: 1;
  line-height: 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-breadcrumb__image {
    max-width: 20rem;
    height: 20rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-breadcrumb__image {
    max-width: 15rem;
    height: 15rem;
  }
}
.hero-breadcrumb__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-breadcrumb__video {
  height: 30rem;
  max-width: 30rem;
  margin-left: auto;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991.98px) {
  .hero-breadcrumb__video {
    height: 20rem;
    max-width: 20rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-breadcrumb__video {
    height: 15rem;
    max-width: 15rem;
  }
}
.hero-breadcrumb__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-breadcrumb .breadcrumbs a, .hero-breadcrumb .breadcrumb_last {
  font-size: 1.3rem;
  font-weight: 700;
}
.single-team-hero {
  padding: 5.5rem 0 6.8rem;
}
@media only screen and (max-width: 991.98px) {
  .single-team-hero {
    padding: 4.8rem 0 6.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .single-team-hero {
    padding: 2.4rem 2.4rem 4.8rem;
  }
}
.single-team-hero__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.single-team-hero__content h1 {
  margin: 1.6rem 0 0;
}
@media only screen and (max-width: 991.98px) {
  .single-team-hero__title {
    order: 1;
    width: 100%;
    margin-bottom: 4rem;
  }
}
.single-team-hero__bio {
  max-width: 41.1rem;
  padding: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .single-team-hero__bio {
    width: 100%;
    max-width: none;
    order: 3;
  }
}
.single-team-hero__bio .h6 {
  margin-bottom: 0.8rem;
}
.single-team-hero__bio p {
  font-size: 1.5rem;
}
.single-team-hero__image {
  overflow: hidden;
  width: 100%;
  max-width: 44rem;
  aspect-ratio: 1;
  justify-self: flex-end;
}
.single-team-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1919.98px) {
  .single-team-hero__image {
    max-width: 37rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .single-team-hero__image {
    max-width: 32rem;
    order: 2;
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .single-team-hero__image {
    max-width: none;
    margin-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .single-team-hero .col-lg-6, .single-team-hero__content {
    display: contents;
  }
}
.hero-team-archive {
  padding: 8.4rem 0 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-team-archive .row {
    flex-direction: column-reverse;
  }
}
.hero-team-archive__title {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  max-width: 52.1rem;
}
.hero-team-archive__title h1 {
  margin: 0 0 4rem;
  overflow: hidden;
  white-space: pre-wrap;
}
.hero-team-archive__title h1 span {
  display: block;
  opacity: 0;
  transform: translateY(30px);
  
  animation: slideUp 1s ease forwards;
}
.hero-team-archive__image {
  aspect-ratio: 1;
  border-radius: 3.2rem;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .hero-team-archive__image {
    margin-bottom: 4rem;
  }
}
.hero-team-archive__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.revealing-text span:nth-child(n) {
  animation-delay: calc(0.1s * var(--i));
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
    
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    
  }
}
.hero-casestudy__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-casestudy__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-casestudy__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-casestudy__container {
    width: calc(100% - 2.4rem);
  }
}
.hero-casestudy__rsubtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.hero-casestudy__rsubtitle-icon {
  display: flex;
  min-width: 3.1rem;
  max-width: 3.1rem;
  align-items: center;
  line-height: 0;
}
.hero-casestudy__rsubtitle-icon img {
  width: 100%;
  height: auto;
}
.hero-casestudy__rsubtitle-text {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
  padding: 0.8rem 0;
  font-weight: 700;
}
.hero-casestudy__rupdates-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.8rem auto 2.4rem;
}
.hero-casestudy__rupdates-inner {
  height: 2.8rem;
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
}
.hero-casestudy__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8.2rem auto 3.2rem;
}
@media only screen and (max-width: 767.98px) {
  .hero-casestudy__logo {
    margin-top: 2.4rem;
  }
}
.hero-casestudy__logo-left, .hero-casestudy__logo-right {
  line-height: 0;
}
.hero-casestudy__logo-left img, .hero-casestudy__logo-right img {
  max-height: 4rem;
}
@media only screen and (max-width: 767.98px) {
  .hero-casestudy__logo-left {
    display: none;
  }
}
.hero-casestudy__logo-devider {
  min-width: 0.1rem;
  max-width: 0.1rem;
  height: 4rem;
  margin: 0 2.4rem;
  background-color: var(--surface-logo-inverse);
}
@media only screen and (max-width: 767.98px) {
  .hero-casestudy__logo-devider {
    display: none;
  }
}
.hero-casestudy__title {
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .hero-casestudy__title {
    margin-top: 6.4rem;
  }
}
.hero-casestudy__description {
  max-width: 58rem;
  margin: 2.4rem auto 6.4rem;
  text-align: center;
}
.hero-casestudy__img {
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
  aspect-ratio: 1.7777777778;
  line-height: 0;
}
@media only screen and (max-width: 767.98px) {
  .hero-casestudy__img {
    margin-bottom: 0;
  }
}
.hero-casestudy__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-casestudy__bottom {
  position: relative;
}
.hero-casestudy__bottom-bg {
  content: '';
  display: block;
  position: absolute;
  top: -0.2rem;
  right: 0;
  left: 0;
  height: 45%;
}
.hero-casestudy--retainer .hero-casestudy__logo-devider {
  background-color: var(--surface-navy);
}
.hero-careers {
  padding: 6.4rem 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-careers {
    padding: 4.8rem 0 5.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-careers {
    padding: 2.8rem 0 4.8rem;
  }
}
.hero-careers__title {
  max-width: 51.6rem;
}
@media only screen and (max-width: 1399.98px) {
  .hero-careers__title {
    font-size: 4.1rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-careers__title {
    max-width: unset;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-careers__title {
    font-size: 3.7rem;
  }
}
.hero-careers__content-area {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.hero-careers__post-tags {
  display: flex;
  margin-bottom: 2.4rem;
  gap: 0.8rem;
}
.hero-careers__post-tags-item {
  height: 2.8rem;
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
}
.hero-careers__post-tags span {
  display: block;
}
.hero-careers__hero-text {
  max-width: 41.4rem;
  margin-top: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-careers__hero-text {
    max-width: unset;
  }
}
.hero-careers__hod-wrapper {
  margin: 2.4rem 0 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-careers__hod-wrapper {
    max-width: 39.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-careers__hod-wrapper {
    max-width: 21.2rem;
  }
}
.hero-careers__hod-wrapper h6 {
  margin: 0;
}
.hero-careers__hod-box {
  display: flex;
  align-items: center;
  padding: 1.6rem;
  border-radius: 2.4rem;
  margin: 1.6rem 0 0;
  gap: 1.6rem;
}
@media only screen and (max-width: 575.98px) {
  .hero-careers__hod-box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero-careers__hod-image {
  overflow: hidden;
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 1.6rem;
}
.hero-careers__hod-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@supports (-moz-appearance: none) {
  .hero-careers__hod-details {
    margin-bottom: -0.5em;
  }
  @media only screen and (max-width: 575.98px) {
    .hero-careers__hod-details {
      margin-bottom: unset;
    }
  }
}
.hero-careers__hod-details p {
  margin: 0.4rem 0 0;
}
.hero-careers__image {
  overflow: hidden;
  max-width: 57.7rem;
  margin-left: auto;
  aspect-ratio: 1;
  line-height: 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-careers__image {
    max-width: 32.8rem;
    margin: 2.4rem 0 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-careers__image {
    max-width: 100%;
    margin: 4rem 0 0;
  }
}
.hero-careers__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-single-post {
  padding-top: 6.4rem;
  padding-bottom: 6.4rem;
}
.hero-single-post__content {
  max-width: 62.2rem;
}
.hero-single-post__title {
  min-height: 34.3rem;
  margin-bottom: 2.6rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-single-post__title {
    min-height: unset;
    margin-bottom: 4rem;
  }
}
.hero-single-post__cat {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.4rem;
  gap: 0.8rem;
}
.hero-single-post__cat-item {
  display: flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.hero-single-post__body-label {
  display: block;
  margin-bottom: 1.6rem !important;
}
@media only screen and (max-width: 991.98px) {
  .hero-single-post__body--desktop {
    display: none;
  }
}
.hero-single-post__body--mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .hero-single-post__body--mobile {
    display: block;
    margin-top: 2.4rem;
  }
}
.hero-single-post__img {
  overflow: hidden;
  max-width: 44rem;
  margin-left: auto;
  aspect-ratio: 1;
  line-height: 0;
}
.hero-single-post__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 991.98px) {
  .hero-single-post__img {
    max-width: 32.7rem;
    margin-right: auto;
    margin-left: unset;
  }
}
.team-tabs {
  padding: 6.4rem 0;
}
.team-tabs__column {
  padding: 3.2rem;
}
.team-tabs .h6 {
  margin: 0 0 0.8rem;
}
.team-tabs .col-3 {
  min-width: 30.3rem;
}
.team-tabs .col-3:nth-of-type(n + 5) {
  display: none;
}
.team-bio {
  padding-block: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .team-bio {
    padding-block: 4.8rem;
  }
}
.team-bio__image {
  position: relative;
  width: 100%;
  max-width: 19.6rem;
  aspect-ratio: 1;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .team-bio__image {
    margin-bottom: 4rem;
    max-width: 15.1rem;
  }
}
.team-bio__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-bio__content {
  max-width: 62.9rem;
}
@media only screen and (max-width: 991.98px) {
  .team-bio__content {
    max-width: none;
  }
}
.team-bio__content h2 {
  color: var(--text-headlines);
  margin-bottom: 4rem !important;
}
.team-podcast {
  padding-block: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast {
    padding-block: 4.8rem;
  }
}
.team-podcast__head {
  margin-bottom: 4rem;
  font-size: 1.8rem !important;
}
.team-podcast__title {
  margin-bottom: 2.4rem;
  font-size: 4.1rem;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast__title {
    font-size: 3rem;
  }
}
.team-podcast__episode {
  display: flex;
}
.team-podcast__episode--small .team-podcast__play-btn {
  min-width: 4rem;
  min-height: 4rem;
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
}
.team-podcast__episode--small .team-podcast__play-btn:before, .team-podcast__episode--small .team-podcast__play-btn:after {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0.8rem;
}
.team-podcast__episode--small .team-podcast__tags {
  margin-bottom: 1.6rem;
}
.team-podcast__episode--small .team-podcast__top {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast__play-btn {
    min-width: 4rem;
    min-height: 4rem;
    width: 4rem;
    height: 4rem;
    border-radius: 0.8rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .team-podcast__play-btn:before, .team-podcast__play-btn:after {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-podcast .row {
    gap: 2.4rem;
  }
}
.team-podcast__video {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1.5555555556;
}
.team-podcast__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-podcast__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.team-podcast__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.team-podcast__content a {
  width: fit-content;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast__top {
    margin-bottom: 2.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-podcast__top {
    margin-bottom: 2.4rem;
  }
}
.team-podcast__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 3.2rem;
  font-size: 1.3rem;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast__tags {
    margin-bottom: 1.6rem;
  }
}
.team-podcast__latest {
  display: block;
  border-radius: 3rem;
  padding: 0.4rem 0.8rem;
}
.team-podcast__entry {
  font-size: 1.8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast__episode-title {
    font-size: 2.1rem;
  }
}
.team-podcast__episode-title:not(:last-child) {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast__episode-title:not(:last-child) {
    margin-bottom: 0;
  }
}
.team-podcast__controls {
  display: flex;
  margin-top: 4rem;
  column-gap: 2.4rem;
}
.team-podcast .controls-btns {
  display: flex;
  column-gap: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast .controls-btns {
    display: none;
  }
}
.team-podcast__controls-pagination {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.team-podcast .swiper-pagination {
  position: unset;
  display: flex;
  column-gap: 1.1rem;
}
@media only screen and (max-width: 991.98px) {
  .team-podcast .swiper-pagination {
    column-gap: 0.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .team-podcast .swiper-pagination {
    column-gap: 0.4rem;
  }
}
.team-podcast .swiper-pagination-bullet {
  position: relative;
  overflow: hidden;
  height: 0.4rem;
  flex-grow: 1;
  border-radius: 4rem;
  margin: 0 !important;
  background-color: var(--background-sand);
  opacity: 1;
}
.team-podcast .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-purple);
  transform: scaleX(0);
  transform-origin: left;
}
.team-podcast .swiper-pagination-bullet-active::after {
  transform: scaleX(100%);
}
.team {
  margin-bottom: 10.2rem;
}
.hentry {
  margin: 0;
}
.single-post__container {
  padding-top: 6.4rem;
}
.single-post__row {
  padding-bottom: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .single-post__row {
    padding-bottom: 4.8rem;
  }
}
.single-post__sidebar {
  position: sticky;
  top: 6.4rem;
  width: 57%;
  min-width: 30.4rem;
  margin-left: auto;
}
@media only screen and (max-width: 1199.98px) {
  .single-post__sidebar {
    width: unset;
    min-width: unset;
  }
}
.single-post__reading {
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .single-post__reading {
    display: none;
  }
}
.single-post__reading-time {
  margin-bottom: 1.6rem;
  text-align: center;
}
.single-post__reading-bar {
  border-radius: 4rem;
}
.single-post__reading-bar-progress {
  width: 0;
  height: 0.4rem;
  border-radius: 4rem;
}
.single-post__cta {
  position: relative;
  overflow: hidden;
  margin-bottom: 3.2rem;
}
.single-post__cta-img {
  width: 100%;
  height: 32rem;
}
.single-post__cta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-post__cta-talk {
  position: absolute;
  right: 2.4rem;
  bottom: 2.4rem;
  left: 2.4rem;
  padding: 3.2rem;
  font-size: 0;
}
@media only screen and (max-width: 1199.98px) {
  .single-post__cta-talk {
    right: 1.6rem;
    bottom: 1.6rem;
    left: 1.6rem;
    padding: 3.2rem 2.4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .single-post__cta-talk {
    right: 2.4rem;
    bottom: 2.4rem;
    left: 2.4rem;
    max-width: 24.8rem;
    padding: 3.2rem;
  }
}
.single-post__cta-talk-link {
  margin-top: 0.8rem;
}
.single-post__share {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3.2rem;
  column-gap: 1.6rem;
}
@media only screen and (max-width: 991.98px) {
  .single-post__share--desktop {
    display: none;
  }
}
.single-post__share--mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .single-post__share--mobile {
    display: flex;
    margin-bottom: 6.4rem;
  }
}
.single-post__share-lable {
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
  color: #000;
}
@supports (-moz-appearance: none) {
  .single-post__share-lable {
    padding: 0.1em 0;
    margin-bottom: -0.2em;
  }
}
.single-post__share-links {
  display: flex;
  column-gap: 0.8rem;
}
.single-post__share-links .social, .single-post__share-links .navigation__back span, .navigation__back .single-post__share-links span, .single-post__share-links .megamenu__main-overview span, .megamenu__main-overview .single-post__share-links span, .single-post__share-links .megamenu__support-arrow {
  border: none;
}
.single-post__related {
  padding-bottom: 6.4rem;
  margin-top: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .single-post__related {
    border-bottom: none;
    margin-top: 4.8rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .single-post__related-col:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
.single-post__related-title {
  margin-bottom: 4rem;
}
.single-post__related-title strong {
  color: inherit !important;
}
.single-post .wysiwyg-editor h1 strong, .single-post .wysiwyg-editor h2 strong, .single-post .wysiwyg-editor h3 strong, .single-post .wysiwyg-editor h4 strong, .single-post .wysiwyg-editor h5 strong, .single-post .wysiwyg-editor h6 strong {
  color: inherit !important;
}
.single-work__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .single-work__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .single-work__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .single-work__container {
    width: calc(100% - 2.4rem);
  }
}
.single-work__intro-left {
  max-width: 52rem;
}
@media only screen and (max-width: 991.98px) {
  .single-work__intro-left {
    max-width: unset;
    margin-bottom: 6.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .single-work__intro-left {
    max-width: unset;
    margin-bottom: 4.8rem;
  }
}
.single-work__intro-right {
  max-width: 52rem;
  margin-left: auto;
}
@media only screen and (max-width: 991.98px) {
  .single-work__intro-right {
    max-width: unset;
  }
}
.single-work__intro-industry {
  margin-bottom: 2.4rem;
}
.single-work__intro-tags-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
  column-gap: 0.8rem;
}
@media only screen and (max-width: 575.98px) {
  .single-work__intro-tags-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.single-work__intro-tags {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.single-work__intro-tags-item {
  display: flex;
  min-height: 2.8rem;
  align-items: center;
  padding: 0.3rem 0.8rem 0.5rem;
  border-radius: 3rem;
}
.single-work__intro-title {
  margin-bottom: 3.2rem !important;
}
.single-work__intro-link {
  margin-top: 2.4rem;
}
.single-work__intro-challange {
  margin-bottom: 3.2rem;
}
.single-work__intro-challange-text {
  margin-top: 1.6rem;
}
.single-work__intro-solution {
  margin-bottom: 3.2rem;
}
.single-work__intro-solution-text {
  margin-top: 1.6rem;
}
.single-work__intro-stat {
  padding-top: 3.2rem;
  border-top: 0.1rem solid var(--surface-divider);
  margin-bottom: 3.2rem;
}
.single-work__intro-stat-text {
  margin-top: 1.6rem;
}
.single-work__intro-stat strong {
  color: var(--text-highlight);
}
.single-work__intro-start {
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
  padding-top: 3.2rem;
  border-top: 0.1rem solid var(--surface-divider);
}
.single-work__intro-start-logo {
  min-width: 2.1rem;
  max-width: 2.1rem;
  line-height: 0;
}
.single-work__type {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.single-work__type-icon {
  display: flex;
  min-width: 3.1rem;
  max-width: 3.1rem;
  align-items: center;
  line-height: 0;
}
.single-work__type-icon img {
  width: 100%;
  height: auto;
}
.single-work__type-title {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
  padding: 0.8rem 0;
  font-weight: 700;
}
.careers-post {
  padding: 9.6rem 0 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .careers-post {
    padding: 6.4rem 0 4.8rem;
  }
}
.careers-post__content h2, .careers-post__content h3, .careers-post__content h4 {
  margin: 6.4rem 0 3.2rem;
}
.careers-post__content p, .careers-post__content ul, .careers-post__content ol {
  margin: 0 0 1.6rem;
}
.careers-post__sidebar {
  position: sticky;
  top: 9.6rem;
}
@media only screen and (max-width: 991.98px) {
  .careers-post__sidebar {
    position: static;
    margin: 6.4rem 0 1.6rem;
  }
}
.careers-post__apply-box {
  position: relative;
  overflow: hidden;
  border-radius: 3.2rem;
  margin: 0 0 2.4rem;
  aspect-ratio: 1;
}
@media only screen and (max-width: 991.98px) {
  .careers-post__apply-box {
    margin: 0;
    aspect-ratio: 2;
  }
}
@media only screen and (max-width: 767.98px) {
  .careers-post__apply-box {
    aspect-ratio: 1;
  }
}
.careers-post__apply-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.careers-post__apply-box-text-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 2.4rem 2.4rem;
}
.careers-post__apply-box-text {
  display: inline-block;
  padding: 3.2rem;
  border-radius: 2.4rem;
  background-color: var(--surface-navy);
}
.careers-post__apply-box-text p {
  margin: 0 0 0.8rem;
  color: var(--text-inverse);
}
.careers-post__social-share {
  align-items: center;
  gap: 1.6rem;
}
@media only screen and (max-width: 991.98px) {
  .careers-post__social-share {
    margin-bottom: 6.4rem;
  }
}
.careers-post__social-icons {
  display: flex;
  gap: 0.8rem;
}
.careers-post__link {
  margin-top: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .single-careers .entry-content section:last-child {
    padding-bottom: 0 !important;
  }
}
.blog__title {
  padding-block: 6.4rem;
}
.blog__title a {
  text-decoration: underline;
}
.blog__result-title {
  padding: 4rem 0 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__result-title {
    padding: 6.4rem 0 4.8rem;
  }
}
.blog__result-title .h4 {
  margin-bottom: 2.4rem;
}
.blog__actions {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 6.4rem;
  z-index: 99;
}
@media only screen and (max-width: 991.98px) {
  .blog__actions {
    margin-bottom: 2.4rem;
  }
}
.blog__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
}
.blog__filters .blog__filter {
  height: 5.6rem;
  width: max-content;
  padding: 1.6rem;
  border: none;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: 'area-normal', sans-serif;
}
@media only screen and (max-width: 991.98px) {
  .blog__filters .blog__filter {
    display: block;
  }
}
.blog__filters .blog__filter span {
  display: block;
}
.blog__filters .blog__filter.active {
  background-color: var(--background-contrast);
  color: var(--text-inverse);
}
@media only screen and (max-width: 991.98px) {
  .blog__filters .blog__filter.active {
    background-color: var(--background-cream);
    color: var(--text-headlines);
  }
}
@media only screen and (max-width: 991.98px) {
  .blog__filter:not(.active) {
    display: none;
  }
}
.blog__filters--alt {
  padding: 3.2rem 0 8rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__filters--alt {
    flex-wrap: wrap;
    gap: 0.8rem;
  }
  .blog__filters--alt .blog__filter:not(.active) {
    display: block;
  }
}
.blog__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.blog__buttons--alt {
  width: 100%;
}
.blog__search {
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
  min-height: 5.6rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__search {
    margin-left: 0;
  }
}
.blog__search.active .blog__search-input-wrapper {
  display: block;
}
.blog__search.active .blog__search-btn {
  margin-right: 1.6rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__search.active .blog__search-btn {
    margin-right: 0.8rem;
  }
}
.blog__search.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: flex-end;
  background-color: white;
  padding: 1.6rem 2.4rem;
}
.blog__search.overlay .blog__search-input-wrapper {
  display: block;
  position: relative;
  transform: translate(0, 0);
}
.blog__search.overlay .blog__search-btn {
  position: fixed;
  top: 2.4rem;
  right: 3.2rem;
}
.blog__search.overlay .blog__search-results {
  display: flex;
  position: fixed;
  top: 8.8rem;
  left: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 13.6rem;
  border-radius: 0;
}
.blog__search.overlay-admin-bar {
  margin-top: 4.6rem;
}
.blog__search.overlay-admin-bar .blog__search-btn {
  top: 7rem;
}
.blog__search.overlay-admin-bar .blog__search-results {
  top: 13.4rem;
  padding-bottom: 18.2rem;
}
.blog__search.overlay .clear-input {
  display: block;
}
.blog__search-results {
  display: none;
  position: absolute;
  top: calc(100% + 2.4rem);
  left: 0;
  max-width: 84.7rem;
  padding: 2.4rem 2.4rem 3.6rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__search-results {
    max-width: none;
  }
}
.blog__search-results .button--underline {
  display: none;
  margin: 1.6rem 0 0 1.6rem;
  width: max-content;
}
.blog__search-input-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.6rem;
}
.blog__search-input-wrapper .clear-input {
  display: none;
  position: absolute;
  top: 50%;
  right: 7.2rem;
  width: 1.2rem;
  height: 1.2rem;
  transform: translate(0, -50%);
  background-color: var(--surface-navy);
  -webkit-mask: url('../image/close.svg') no-repeat center;
  mask: url('../image/close.svg') no-repeat center;
  cursor: pointer;
}
.blog__search-input-wrapper.typing .clear-input {
  display: block;
}
.blog__search-input {
  width: 100%;
  height: 5.6rem;
  z-index: 10;
  padding: 0 9.6rem 0 1.6rem !important;
  border: none !important;
  border-radius: 0.8rem !important;
  font-size: 1.6rem;
  font-weight: 700;
}
.blog__search-input:focus {
  border: 0.2rem solid var(--system-baby-blue);
}
.blog__search label {
  display: block;
  cursor: text;
}
@media only screen and (max-width: 991.98px) {
  .blog__search label {
    display: none;
  }
}
.blog__show-filters {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .blog__show-filters {
    display: flex;
  }
}
.blog__search-btn {
  margin-left: 1.5rem;
  cursor: pointer;
  z-index: 20;
}
.blog__posts {
  margin-block: -1.2rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__posts {
    padding-block: 4.8rem;
    margin-block: -0.8rem;
  }
}
.blog__post {
  padding-block: 1.2rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__post {
    padding-top: 0.8rem;
  }
}
.blog__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
  width: 100%;
  padding-block: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .blog__pagination {
    margin-top: 8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog__pagination {
    padding-block: 4.8rem;
    margin-top: 0;
  }
}
.blog__page, .blog__ellipsis {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
}
.blog__page.current, .blog__ellipsis.current {
  background-color: var(--surface-navy);
  color: #fff;
  width: 3.2rem;
}
.blog .blog__posts-container {
  position: relative;
}
.blog .blog__posts-container:after {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  content: '';
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.blog .blog__posts-container.loading:after {
  opacity: 1;
}
.work-archive .filter-item {
  display: flex;
  height: 5.6rem;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  border: none;
  border-radius: 0.8rem;
  background: none;
  cursor: pointer;
  font-weight: 800;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
}
@supports (-moz-appearance: none) {
  .work-archive .filter-item span {
    padding: 0.1rem 0;
    margin-bottom: -0.2em;
  }
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
  .work-archive .filter-item span {
    padding: 0.1rem 0;
    margin-top: -0.2em;
  }
}
.work-archive .filter-item sup {
  margin-left: 0.3rem;
}
.work-archive .filter-item[disabled] {
  opacity: 0.8;
  pointer-events: none;
}
.work-archive .filter-item--label {
  display: none;
}
.work-archive .filter-item--cream {
  background-color: var(--background-cream);
}
.work-archive .filter-item--cream.active {
  background-color: var(--background-contrast);
}
.work-archive .filter-item--cream.active span {
  color: var(--text-inverse);
}
.work-archive__filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 6.4rem;
  gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .work-archive__filters {
    justify-content: space-between;
    padding-top: 4.8rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .work-archive__filters .filter-item {
    display: none;
  }
  .work-archive__filters .filter-item--label {
    display: flex;
    cursor: default;
  }
}
.work-archive__filters-spacer {
  width: 0.1rem;
  background-color: var(--surface-divider);
}
@media only screen and (max-width: 991.98px) {
  .work-archive__filters-spacer {
    display: none;
  }
}
.work-archive__filters-right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .work-archive__filters-right .filter-item {
    display: none;
  }
}
.work-archive__filters-item.active {
  pointer-events: none;
}
.work-archive__filters-hidden {
  display: none;
  padding-top: 2.4rem;
}
.work-archive__filters-bottom {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
}
.work-archive__grid {
  margin-top: 6.4rem;
  margin-bottom: -4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .work-archive__grid {
    margin-bottom: -3.2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .work-archive__grid {
    margin-top: 2.4rem;
  }
}
.work-archive__grid::after {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.work-archive__grid.loading::after {
  opacity: 1;
}
.work-archive__grid-item {
  width: calc(50% - 2.4rem);
  margin-bottom: 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .work-archive__grid-item {
    width: 100%;
    margin-bottom: 3.2rem;
  }
}
.work-archive__grid-item--full {
  width: 100%;
}
.work-archive__grid-item--full .work-card__content-wrapper {
  padding: 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .work-archive__grid-item--full .work-card__content-wrapper {
    padding: 3.2rem 2.4rem;
  }
}
.work-archive__grid-item--full .work-card__title {
  max-width: none;
}
@media only screen and (max-width: 767.98px) {
  .work-archive__grid-item--full .work-card__title {
    max-width: 32.8rem;
  }
}
.work-archive__grid-item--full .work-card__default-image {
  width: 76%;
}
@media only screen and (max-width: 767.98px) {
  .work-archive__grid-item--full .work-card__default-image {
    width: 36.7%;
    right: 0;
    clip-path: none;
  }
}
.work-archive__loading {
  display: none;
  margin-top: 4rem;
  text-align: center;
}
@media only screen and (max-width: 991.98px) {
  .work-archive__loading {
    margin-top: 6.4rem;
  }
}
.work-archive .rotation {
  animation: rotation 3s linear infinite;
  transform-origin: center;
}
.work-archive__popup {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100dvh;
  padding: 0 2.4rem;
  background-color: var(--surface-white);
}
.work-archive__popup .filter-item--label {
  display: none;
}
.work-archive .works-filters-popup {
  height: 100%;
}
.work-archive .works-filters-popup__header {
  display: flex;
  height: 8.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 0;
}
.work-archive .works-filters-popup__filters {
  display: flex;
  overflow: auto;
  height: calc(100% - 8.8rem);
  flex-direction: column;
  align-items: flex-start;
  padding-top: 3.2rem;
  gap: 0.8rem;
}
.work-archive .works-filters-popup__filters-separator {
  width: 5.6rem;
  min-height: 0.1rem;
  max-height: 0.1rem;
  margin: 1.6rem 0;
  background-color: var(--surface-divider);
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.admin-bar .work-archive-popup {
  top: 3.2rem;
  height: calc(100dvh - 3.2rem);
}
@media only screen and (max-width: 767.98px) {
  .admin-bar .work-archive-popup {
    top: 4.6rem;
    height: calc(100dvh - 4.6rem);
  }
}
@media only screen and (max-width: 601px) {
  .admin-bar .work-archive-popup {
    top: 0;
    height: 100dvh;
  }
}
.legal-section__hero {
  padding: 6.4rem 0;
  text-align: center;
}
@media only screen and (max-width: 991.98px) {
  .legal-section__hero {
    padding: 4.8rem 0;
  }
}
.legal-section__page-title {
  margin: 0 0 2.4rem 0;
}
.legal-section__content-col {
  margin: 2.4rem 0 0 0;
  word-wrap: break-word;
}
.legal-section__content-col h1, .legal-section__content-col h2, .legal-section__content-col h3, .legal-section__content-col h4, .legal-section__content-col h5, .legal-section__content-col h6 {
  color: var(--text-headlines);
}
.legal-section__content-col a {
  box-shadow: inset 0 -0.5rem var(--btn-hyperlink);
  padding-top: 0.3rem;
  color: var(--text-copy);
  text-decoration: underline !important;
  text-underline-offset: 0.5rem;
  position: relative;
  z-index: 1;
  transition: box-shadow 0.3s;
}
.legal-section__content-col a:hover {
  box-shadow: inset 0 -2.2rem var(--btn-hyperlink);
  transition: box-shadow 0.3s;
}
.legal-section ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: item;
}
.legal-section ol li {
  margin: 4rem 0 0 0;
  padding: 0 0 0 3.6rem;
  counter-increment: item;
  position: relative;
}
.legal-section ol li h4::before {
  content: counters(item, '.') '.';
  position: absolute;
  top: 0;
  left: 0;
}
.legal-section ol li ol {
  list-style: none;
}
.legal-section ol li ol > li {
  margin: 2.4rem 0 0 0;
  padding: 0 0 0 4.2rem;
}
.legal-section ol li ol > li::before {
  content: counters(item, '.') '';
  position: absolute;
  top: 0.2rem;
  left: 0;
}
.legal-section ol li ol ul {
  margin: 0;
  list-style: none;
  counter-reset: alphabeticList;
}
.legal-section ol li ol ul li {
  margin: 1.6rem 0 0 0;
  padding: 0 0 0 3.6rem;
  counter-increment: alphabeticList;
}
.legal-section ol li ol ul li::before {
  content: '(' counter(alphabeticList,lower-alpha) ')';
  width: auto;
  height: auto;
  top: 0;
  background-color: transparent;
}
.legal-section .CookieDeclarationType {
  border: 0;
  border-radius: 3.2rem;
  margin: 6.4rem 0 0 0;
  padding: 2.4rem;
  background-color: var(--cream);
}
.legal-section .CookieDeclarationTypeDescription {
  margin: 2.6rem 0;
}
.legal-section .CookieDeclarationTable {
  display: inherit;
  border-radius: 2.4rem;
  overflow-x: auto;
}
.legal-section .CookieDeclarationTable thead {
  background-color: var(--surface-purple);
}
.legal-section .CookieDeclarationTable thead th {
  padding: 0.6rem 1.6rem 0 2.4rem;
  color: var(--text-inverse);
}
.legal-section .CookieDeclarationTable tbody tr {
  background-color: var(--surface-sand);
}
.legal-section .CookieDeclarationTable tbody tr:nth-child(odd) {
  background-color: var(--text-inverse);
}
.legal-section .CookieDeclarationTable tbody tr td {
  border: 0;
  padding: 1.6rem 1.6rem 0.6rem 2.4rem;
}
.error404 {
  background-color: var(--cream);
}
.error-page__row {
  padding: 6.4rem 0;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .error-page__row {
    padding: 4.8rem 0;
  }
}
.error-page__row::after {
  content: '';
  width: calc(100% - 2.4rem);
  height: 0.1rem;
  background-color: var(--surface-divider);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.error-page__content-col p {
  margin: 3.2rem 0 0 0;
}
.error-page__image-col {
  aspect-ratio: 1.038;
  overflow: hidden;
  max-width: 50rem;
}
@media only screen and (max-width: 991.98px) {
  .error-page__image-col {
    text-align: right;
    margin: 4.8rem 0 0 auto;
    max-width: 32.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .error-page__image-col {
    max-width: unset;
  }
}
.error-page__image-col img {
  border-radius: 3.2rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 575.98px) {
  .error-page__image-col img {
    max-width: unset;
  }
}
.error-page__links {
  display: inline-flex;
  flex-direction: column;
  margin: 4.5rem 0 0 0;
}
.error-page__links a {
  width: max-content;
  margin: 0 0 0.8rem 0;
}
.error-page__links a:last-of-type {
  margin: 0;
}
.thank-you__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 12.8rem;
  text-align: center;
}
@media only screen and (max-width: 991.98px) {
  .thank-you__content {
    padding-block: 4.8rem 8.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .thank-you__content {
    padding-block: 4.8rem;
  }
}
.thank-you__content-btn > span:first-child {
  transform: translateY(-8%);
}
.thank-you__content h1 {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .thank-you__content h1 {
    margin-bottom: 3.2rem;
    font-size: 3.7rem;
  }
}
.thank-you__content p {
  margin-bottom: 3.2rem;
}
.base {
  padding-top: 10rem;
  background-color: var(--text-inverse);
  overflow: hidden;
}
.base .stat-card {
  margin-bottom: 2.4rem;
}
.base__tokens-bg {
  background: #f6e7ff;
}
.base__spacing {
  margin: 1.6rem 0 !important;
}
.base__first-type {
  margin-bottom: 3.2rem;
}
.base__second {
  height: 14rem;
  background-color: var(--support-warning-contrast);
  color: var(--text-inverse);
}
.base__white {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  background-color: var(--text-inverse);
}
.base__navy {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  background-color: var(--btn-primary);
}
.base__container {
  margin-top: 4rem;
  margin-bottom: 4rem;
  background-color: var(--background-purple);
}
.base__container .col-6 div {
  height: 100%;
}
.base__canvas {
  padding: 2.4rem 3.2rem;
}
.base__canvas.round-corner-outer, .base__canvas.stat-card, .base__canvas.popup__content {
  background-color: #d9d9d9;
}
.base__canvas.round-corner-middle, .base__canvas.stat-card {
  background-color: #1e1e1e;
}
.base__canvas.round-corner-inner {
  background-color: var(--text-highlight);
  height: 40rem;
  width: 79rem;
}
.base__canvas.round-corner-core {
  background-color: var(--text-headlines);
  height: 14rem;
  width: 14rem;
  margin-left: auto;
}
.base__buttons {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.base__buttons a {
  margin: 1.6rem;
}
.base__row {
  background-color: var(--client-erc);
}
.base__box {
  height: 11.6rem;
  width: 11.6rem;
  margin: 1.6rem;
  border-radius: 0.8rem;
}
.base__blue-100 {
  background-color: var(--blue-100);
}
.base__text-contrast {
  background-color: var(--text-contrast);
}
.base__text-disabled {
  background-color: var(--text-disabled);
}
.base__text-error {
  background-color: var(--text-error);
}
.base__text-success {
  background-color: var(--text-success);
}
.base__text-highlight {
  background-color: var(--text-highlight);
}
.base__text-inverse {
  background-color: var(--text-inverse);
}
.base__text-headlines {
  background-color: var(--text-headlines);
}
.base__text-copy {
  background-color: var(--text-copy);
}
.base__surface-logo {
  background-color: var(--surface-logo);
}
.base__surface-logo-inverse {
  background-color: var(--surface-logo-inverse);
}
.base__surface-navy {
  background-color: var(--surface-navy);
}
.base__surface-sand {
  background-color: var(--surface-sand);
}
.base__surface-cream {
  background-color: var(--surface-cream);
}
.base__surface-blue {
  background-color: var(--surface-blue);
}
.base__surface-purple {
  background-color: var(--surface-purple);
}
.base__surface-tags {
  background-color: var(--surface-tags);
}
.base__surface-tags-inverse {
  background-color: var(--surface-tags-inverse);
}
.base__surface-white {
  background-color: var(--surface-white);
}
.base__surface-divider {
  background-color: var(--surface-divider);
}
.base__btn-primary {
  background-color: var(--btn-primary);
}
.base__btn-text-inverse {
  background-color: var(--btn-text-inverse);
}
.base__btn-text {
  background-color: var(--btn-text);
}
.base__btn-disabled {
  background-color: var(--btn-disabled);
}
.base__btn-error {
  background-color: var(--btn-error);
}
.base__btn-hyperlink {
  background-color: var(--btn-hyperlink);
}
.base__background-cream {
  background-color: var(--background-cream);
}
.base__background-sand {
  background-color: var(--background-sand);
}
.base__background-contrast {
  background-color: var(--background-contrast);
}
.base__background-blue {
  background-color: var(--background-blue);
}
.base__background-purple {
  background-color: var(--background-purple);
}
.base__icon-navy {
  background-color: var(--icon-navy);
}
.base__icon-navy-50 {
  background-color: var(--icon-navy-50);
}
.base__icon-inverse {
  background-color: var(--icon-inverse);
}
.base__icon-inverse-30 {
  background-color: var(--icon-inverse-30);
}
.base__icon-highlight {
  background-color: var(--icon-highlight);
}
.base__support-focus {
  background-color: var(--support-focus);
}
.base__support-error {
  background-color: var(--support-error);
}
.base__support-error-contrast {
  background-color: var(--support-error-contrast);
}
.base__support-success {
  background-color: var(--support-success);
}
.base__support-success-contrast {
  background-color: var(--support-success-contrast);
}
.base__support-warning {
  background-color: var(--support-warning);
}
.base__support-warning-contrast {
  background-color: var(--support-warning-contrast);
}
.base__client-mazars {
  background-color: var(--client-mazars);
}
.base__client-coller {
  background-color: var(--client-coller);
}
.base__client-rede {
  background-color: var(--client-rede);
}
.base__client-kapow {
  background-color: var(--client-kapow);
}
.base__client-clanwilliam {
  background-color: var(--client-clanwilliam);
}
.base__client-kn {
  background-color: var(--client-kn);
}
.base__client-angle {
  background-color: var(--client-angle);
}
.base__client-3c {
  background-color: var(--client-3c);
}
.base__client-hl {
  background-color: var(--client-hl);
}
.base__client-tfl {
  background-color: var(--client-tfl);
}
.base__client-erc {
  background-color: var(--client-erc);
}
.base__client-timera {
  background-color: var(--client-timera);
}
.base__client-astoriom {
  background-color: var(--client-astoriom);
}
.base__client-bioscript {
  background-color: var(--client-bioscript);
}
.text__inner {
  max-width: 85rem;
}
@media only screen and (max-width: 991.98px) {
  .text__inner {
    max-width: 52rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .text__inner {
    max-width: 100%;
  }
}
.text__inner h1, .text__inner h2, .text__inner h3 {
  margin-bottom: 2.4rem;
  color: var(--text-headlines);
}
.text__inner p, .text__inner div {
  margin-bottom: 2.4rem;
  color: var(--text-copy);
}
.text__inner p:last-child, .text__inner div:last-child {
  margin-bottom: unset;
}
.expertise-slider .services-card {
  display: flex;
  justify-content: space-between;
  padding: 4.8rem;
  column-gap: 8rem;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card {
    flex-direction: column;
    padding: 3.2rem 2.4rem;
    column-gap: 4.8rem;
  }
}
.expertise-slider .services-card__content {
  display: flex;
  flex: 0 1 55rem;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1919.98px) {
  .expertise-slider .services-card__content {
    flex: 0 1 50rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card__content {
    flex: unset;
    order: 3;
  }
}
.expertise-slider .services-card__content-header {
  margin-bottom: 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card__content-header {
    display: none;
  }
}
.expertise-slider .services-card__type--mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card__type--mobile {
    display: block;
    order: 1;
    margin-bottom: 4.8rem;
  }
}
.expertise-slider .services-card__title {
  max-width: 50rem;
  margin-bottom: 3.2rem;
  letter-spacing: normal;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card__title {
    max-width: unset;
  }
}
.expertise-slider .services-card__text {
  margin-bottom: 4.8rem;
}
.expertise-slider .services-card__capabilities {
  margin-bottom: 6.4rem;
}
.expertise-slider .services-card .capabilities__title {
  margin-bottom: 1.6rem;
}
.expertise-slider .services-card .capabilities__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.expertise-slider .services-card .capabilities__list-item {
  padding: 0.3rem 0.8rem 0.4rem;
  border-radius: 3rem;
  background-color: var(--surface-tags);
}
.expertise-slider .services-card__media {
  display: flex;
  flex: 0 1 57.3rem;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card__media {
    max-width: 28.2rem;
    flex: unset;
    order: 2;
    margin-bottom: 4.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .expertise-slider .services-card__media {
    max-width: 100%;
  }
}
.expertise-slider .services-card__media-inner {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
  line-height: 0;
}
.expertise-slider .services-card__media-inner img, .expertise-slider .services-card__media-inner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expertise-slider .services-card__media-client {
  margin-top: 1.6rem;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card__media-client {
    margin-top: 0.8rem;
  }
}
.expertise-slider .services-card .service-client {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .services-card .service-client {
    align-items: flex-start;
  }
}
.expertise-slider .services-card .service-client__logo {
  height: 1.5rem;
  line-height: 0;
}
.expertise-slider .services-card .service-client__logo img {
  width: auto;
  height: 100%;
}
.expertise-slider__controls {
  display: flex;
  margin-top: 2.4rem;
  column-gap: 2.4rem;
}
.expertise-slider .controls-btns {
  display: flex;
  column-gap: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .controls-btns {
    display: none;
  }
}
.expertise-slider__controls-pagination {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.expertise-slider .swiper-slide-active {
  opacity: 1 !important;
}
.expertise-slider .swiper-pagination {
  position: unset;
  display: flex;
  column-gap: 1.1rem;
}
@media only screen and (max-width: 991.98px) {
  .expertise-slider .swiper-pagination {
    column-gap: 0.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .expertise-slider .swiper-pagination {
    column-gap: 0.4rem;
  }
}
.expertise-slider .swiper-pagination-bullet {
  position: relative;
  overflow: hidden;
  height: 0.4rem;
  flex-grow: 1;
  border-radius: 4rem;
  margin: 0 !important;
  background-color: var(--background-sand);
  opacity: 1;
}
.expertise-slider .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-purple);
  transform: scaleX(0);
  transform-origin: left;
}
.expertise-slider .swiper-pagination-bullet-active::after {
  transform: scaleX(100%);
}
.expertise-slider__slider.autoplay .swiper-pagination-bullet-active::after {
  transition: transform 10s linear;
}
.expertise-slider__slider:not(.autoplay) .swiper-pagination-bullet-active::after {
  transition: none !important;
}
.news-rollup__case-study-container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .news-rollup__case-study-container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .news-rollup__case-study-container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .news-rollup__case-study-container {
    width: calc(100% - 2.4rem);
  }
}
.news-rollup__content-row {
  margin-bottom: 4rem;
}
.news-rollup__blog-card-col {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .news-rollup__blog-card-col {
    margin-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .news-rollup__cta-button {
    margin: 3.2rem 0 0 0;
  }
}
.faqs__title {
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .faqs__title {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .faqs__items {
    margin-bottom: 4rem;
  }
}
.faqs .faq {
  padding: 2.4rem;
}
.faqs .faq:not(:last-child) {
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .faqs .faq:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
.faqs .faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 3rem;
  cursor: pointer;
  transition: margin-bottom 0.35s ease;
}
@media only screen and (max-width: 991.98px) {
  .faqs .faq-question {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 575.98px) {
  .faqs .faq-question {
    column-gap: 2.3rem;
  }
}
.faqs .faq-question__text {
  flex: 0 1 55.5rem;
  letter-spacing: -0.02em;
}
.faqs .faq-question__text strong {
  color: var(--text-highlight);
}
.faqs .faq__answer {
  overflow: hidden;
  max-height: 0;
  padding-right: 5.6rem;
  opacity: 0;
  transition: max-height 0.35s ease, opacity 0.35s ease;
}
@media only screen and (max-width: 991.98px) {
  .faqs .faq__answer {
    padding-right: unset;
  }
}
.faqs .faq__answer p, .faqs .faq__answer div {
  margin-bottom: 2.4rem;
}
.faqs .faq__answer strong {
  color: var(--text-copy);
  font-weight: 900 !important;
}
.faqs .faq__answer *:last-child {
  margin-bottom: 0;
}
.faqs .faq--open {
  background-color: var(--background-cream);
}
.faqs .faq--open .faq-answer {
  max-height: 100vh;
  opacity: 1;
}
.faqs .faq--open .faq-question {
  margin-bottom: 1.6rem;
}
.faqs__contact {
  max-width: 30rem;
  margin-left: auto;
}
@media only screen and (max-width: 991.98px) {
  .faqs__contact {
    max-width: unset;
  }
}
.faqs .faqs-contact {
  position: sticky;
  top: 3.2rem;
  padding: 3.2rem;
  background-color: var(--surface-navy);
}
.faqs .faqs-contact__header {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .faqs .faqs-contact__header {
    display: flex;
    margin-bottom: 4.8rem;
    column-gap: 4.8rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .faqs .faqs-contact__header {
    align-items: center;
  }
}
.faqs .faqs-contact__header-title {
  margin-bottom: 6.4rem;
  color: var(--text-inverse);
}
@media only screen and (max-width: 991.98px) {
  .faqs .faqs-contact__header-title {
    flex-grow: 1;
    margin-bottom: unset;
  }
}
.faqs .faqs-contact__header-img {
  overflow: hidden;
  width: 8.9rem;
  height: 8.9rem;
  line-height: 0;
}
@media only screen and (max-width: 991.98px) {
  .faqs .faqs-contact__header-img {
    min-width: 8.9rem;
  }
}
.faqs .faqs-contact__header-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 991.98px) {
  .faqs .faqs-contact__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
  }
}
.full-width-image .full-image {
  position: relative;
  padding: 9rem 4.8rem;
}
@media only screen and (max-width: 1919.98px) {
  .full-width-image .full-image {
    padding: 4.8rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .full-width-image .full-image {
    position: initial;
    padding: unset;
  }
}
.full-width-image .full-image__media {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  line-height: 0;
}
@media only screen and (max-width: 991.98px) {
  .full-width-image .full-image__media {
    position: relative;
    height: 40rem;
    margin-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .full-width-image .full-image__media {
    height: 32rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .full-width-image .full-image__media--desktop {
    display: none;
  }
}
.full-width-image .full-image__media--mobile {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .full-width-image .full-image__media--mobile {
    display: block;
  }
}
.full-width-image .full-image__media--location img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.full-width-image .full-image__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.full-width-image .full-image__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6.4rem;
  background-color: var(--background-cream);
}
@media only screen and (max-width: 1919.98px) {
  .full-width-image .full-image__content {
    padding: 4.8rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .full-width-image .full-image__content {
    padding: 3.2rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .full-width-image .full-image__content {
    position: initial;
    top: unset;
    left: unset;
    width: unset;
    max-width: unset;
    padding: 3.2rem;
    transform: unset;
  }
}
.full-width-image .full-image__content-title {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 1199.98px) {
  .full-width-image .full-image__content-text {
    font-size: 1.6rem;
  }
}
.full-width-image .full-image__content-cta {
  margin-top: 6rem;
  cursor: pointer;
}
@media only screen and (max-width: 1919.98px) {
  .full-width-image .full-image__content-cta {
    margin-top: 3.2rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .full-width-image .full-image__content-cta {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .full-width-image .full-image__content-cta {
    margin-top: 2.4rem;
  }
}
.full-width-image .full-image-location {
  margin-top: 2.4rem;
}
.full-width-image .full-image-location__title {
  margin-bottom: 1.2rem;
}
.full-width-image .full-image--image .full-image__content {
  width: 42%;
  max-width: 58.5rem;
}
@media only screen and (max-width: 991.98px) {
  .full-width-image .full-image--image .full-image__content {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .full-width-image .full-image--image .full-image__content-title {
    font-size: 2.6rem;
  }
}
.full-width-image .full-image--location .full-image__content {
  width: 58.5rem;
}
@media only screen and (max-width: 1199.98px) {
  .full-width-image .full-image--location .full-image__content {
    top: 50%;
    width: 54%;
  }
}
@media only screen and (max-width: 991.98px) {
  .full-width-image .full-image--location .full-image__content {
    width: 100%;
    max-width: 100%;
  }
}
.full-width-image .full-image--location .full-image__content-cta {
  margin-top: 2.4rem;
}
.full-width-image .full-image .tips a {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.full-width-image .full-image .tips a img {
  top: 0 !important;
  left: 0 !important;
}
.full-width-image .full-image .tips a::before, .full-width-image .full-image .tips a::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-timing-function: ease-out;
  background-color: var(--text-highlight);
  transform: translate(-50%, -50%) scale(1);
  content: '';
  display: block;
}
.full-width-image .full-image .tips a::before {
  animation-delay: 0s;
  animation-duration: 1.5s;
}
.full-width-image .full-image .tips a::after {
  animation-delay: 0.5s;
  animation-duration: 2.5s;
}
@keyframes pulse {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(4);
  }
}
.full-width-image .wrap_svl_center {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1399.98px) {
  .full-width-image .wrap_svl_center_box, .full-width-image .wrap_svl {
    width: 100%;
  }
}
@media only screen and (max-width: 1399.98px) {
  .full-width-image .wrap_svl_center, .full-width-image .wrap_svl_center_box, .full-width-image .wrap_svl, .full-width-image .images_wrap {
    height: 100%;
  }
}
@media only screen and (max-width: 1399.98px) {
  .full-width-image .images_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
  }
}
body #powerTip {
  background-color: #fff;
}
body #powerTip.n::before {
  border-top: 1rem solid var(--background-cream);
}
body #powerTip.s::before {
  border-bottom: 1rem solid var(--background-cream);
}
body #powerTip.e::before {
  border-right: 1rem solid var(--background-cream);
}
body #powerTip.w::before {
  right: -1rem;
  border-left: 1rem solid var(--background-cream);
}
body #powerTip.ne::before, body #powerTip.nw::before {
  border-top: 1rem solid var(--background-cream);
}
body #powerTip.se::before, body #powerTip.sw::before {
  border-bottom: 1rem solid var(--background-cream);
}
body #powerTip.nw-alt::before, body #powerTip.ne-alt::before, body #powerTip.sw-alt::before, body #powerTip.se-alt::before {
  border-top: 1rem solid var(--background-cream);
}
body #powerTip.sw-alt::before, body #powerTip.se-alt::before {
  border-bottom: 1rem solid var(--background-cream);
}
body .box_view_html {
  color: var(--text-headlines);
}
body .box_view_html span.close_ihp svg {
  fill: var(--text-headlines);
}
.client-results__wrapper {
  border-radius: 3.2rem;
  padding: 6.4rem;
  background-color: var(--surface-cream);
}
@media only screen and (max-width: 991.98px) {
  .client-results__wrapper {
    padding: 2.4rem;
  }
}
.client-results__content-row {
  display: flex;
  gap: 3.2rem;
  margin: 0 0 4rem 0;
  justify-content: space-between;
}
@media only screen and (max-width: 767.98px) {
  .client-results__content-row {
    gap: 2.4rem;
    flex-direction: column;
  }
}
.client-results__content {
  max-width: 58.7rem;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .client-results__content {
    max-width: unset;
    order: 1;
  }
}
.client-results__content h2, .client-results__content p {
  margin: 0 0 2.4rem 0;
}
.client-results__content h1, .client-results__content h2, .client-results__content h3, .client-results__content h4, .client-results__content h5, .client-results__content h6 {
  color: var(--text-headlines);
}
.client-results__content a.button--underline {
  margin: 1.6rem 0 0 0;
}
.client-results__image {
  max-width: 29.3rem;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .client-results__image {
    max-width: 14.8rem;
  }
}
.client-results__image img {
  border-radius: 2.4rem;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.client-results__cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.6rem;
}
@media only screen and (max-width: 991.98px) {
  .client-results__cards-grid {
    grid-template-columns: 1fr;
  }
}
.client-results__cards-grid .manual-card {
  height: 100%;
  padding: 3.2rem 3.2rem 4.2rem;
  border-radius: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .client-results__cards-grid .manual-card {
    padding: 1.6rem 1.6rem 3.2rem;
  }
}
.client-results__cards-grid .manual-card__logo-wrapper {
  border-radius: 2.4rem;
  display: flex;
  width: 100%;
  height: 15.8rem;
  align-items: center;
  justify-content: center;
  background-color: white;
  overflow: hidden;
}
.client-results__cards-grid .manual-card__logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.client-results__cards-grid .manual-card__description {
  margin: 3.2rem 0 0;
  color: var(--text-inverse);
}
@media only screen and (max-width: 991.98px) {
  .client-results__cards-grid .manual-card__description {
    margin: 1.6rem 0 0;
  }
}
.promo-banner .banner {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .promo-banner .banner {
    padding: 3.2rem 3.2rem 7.9rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .promo-banner .banner {
    padding: 3.2rem 3.2rem 6.4rem;
  }
}
.promo-banner .banner span {
  display: block;
}
@media only screen and (max-width: 575.98px) {
  .promo-banner .banner__content {
    padding-bottom: 9.6rem;
  }
}
.promo-banner .banner__content-bg {
  position: absolute;
  top: 50%;
  left: 52%;
  width: 58%;
  aspect-ratio: 0.6993067591;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767.98px) {
  .promo-banner .banner__content-bg {
    width: 50%;
    transform: translate(-50%, -50%) rotate(12deg);
  }
}
@media only screen and (max-width: 575.98px) {
  .promo-banner .banner__content-bg {
    top: 79%;
    left: 65%;
    width: 78%;
    transform: translate(-50%, -50%) rotate(7deg);
  }
}
.promo-banner .banner__content-bg-inner {
  width: 100%;
  height: 100%;
  background-image: url('../image/sobold-logo-bg.svg');
  background-size: contain;
  transition: transform 0.3s ease-in-out;
}
.promo-banner .banner__content-title {
  max-width: 56.2rem;
  margin-bottom: 2.4rem;
  color: var(--surface-white);
}
.promo-banner .banner__content-text {
  max-width: 65.5rem;
  color: var(--surface-white);
}
.promo-banner .banner__link-btn {
  position: absolute;
  right: 3rem;
  bottom: 3.3rem;
}
@media only screen and (max-width: 991.98px) {
  .promo-banner .banner__link-btn {
    right: 2.4rem;
    bottom: 2.4rem;
  }
}
.promo-banner .banner:hover .banner__content-bg-inner {
  transform: scale(1.05);
}
@media only screen and (max-width: 767.98px) {
  .promo-banner .banner:hover .banner__content-bg-inner {
    transform: scale(1.2);
  }
}
.promo-banner .banner:hover .banner__link-btn::before, .promo-banner .banner:hover .banner__link-btn::after {
  transform: translateX(4rem);
}
.promo-banner .banner.no-link:hover .banner__content-bg-inner {
  transform: scale(1);
}
.logo-strip__title {
  text-align: center;
  margin: 0 0 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .logo-strip__title {
    margin: 0 0 1.6rem;
  }
}
.logo-strip .col-12:not(:first-of-type) .logo-strip__column::before {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -12px;
  bottom: 0;
  background-color: var(--surface-divider);
}
@media only screen and (max-width: 991.98px) {
  .logo-strip .col-12:not(:first-of-type) .logo-strip__column::before {
    height: 1px;
    width: 100%;
    left: 0;
  }
}
.logo-strip__column {
  display: flex;
  justify-content: center;
  position: relative;
}
.logo-strip__column img {
  height: 88px;
  width: auto;
  display: block;
}
@media only screen and (max-width: 991.98px) {
  .logo-strip__column {
    padding: 2.4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonials {
    overflow: hidden;
    max-width: 100vw;
  }
}
.testimonials__title {
  margin-bottom: 4rem;
  max-width: 85rem;
}
.testimonials .stat {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.testimonials .stat__number {
  color: var(--text-highlight);
}
.testimonials .stat__text {
  white-space: nowrap;
}
.testimonials .stat__logo img {
  width: auto;
  height: 4.5rem;
}
.testimonials .clients__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
  column-gap: 4.8rem;
}
@media only screen and (max-width: 1199.98px) {
  .testimonials .clients__header {
    margin-bottom: 3.2rem;
  }
}
.testimonials .clients__header-stat {
  flex: 0 0 auto;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .clients__header-stat {
    display: none;
  }
}
.testimonials .clients .client-logo-wrapper {
  position: relative;
  line-height: 0;
}
.testimonials .clients .client-dark-logo {
  opacity: 1;
  transition: opacity 0.3s;
}
.testimonials .clients .client-color-logo {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
}
.testimonials .clients-nav {
  display: flex;
}
.testimonials .clients-nav-item {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 2.4rem;
}
.testimonials .clients-nav-item:hover .client-dark-logo, .testimonials .clients-nav-item.active .client-dark-logo {
  opacity: 0;
}
.testimonials .clients-nav-item:hover .client-color-logo, .testimonials .clients-nav-item.active .client-color-logo {
  opacity: 1;
}
.testimonials .clients .animation {
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
  transition: all 0.5s ease 0s;
}
.testimonials .clients .swiper-slide {
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.testimonials .clients__scrollbar {
  width: calc(100% - 17.1rem - 4.8rem);
  height: 0.4rem;
  border-radius: 4rem;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .clients__scrollbar {
    width: auto;
  }
}
.testimonials .clients__scrollbar .swiper-scrollbar-drag {
  border-radius: 4rem;
  background: var(--background-purple);
}
@media only screen and (max-width: 991.98px) {
  .testimonials .clients-slider {
    overflow: visible;
  }
}
.testimonials__client-case, .testimonials__sotm {
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .testimonials__client-case, .testimonials__sotm {
    height: unset;
    margin-top: 1.6rem;
  }
}
.testimonials__stat.stat {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .testimonials__stat.stat {
    display: flex;
    justify-content: center;
    margin-top: 2.4rem;
  }
}
.testimonials .feedbacks {
  transition: min-height 0.5s;
}
.testimonials .feedback {
  display: none;
}
.testimonials .feedback__content {
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .feedback__content {
    height: unset;
  }
}
.testimonials .feedback--active {
  display: block;
}
.testimonials .feedback-content {
  padding: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .feedback-content {
    padding: 3.2rem;
  }
}
.testimonials .feedback-content__header {
  margin-bottom: 2.4rem;
}
.testimonials .feedback-content__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 3.2rem;
}
@media only screen and (max-width: 1199.98px) {
  .testimonials .feedback-content__body {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2.7rem;
  }
}
.testimonials .feedback-content .person {
  display: flex;
  align-items: center;
  padding: 0.8rem 0;
  column-gap: 1.6rem;
}
@media only screen and (max-width: 1199.98px) {
  .testimonials .feedback-content .person {
    padding: 0;
  }
}
.testimonials .feedback-content .person__img {
  overflow: hidden;
  min-width: 8.2rem;
  max-width: 8.2rem;
  aspect-ratio: 1;
  line-height: 0;
}
.testimonials .feedback-content .person__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonials .feedback-content .person__data-name {
  display: block;
  white-space: nowrap;
}
@media only screen and (max-width: 575.98px) {
  .testimonials .feedback-content .person__data-name {
    white-space: unset;
  }
}
.testimonials .feedback-content .person__data-role {
  display: block;
  margin-top: 0.4rem;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .feedback-content .person--client .person__img {
    flex: 0 0 6.4rem;
  }
}
.testimonials .feedback-content .person--team {
  position: relative;
  min-width: 39.7rem;
  padding: 1.6rem 7.2rem 1.6rem 1.6rem;
  background-color: var(--background-contrast);
}
@media only screen and (max-width: 767.98px) {
  .testimonials .feedback-content .person--team {
    min-width: unset;
  }
}
@media only screen and (max-width: 575.98px) {
  .testimonials .feedback-content .person--team {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 575.98px) {
  .testimonials .feedback-content .person--team .person__img {
    margin-bottom: 1.6rem;
  }
}
.testimonials .feedback-content .person--team .person__data-name, .testimonials .feedback-content .person--team .person__data-role {
  color: var(--text-inverse);
}
@media only screen and (max-width: 575.98px) {
  .testimonials .feedback-content .person--team .person__data-name {
    margin-bottom: 0.4rem;
  }
}
.testimonials .feedback-content .person--team .person-link {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
  opacity: 0;
  transition: 0.3s;
}
@media only screen and (max-width: 575.98px) {
  .testimonials .feedback-content .person--team .person-link {
    top: 1.6rem;
    bottom: unset;
  }
}
.testimonials .feedback-content .person--team:hover .person-link {
  opacity: 1;
}
.testimonials .feedback-content .services {
  display: flex;
  min-width: 30%;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .feedback-content .services {
    gap: 0.4rem;
    justify-content: flex-start;
  }
}
.testimonials .feedback-content .services__item {
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
}
.testimonials .client-case {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 4.8rem;
  gap: 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .client-case {
    padding: 3.2rem;
  }
}
.testimonials .client-case__info {
  max-width: 18rem;
}
.testimonials .client-case__info-value {
  padding-top: 1.2rem;
  margin-bottom: 0.8rem;
  color: var(--surface-white);
  font-size: 7rem;
  line-height: 1;
  letter-spacing: normal;
  font-family: "owners", sans-serif;
}
@media only screen and (max-width: 991.98px) {
  .testimonials .client-case__info-value {
    padding-top: unset;
  }
}
.testimonials .client-case__info-text {
  color: var(--surface-white);
  font-size: 1.4rem;
  line-height: 1.3357142857;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
}
.testimonials .client-case__link {
  display: inline-block;
  color: var(--surface-white);
}
.testimonials .sotm {
  padding: 3.2rem;
}
.testimonials .sotm__quote {
  width: 4.2rem;
  height: 4.2rem;
  margin-bottom: 2.4rem;
  background: url("../image/quote-white.svg") no-repeat;
  background-position: center center;
}
.testimonials .sotm__values {
  margin-bottom: 2.4rem;
  color: var(--text-inverse);
}
.testimonials .sotm__text {
  color: var(--text-inverse);
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
  .mac .testimonials .services__item {
    padding: 0.3rem 0.8rem 0.6rem;
  }
}
.values {
  overflow: hidden;
}
.values__header {
  margin: 0 0 5.6rem;
}
@media only screen and (max-width: 991.98px) {
  .values__header {
    margin: 0 0 4.8rem;
  }
}
.values__header h2 {
  margin: 0 0 2.4rem;
}
.values__row {
  backface-visibility: hidden;
}
.values__row:hover {
  animation-play-state: paused !important;
}
.values__row .sotm-card {
  background-color: var(--text-blue);
  color: var(--text-inverse);
}
.values__row .sotm-card svg path {
  fill: white;
}
.values__row .sotm-card:nth-child(2n) {
  background-color: var(--text-highlight);
  color: var(--text-inverse);
}
.values__row .sotm-card:nth-child(3n) {
  background-color: var(--surface-sand);
  color: var(--text-copy);
}
.values__row .sotm-card:nth-child(3n) .sotm-card__title {
  color: var(--text-headlines);
}
.values__row .sotm-card:nth-child(3n) path {
  fill: var(--icon-highlight);
}
.values__carousel:not(:last-child) {
  margin-bottom: 2.4rem;
}
.values__carousel.carousel-1 .values__row {
  animation: auto-scroll-left 100s infinite linear;
  will-change: transform;
}
.values__carousel.carousel-2 .values__row {
  animation: auto-scroll-right 100s infinite linear;
  will-change: transform;
}
@keyframes auto-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes auto-scroll-right {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 575.98px) {
  .form-general {
    padding: 4.8rem 0;
  }
}
.form-general__contact-details-wrapper {
  height: 79.5rem;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .form-general__contact-details-wrapper {
    margin: 6.4rem 0 0 0;
  }
}
.form-general__image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.form-general__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.form-general__contact-box-wrapper {
  width: 100%;
  padding: 3.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 991.98px) {
  .form-general__contact-box-wrapper {
    padding: 1.6rem;
  }
}
.form-general__contact-box {
  width: 100%;
  padding: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .form-general__contact-box {
    padding: 2.4rem;
  }
}
.form-general__contact-box p {
  margin: 0 0 1.6rem;
}
.form-general__contact-link {
  margin: 0.8rem 0 0;
  font-size: 0;
}
.form-general__contact-link a {
  font-size: 1.9rem;
}
.form-general__contact-info::after {
  content: '';
  display: block;
  max-width: 31.1rem;
  width: 100%;
  height: 0.1rem;
  margin: 2.4rem 0 0 0;
  background-color: var(--surface-divider);
  opacity: 0.2;
}
@media only screen and (max-width: 991.98px) {
  .form-general__contact-info::after {
    max-width: unset;
  }
}
.form-general__card-cta-box {
  display: block;
  margin: 1.6rem 0 0 0;
  padding: 2.4rem;
  position: relative;
}
.form-general__card-cta-box:hover .form-general__arrow::before, .form-general__card-cta-box:hover .form-general__arrow::after {
  transform: translateX(4rem);
}
.form-general__card-cta-box:hover .form-general__arrow::after {
  left: -4rem;
}
.form-general__arrow {
  position: absolute;
  top: 2.2rem;
  right: 2.2rem;
  z-index: 1;
}
.form-general__arrow::before, .form-general__arrow::after {
  opacity: 0.5;
}
@media only screen and (max-width: 991.98px) {
  .form-general__arrow {
    display: none;
  }
}
.form-general__card-title-wrapper {
  position: relative;
}
.form-general__card-title-wrapper::after {
  content: '';
  display: block;
  max-width: 31.1rem;
  width: 100%;
  height: 0.1rem;
  margin: 2.4rem 0;
  background-color: var(--surface-divider);
  opacity: 0.2;
}
@media only screen and (max-width: 991.98px) {
  .form-general__card-title-wrapper::after {
    max-width: 20rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .form-general__card-title-wrapper::after {
    max-width: unset;
  }
}
.form-general__card-title-wrapper h4 {
  max-width: 26rem;
  width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .form-general__card-title-wrapper h4 {
    max-width: unset;
  }
}
@media only screen and (max-width: 991.98px) {
  .three-col .row {
    gap: 2.4rem;
  }
}
.three-col .col-12:first-of-type {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 991.98px) {
  .three-col .col-12:first-of-type {
    margin-bottom: 0;
  }
}
.three-col__navy-wrapper {
  position: relative;
  display: flex;
  height: 100%;
  min-height: 56rem;
  align-items: flex-end;
  padding: 2.4rem;
  border-radius: 3.2rem;
  background-image: var(--background);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 1199.98px) {
  .three-col__navy-wrapper {
    padding: 1.6rem;
  }
}
.three-col__navy-wrapper h2 {
  position: relative;
  margin: 2.4rem 0 2.8rem;
}
@media only screen and (max-width: 1199.98px) {
  .three-col__navy-wrapper h2 {
    margin: 2.4rem 0;
  }
}
.three-col__navy-wrapper p {
  margin: 0 0 0.8rem;
}
.three-col__navy-img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.three-col__navy-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.three-col__navy {
  position: relative;
  width: 100%;
  max-width: 49.3rem;
  padding: 2.4rem;
  border-radius: 2.4rem;
}
.three-col__list {
  position: relative;
  display: block;
  height: 100%;
  padding: 6.4rem 4rem;
  border-radius: 3.2rem;
}
@media only screen and (max-width: 1199.98px) {
  .three-col__list {
    padding: 3.2rem;
  }
}
.three-col__list:hover .three-col__list-link {
  opacity: 1;
}
.three-col__list-link {
  margin-top: 2.5rem;
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 575.98px) {
  .three-col__list-link {
    margin-right: auto;
    margin-left: 0;
  }
}
.three-col__list p {
  margin: 2.4rem 0;
}
.three-col__list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 991.98px) {
  .three-col__list-title {
    cursor: pointer;
  }
}
.three-col__list-title span {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .three-col__list-title span {
    display: block;
  }
}
@media only screen and (max-width: 991.98px) {
  .three-col__list-content {
    display: none;
  }
  .three-col__list-content:first-of-type {
    display: block;
  }
}
.three-col__list-content p {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .three-col__list-content p {
    margin-bottom: 2.4rem;
  }
}
.form-multistep__contact {
  position: relative;
  padding: 26.3rem 2.4rem 2.4rem;
  margin-right: 10.3rem;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .form-multistep__contact {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .form-multistep__contact {
    max-width: none;
    padding-top: 27.8rem;
    margin-top: 2.7rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .form-multistep__contact {
    padding-top: 22.3rem;
  }
}
.form-multistep__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-multistep__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.form-multistep__inner {
  position: relative;
  padding: 2.4rem;
}
.form-multistep__head {
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid rgba(220, 227, 237, 0.2);
  margin-bottom: 2.4rem;
  max-width: 74%;
}
@media (max-width: 1199px) {
  .form-multistep__head {
    max-width: none;
  }
}
.form-multistep__head p {
  font-size: 1.5rem;
  margin-bottom: 1.6rem;
}
.form-multistep__head a {
  display: block;
  margin-bottom: 0.8rem;
  text-decoration: underline;
}
.form-multistep__body > .h6 {
  margin-bottom: 1.6rem;
}
.form-multistep .team-callout {
  max-width: none;
}
.form-multistep .multistep-progress {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  margin-bottom: 3.2rem;
  max-width: 51.9rem;
}
@media only screen and (max-width: 991.98px) {
  .form-multistep .multistep-progress {
    display: block;
    max-width: none;
    margin-bottom: 3.2rem;
  }
}
.form-multistep .multistep-progress__title {
  font-size: 1.3rem;
  font-weight: 600;
}
@media only screen and (max-width: 991.98px) {
  .form-multistep .multistep-progress__title {
    margin-bottom: 1.6rem;
  }
}
.form-multistep .multistep-progress__step-indicators {
  display: flex;
  gap: 0.4rem;
}
.form-multistep .multistep-progress__step-indicators span {
  display: block;
  height: 0.4rem;
  width: 9.5rem;
  border-radius: 4rem;
  background-color: var(--background-sand);
}
.form-multistep .multistep-progress__step-indicators span.active {
  background-color: var(--background-purple);
}
.form-multistep .form-label {
  margin-bottom: 2.4rem;
  color: var(--text-headlines) !important;
}
.form-multistep .form-group .caption {
  margin-top: 0.8rem;
}
.form-multistep .cf7mls_next {
  float: left;
}
.form-multistep .form-row {
  display: flex;
  align-items: center;
  gap: 2.1rem;
  margin-bottom: 3.2rem;
}
@media (max-width: 1199px) {
  .form-multistep .form-row {
    margin-bottom: 4.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .form-multistep .form-row {
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 0.6rem;
    margin-top: -5rem;
    margin-bottom: 3rem;
  }
  .form-multistep .form-row .selector {
    width: 100%;
  }
}
@media (max-width: 1359px) {
  .form-multistep .form-row:has(.form-hint-box) {
    position: relative;
  }
}
.form-multistep .form-group {
  margin-bottom: 3.2rem;
}
.form-multistep .form-group__info-icon {
  margin-right: 2.4rem;
}
.form-multistep .form-checkbox {
  margin-bottom: 1.6rem;
  max-width: 51.9rem;
}
.form-multistep .form-checkbox label {
  color: var(--text-copy) !important;
}
@media (max-width: 1199px) {
  .form-multistep .form-checkbox {
    max-width: none;
    margin-bottom: 2.4rem;
  }
  .form-multistep .form-checkbox span {
    margin-left: 0;
  }
}
.form-multistep .selector__body-requirements {
  max-width: 51.9rem;
  margin-bottom: 3.2rem;
}
@media (max-width: 1199px) {
  .form-multistep .selector__body-requirements {
    max-width: none;
    padding-top: 0;
    border-top: none;
    margin-bottom: 1.2rem;
  }
}
.form-multistep .selector .selector__toggle input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.form-multistep .selector label {
  margin: 0;
  color: var(--text-headlines) !important;
}
.form-multistep .form-hint-wrapper {
  position: relative;
  flex: 1;
}
.form-multistep .form-hint-wrapper:after {
  content: "";
  position: absolute;
  top: calc(100% + 0.8rem);
  left: -0.6rem;
  width: 5.2rem;
  height: 3rem;
  background-image: url("../image/hint-acc.svg");
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (max-width: 1199px) {
  .form-multistep .form-hint-wrapper:after {
    top: 0;
    bottom: 50%;
    left: auto;
    right: 4.9rem;
    transform: translateX(50%);
    rotate: 90deg;
  }
}
@media (max-width: 1199px) {
  .form-multistep .form-hint-wrapper:after {
    transform: translateX(32%);
  }
}
@media only screen and (max-width: 767.98px) {
  .form-multistep .form-hint-wrapper:after {
    display: none;
  }
}
.form-multistep .form-hint-wrapper:hover:after {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1199px) {
  .form-multistep .form-hint-wrapper {
    position: static;
  }
}
@media (max-width: 1199px) {
  .form-multistep .form-hint-wrapper a {
    justify-self: flex-end;
  }
}
.form-multistep .form-hint-box {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 99;
  width: max-content;
  max-width: 48rem;
  padding: 3.2rem;
  margin-top: 3.3rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (max-width: 1199px) {
  .form-multistep .form-hint-box {
    right: 8.4rem;
    top: auto;
    bottom: 50%;
    transform: translateY(50%);
    width: auto;
    max-width: none;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .form-multistep .form-hint-box {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translateY(0);
    margin: 4.8rem 2.4rem;
  }
  .form-multistep .form-hint-box .h6 {
    font-size: 1.9rem;
  }
}
.form-multistep .form-hint-box__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
.form-multistep .form-hint-box__head .social, .form-multistep .form-hint-box__head .navigation__back span, .navigation__back .form-multistep .form-hint-box__head span, .form-multistep .form-hint-box__head .megamenu__main-overview span, .megamenu__main-overview .form-multistep .form-hint-box__head span, .form-multistep .form-hint-box__head .megamenu__support-arrow {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .form-multistep .form-hint-box__head .social, .form-multistep .form-hint-box__head .navigation__back span, .navigation__back .form-multistep .form-hint-box__head span, .form-multistep .form-hint-box__head .megamenu__main-overview span, .megamenu__main-overview .form-multistep .form-hint-box__head span, .form-multistep .form-hint-box__head .megamenu__support-arrow {
    display: block;
  }
}
.form-multistep .form-hint-wrapper:hover .form-hint-box {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767.98px) {
  .form-multistep .form-hint-wrapper:hover .form-hint-box {
    opacity: 0;
    visibility: hidden;
  }
}
.form-multistep .requirements__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
@media (max-width: 1199px) {
  .form-multistep .requirements__wrapper {
    gap: 2.4rem;
  }
}
.form-multistep .requirement .wpcf7-form-control-wrap {
  display: none;
}
.form-multistep hr {
  max-width: 51.9rem;
  margin-inline: 0 auto;
  margin-bottom: 3.2rem;
}
@media (max-width: 1199px) {
  .form-multistep hr {
    max-width: none;
    margin-bottom: 4.4rem;
  }
}
.form-multistep hr + .form-group {
  max-width: 51.9rem;
  margin-bottom: 3.2rem;
}
@media (max-width: 1199px) {
  .form-multistep hr + .form-group {
    max-width: none;
    margin-bottom: 4.6rem;
  }
}
.form-multistep input, .form-multistep textarea, .form-multistep .wpcf7-list-item-label {
  max-width: 51.9rem;
}
@media (max-width: 1199px) {
  .form-multistep input, .form-multistep textarea, .form-multistep .wpcf7-list-item-label {
    max-width: none;
  }
}
.form-multistep .wpcf7-form .fieldset-cf7mls .cf7mls-btns {
  min-height: 0;
}
.form-multistep .fieldset-cf7mls.cf7mls_current_fs {
  padding-bottom: 0;
}
.form-multistep .wpcf7-validation-errors {
  max-width: 51.9rem;
}
@media (max-width: 1199px) {
  .form-multistep .wpcf7-validation-errors {
    max-width: none;
  }
}
.form-multistep .wpcf7-list-item {
  margin: 0;
}
.form-multistep__divider {
  width: 100%;
  height: 0.1rem;
  background-color: var(--surface-divider);
}
.form-multistep .form-group.no-spacing {
  height: 6rem;
}
.form-multistep .form-group-actions {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.form-multistep .button-back {
  color: var(--btn-primary);
  padding-block: 0.4rem;
  border-bottom: 0.1rem solid var(--btn-primary);
  cursor: pointer;
  font-weight: 700;
  font-size: 1.6rem;
}
.form-multistep .selector__header label {
  font-size: 1.5rem !important;
}
@media only screen and (max-width: 991.98px) {
  .form-job {
    padding: 4.8rem 0 12.2rem 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .form-job {
    padding: 4.8rem 0 7.2rem 0;
  }
}
.form-job__contact-details-wrapper {
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .form-job__contact-details-wrapper {
    height: 40rem;
    margin: 6.4rem 0 0 0;
  }
}
.form-job__image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.form-job__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.form-job__contact-box-wrapper {
  width: 100%;
  padding: 3.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 991.98px) {
  .form-job__contact-box-wrapper {
    padding: 1.6rem;
  }
}
.form-job__contact-box {
  padding: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .form-job__contact-box {
    padding: 2.4rem;
  }
}
.form-job__contact-box p {
  margin: 0 0 1.6rem 0;
}
.form-job__contact-link {
  margin: 0.8rem 0 0 0;
}
.form-job__contact-link a {
  font-size: 1.9rem !important;
}
@media only screen and (max-width: 991.98px) {
  .selector {
    overflow: hidden;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .selector__header.active .selector__text {
    overflow: hidden;
    height: 0;
    margin: 0;
    font-size: 0;
  }
  .selector__header.active .toggle-wrapper {
    height: auto;
    padding: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .selector__header.active .toggle__item {
    height: auto;
    padding: 1.6rem;
    font-size: unset;
  }
  .selector__header.active .toggle__item--support {
    padding-left: 3.8rem;
  }
  .selector__header.active .toggle__item.active::after {
    opacity: 1;
  }
}
.selector__title {
  max-width: 85rem;
  margin-bottom: 2.4rem;
}
.selector__select {
  display: none;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 767.98px) {
  .selector__select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem;
    margin-bottom: 1.6rem;
    column-gap: 1.6rem;
    cursor: pointer;
  }
}
.selector__select-text {
  font-weight: 800;
}
.selector__select .selector__select-text:nth-child(2) {
  position: relative;
  padding-left: 2.7rem;
}
.selector__select .selector__select-text:nth-child(2)::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.1rem;
  height: 1.1rem;
  background: url("../image/key.svg") no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  content: '';
  display: block;
}
@supports (-moz-appearance: none) {
  .selector__select .selector__select-text:nth-child(2)::before {
    transform: translateY(-70%);
  }
}
.selector__select--end-to-end .selector__select-text:nth-child(2) {
  display: none;
}
.selector__select--support .selector__select-text:nth-child(1) {
  display: none;
}
.selector__toggle {
  transition: margin-bottom 0.3s;
}
@media only screen and (max-width: 767.98px) {
  .selector__toggle {
    height: 0;
    margin-bottom: 0;
    transition: 0.3s;
  }
}
.selector__text {
  max-width: 70rem;
  margin-bottom: 2.7rem;
  transition: 0.3s;
}
.selector__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 2.7rem;
  border-top: 1px solid var(--surface-divider);
  column-gap: 6.4rem;
  transition: height 0.3s;
}
@media only screen and (max-width: 991.98px) {
  .selector__body {
    flex-direction: column;
    align-items: flex-start;
    justify-content: unset;
    padding-top: unset;
    border-top: unset;
  }
}
.selector__body-requirements {
  min-width: 0;
  flex: 1 1 auto;
}
@media only screen and (max-width: 991.98px) {
  .selector__body-requirements {
    max-width: 100%;
    flex: unset;
    order: 2;
    padding-top: 2.4rem;
    border-top: 1px solid var(--surface-divider);
  }
}
.selector__cta {
  flex: 0 0 auto;
}
@media only screen and (max-width: 991.98px) {
  .selector__cta {
    margin-bottom: 2.7rem;
  }
}
.selector .toggle-wrapper {
  display: inline-block;
  order: 1;
  padding: 0.8rem;
  border-radius: 3.2rem;
  transition: 0.3s;
}
@media only screen and (max-width: 767.98px) {
  .selector .toggle-wrapper {
    display: block;
    overflow: hidden;
    height: 0;
    padding: 0;
    border-radius: 1.6rem;
  }
}
.selector .toggle {
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 767.98px) {
  .selector .toggle {
    flex-direction: column;
    align-items: unset;
    gap: 0.8rem;
  }
}
.selector .toggle__item {
  position: relative;
  padding: 0.9rem 1.6rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: 0.3s;
}
@media only screen and (max-width: 767.98px) {
  .selector .toggle__item {
    height: 0;
    padding: 0;
    border-radius: 6rem;
    font-size: 0;
  }
}
.selector .toggle__item--support {
  padding-left: 3.8rem;
}
.selector .toggle__item--support::before {
  position: absolute;
  top: 52%;
  left: 0.9rem;
  width: 2.1rem;
  height: 1.1rem;
  background: url("../image/key.svg") no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  content: '';
  display: block;
}
@media only screen and (max-width: 767.98px) {
  .selector .toggle__item.active {
    padding-right: 3.4rem;
    background-color: var(--surface-white);
    transition: background 0.3s;
  }
  .selector .toggle__item.active::after {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    content: '';
    display: block;
    width: 1.8rem;
    height: 1.2rem;
    background: url("../image/tick-purple.svg") no-repeat;
    background-size: contain;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity 0.3s;
  }
}
.selector .toggle__item-text {
  padding-bottom: 0.05em;
  margin-top: -0.05em;
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
}
.selector .toggle__animation {
  position: absolute;
  top: 0;
  height: 100%;
  transition: 0.3s;
}
@media only screen and (max-width: 767.98px) {
  .selector .toggle__animation {
    display: none;
  }
}
.selector .swiper-slide {
  width: 15.9rem;
  height: 15.9rem;
  box-sizing: border-box;
  padding: 1.6rem;
  transition: background-color 0.3s;
}
.selector .swiper-slide:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 991.98px) {
  .selector .requirements-slider {
    overflow: visible;
  }
}
.selector .requirements-slider__scrollbar {
  height: 0.4rem;
  border-radius: 4rem;
  margin-top: 2.4rem;
}
.selector .requirements-slider__scrollbar .swiper-scrollbar-drag {
  border-radius: 4rem;
  background-color: var(--background-purple);
}
.selector .support-slider {
  display: none;
}
.selector .requirement {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  column-gap: 1.6rem;
}
.selector .requirement__btn {
  margin-left: auto;
}
.selector + .expertise-slider .expertise-slider__slider {
  overflow: visible;
}
@media only screen and (max-width: 991.98px) {
  .selector + .expertise-slider .expertise-slider__slider {
    overflow: hidden;
  }
}
.selector + .expertise-slider .swiper-wrapper {
  display: grid;
  grid-template-rows: repeat(var(--cards-count), var(--card-height));
  gap: 4.8rem 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 991.98px) {
  .selector + .expertise-slider .swiper-wrapper {
    display: flex;
    box-sizing: content-box;
  }
}
.selector + .expertise-slider .swiper-slide {
  position: sticky;
  top: 0;
}
@media only screen and (max-width: 991.98px) {
  .selector + .expertise-slider .swiper-slide {
    position: relative;
  }
}
.selector + .expertise-slider .services-card {
  display: block;
  height: var(--card-height);
}
@media only screen and (max-width: 991.98px) {
  .selector + .expertise-slider .services-card {
    padding: 3.2rem 2.4rem;
  }
}
.selector + .expertise-slider .services-card__content {
  display: block;
}
.selector + .expertise-slider .services-card__media {
  display: block;
  flex: 0 1 43.7rem;
}
@media only screen and (max-width: 991.98px) {
  .selector + .expertise-slider .services-card__media {
    flex: unset;
  }
}
.selector + .expertise-slider .services-card__inner {
  display: flex;
  justify-content: space-between;
  column-gap: 11.2rem;
  will-change: opacity;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .selector + .expertise-slider .services-card__inner {
    flex-direction: column;
  }
}
.selector + .expertise-slider .services-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.selector + .expertise-slider .services-card__cta {
  width: fit-content;
}
.infographic .infographic__header {
  max-width: 51.8rem;
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .infographic .infographic__header {
    max-width: unset;
  }
}
.infographic .infographic__header-title {
  margin-bottom: 2.4rem;
}
.infographic .infographic__svg {
  max-width: 144rem;
  margin: 0 auto 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .infographic .infographic__svg {
    display: none;
  }
}
.infographic .infographic__expand-btn {
  margin-left: auto;
}
.infographic .infographic__expand-btn:not(:last-child) {
  margin-bottom: 0.8rem;
}
.infographic .infographic__content-wrapper {
  display: none;
  padding-top: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .infographic .infographic__content-wrapper {
    padding-top: unset;
  }
}
.infographic .infographic__content-wrapper.active {
  display: block;
}
.infographic .infographic__content-wrapper:not(:last-child) {
  margin-bottom: 3.2rem;
}
.infographic .infographic__content-wrapper[data-circle-matching='left'] .infographic-content::before {
  left: 13.8%;
}
.infographic .infographic__content-wrapper[data-circle-matching='center'] .infographic-content::before {
  left: 50%;
}
.infographic .infographic__content-wrapper[data-circle-matching='right'] .infographic-content::before {
  right: 10%;
}
.infographic .infographic-svg {
  position: relative;
}
.infographic .infographic-svg svg {
  width: 100%;
  height: auto;
}
.infographic .infographic-svg .cross-area {
  stroke: var(--surface-cream);
  stroke-width: 1;
  transition: fill 0.5s, stroke 0.5s;
}
.infographic .infographic-svg .cross-area.active, .infographic .infographic-svg .cross-area.hover {
  fill: var(--surface-navy);
  stroke: var(--surface-navy);
}
.infographic .infographic-svg .svg-info-text {
  color: var(--text-headlines);
  transition: color 0.5s, font-size 0.5s;
}
@media only screen and (max-width: 1199.98px) {
  .infographic .infographic-svg .svg-info-text {
    font-size: 1.8rem;
  }
}
.infographic .infographic-svg .circle {
  cursor: pointer;
  transition: fill 0.5s;
}
.infographic .infographic-svg .circle.hover, .infographic .infographic-svg .circle.active {
  fill: var(--surface-navy);
}
.infographic .infographic-svg .circle--right {
  stroke: var(--surface-cream);
  stroke-width: 1;
  transition: fill 0.5s, stroke 0.5s;
}
.infographic .infographic-svg .circle--right.hover, .infographic .infographic-svg .circle--right.active {
  stroke: var(--surface-navy);
  stroke-width: 1;
}
.infographic .infographic-svg__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}
.infographic .infographic-svg__info--left {
  position: absolute;
  top: 50%;
  left: 13.7%;
  transform: translate(-50%, -50%);
}
.infographic .infographic-svg__info--center {
  position: absolute;
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
}
.infographic .infographic-svg__info--right {
  position: absolute;
  top: 50%;
  right: 11.7%;
  transform: translate(-50%, -50%);
}
.infographic .infographic-svg__info.active .svg-info-text, .infographic .infographic-svg__info.hover .svg-info-text {
  color: var(--text-inverse);
}
.infographic .infographic-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 3.2rem;
  column-gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .infographic .infographic-content {
    flex-direction: column;
  }
}
.infographic .infographic-content::before {
  position: absolute;
  top: 0.5rem;
  width: 5.4rem;
  height: 3rem;
  content: '';
  display: block;
  background: url('../image/polygon-sand.svg') no-repeat;
  background-size: contain;
  transform: translate(-50%, -100%);
}
@media only screen and (max-width: 991.98px) {
  .infographic .infographic-content::before {
    display: none;
  }
}
.infographic .infographic-content__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.infographic .infographic-content__img {
  line-height: 0;
}
@media only screen and (max-width: 1199.98px) {
  .infographic .infographic-content__img {
    flex: 1 0 48.6rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .infographic .infographic-content__img {
    display: none;
  }
}
.infographic .info__header {
  margin-bottom: 2.4rem;
}
.infographic .info__header-title {
  margin-bottom: 2.4rem;
}
.infographic .info__header-text {
  max-width: 47.6rem;
}
@media only screen and (max-width: 991.98px) {
  .infographic .info__header-text {
    max-width: unset;
  }
}
.infographic .info__services {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .infographic .info__services {
    display: block;
  }
}
.infographic .info__services-item {
  padding: 1.8rem 1.6rem 1.4rem;
  border-radius: 4rem;
  text-align: center;
}
.infographic .info__services-item:not(:last-child) {
  margin-bottom: 0.8rem;
}
.infographic .info__cta {
  align-self: flex-start;
}
@media only screen and (max-width: 991.98px) {
  .infographic .info__cta {
    margin-top: 2.4rem;
  }
}
.infographic .expand-btn {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .infographic .expand-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem;
    cursor: pointer;
  }
}
.infographic .expand-btn.opened {
  cursor: unset;
}
.infographic .expand-btn__btn {
  margin-left: auto;
}
.infographic .expand-btn__label {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
  font-weight: 800;
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
  .mac .infographic .info__services-item {
    padding: 1.6rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .text-image .row {
    gap: 1.1rem;
  }
}
.text-image__image {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.text-image__image .wrap_svl, .text-image__image .wrap_svl_center_box {
  width: 100%;
  line-height: 0;
}
.text-image__image .images_wrap img {
  display: block;
  max-height: 44rem;
  object-fit: cover;
}
@media only screen and (max-width: 1199.98px) {
  .text-image__image .images_wrap img {
    height: 44rem;
    object-fit: cover;
  }
}
@media only screen and (max-width: 991.98px) {
  .text-image__image .images_wrap img {
    height: auto;
    max-height: none;
    aspect-ratio: 1.25;
  }
}
.text-image .stat-card {
  position: absolute;
  bottom: 3rem;
  left: 2.4rem;
}
@media only screen and (max-width: 1199.98px) {
  .text-image .stat-card {
    bottom: 2.2rem;
    left: 1.6rem;
    max-width: calc(100% - 3.2rem);
  }
}
@media only screen and (max-width: 991.98px) {
  .text-image .stat-card {
    width: unset;
    max-width: 42.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .text-image .stat-card {
    max-width: calc(100% - 3.2rem);
  }
}
.text-image .flex-row-reverse .stat-card {
  right: 2.4rem;
  left: unset;
}
@media only screen and (max-width: 1199.98px) {
  .text-image .flex-row-reverse .stat-card {
    right: 1.6rem;
  }
}
.text-image .tips a {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.text-image .tips a img {
  top: 0 !important;
  left: 0 !important;
}
.text-image .tips a::before, .text-image .tips a::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-timing-function: ease-out;
  background-color: var(--surface-navy);
  transform: translate(-50%, -50%) scale(1);
  content: '';
  display: block;
}
.text-image .tips a::before {
  animation-delay: 0s;
  animation-duration: 1.5s;
}
.text-image .tips a::after {
  animation-delay: 0.5s;
  animation-duration: 2.5s;
}
@keyframes pulse {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(4);
  }
}
.text-image__content {
  height: 100%;
  border-radius: 3.2rem;
  padding: 6.4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.text-image__content h2 {
  margin: 0 0 2.4rem;
}
.text-image__content p:not(:first-of-type) {
  margin: 2.4rem 0 0;
}
.text-image__content ul {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.text-image__content.cream {
  background-color: var(--background-cream);
}
@media only screen and (max-width: 1199.98px) {
  .text-image__content.default {
    padding: 3.2rem 0;
  }
}
@media only screen and (max-width: 991.98px) {
  .text-image__content {
    padding: 3.2rem;
  }
}
.text-image__cta {
  margin-top: 4rem;
}
.partnerships {
  --col-gap: 2.4rem;
  min-height: 58.8rem;
}
@media only screen and (max-width: 991.98px) {
  .partnerships {
    min-height: unset;
  }
}
.partnerships__inner {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}
@media only screen and (max-width: 991.98px) {
  .partnerships__inner {
    display: block;
  }
}
.partnerships__info {
  display: flex;
  flex: 1 1 48.4rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .partnerships__info {
    padding: 3.2rem 3.2rem 4rem;
  }
}
.partnerships__info-header {
  margin-bottom: 3.2rem;
}
.partnerships__info-title {
  margin-bottom: 2.4rem !important;
}
.partnerships__stat-number {
  font-size: 6.4rem;
  line-height: 1.34375;
  letter-spacing: -0.128rem;
  font-family: "owners", sans-serif;
  font-weight: 700;
}
.partnerships__stat-label {
  font-size: 2.1rem;
  line-height: 1.4761904762;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
  margin-top: -1rem;
}
.partnerships__cards-wrapper {
  position: relative;
  min-height: 58.7rem;
  flex: 1 1 83rem;
  margin-right: -13%;
}
@media only screen and (max-width: 1399.98px) {
  .partnerships__cards-wrapper {
    margin-right: -13%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .partnerships__cards-wrapper {
    flex: 1 1 58rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .partnerships__cards-wrapper {
    min-height: unset;
    margin-right: unset;
  }
}
.partnerships__cards {
  overflow: hidden;
}
.partnerships__cards--desktop {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  height: 100%;
  gap: 1.6rem;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991.98px) {
  .partnerships__cards--desktop {
    display: none;
  }
}
.partnerships__cards--mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .partnerships__cards--mobile {
    display: block;
    margin-bottom: -2%;
  }
}
@media only screen and (max-width: 767.98px) {
  .partnerships__cards--mobile {
    margin-bottom: -3%;
  }
}
.partnerships__cards-column {
  display: flex;
  flex-direction: column;
  animation: scrollDown 20s linear infinite;
  backface-visibility: hidden;
  gap: var(--col-gap);
  will-change: transform;
}
.partnerships__cards-column:nth-child(2) {
  animation: scrollUp 20s linear infinite;
}
.partnerships__cards-column:nth-child(3) {
  animation-delay: 1.5s;
}
.partnerships__cards-row {
  display: flex;
  width: max-content;
  gap: var(--col-gap);
}
.partnerships__cards-row:nth-child(1) {
  margin-bottom: 1.6rem;
  animation: scrollLeft 40s linear infinite;
}
.partnerships__cards-row:nth-child(2) {
  animation: scrollRight 40s linear infinite;
}
.partnerships__cards-row .partnerships__cards-item {
  min-width: 22rem;
  max-width: 22rem;
}
.partnerships .client-card {
  padding: 1.2rem 1.2rem 2.2rem;
}
@media only screen and (max-width: 991.98px) {
  .partnerships .client-card {
    padding: 1.2rem 1.2rem 1.6rem;
  }
}
.partnerships .client-card__description {
  display: flex;
  min-height: 4.4rem;
  align-items: center;
  justify-content: center;
  margin-top: 2.2rem;
  color: var(--surface-white);
  text-align: center;
}
@media only screen and (max-width: 991.98px) {
  .partnerships .client-card__description {
    margin-top: 1.6rem;
  }
}
@supports (-moz-appearance: none) {
  .partnerships .client-card__logo-wrapper img {
    height: inherit;
  }
}
@keyframes scrollDown {
  from {
    transform: translateY(calc(-50% - var(--col-gap) / 2));
  }
  to {
    transform: translateY(0);
  }
}
@keyframes scrollUp {
  to {
    transform: translateY(calc(-50% - var(--col-gap) / 2));
  }
}
@keyframes scrollLeft {
  to {
    transform: translateX(calc(-50% - var(--col-gap) / 2));
  }
}
@keyframes scrollRight {
  from {
    transform: translateX(calc(-50% - var(--col-gap) / 2));
  }
  to {
    transform: translateX(0);
  }
}
.grid-block__wrapper {
  margin-bottom: -2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .grid-block__wrapper {
    margin-bottom: unset;
  }
}
.grid-block__item {
  width: calc(100% / 3 - 4.8rem / 3);
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .grid-block__item {
    width: 100%;
    margin-bottom: 1.6rem;
  }
}
@supports (-moz-appearance: none) {
  .grid-block .label {
    padding: 0.1em 0;
    margin-bottom: -0.2em;
  }
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
  .grid-block .label {
    padding: 0.1em 0;
    margin-top: -0.2em;
  }
}
.grid-block__open {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .grid-block__open {
    display: block;
    margin-top: 0.8rem;
  }
}
.grid-block__open .label {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
  font-weight: 800;
}
.grid-block__open-btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 1.6rem;
  cursor: pointer;
}
.grid-block-popup {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100dvh;
  padding: 0 2.4rem 4.8rem;
  background-color: #fff;
}
.grid-block-popup__header {
  display: flex;
  height: 8.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 0;
}
.grid-block-popup__body {
  overflow: scroll;
  max-height: calc(100% - 8.8rem);
}
@media only screen and (max-width: 991.98px) {
  .grid-block-popup .grid-card.desktop {
    display: block;
  }
}
.grid-block-popup .label {
  font-size: 1.9rem;
  line-height: 1.2;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
}
.admin-bar .grid-block-popup {
  top: 3.2rem;
  height: calc(100dvh - 3.2rem);
}
@media only screen and (max-width: 767.98px) {
  .admin-bar .grid-block-popup {
    top: 4.6rem;
    height: calc(100dvh - 4.6rem);
  }
}
@media only screen and (max-width: 601px) {
  .admin-bar .grid-block-popup {
    top: 0;
    height: 100dvh;
  }
}
.work-rollup__case-study-container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .work-rollup__case-study-container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .work-rollup__case-study-container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .work-rollup__case-study-container {
    width: calc(100% - 2.4rem);
  }
}
.work-rollup__header {
  column-gap: 3.2rem;
}
.work-rollup__grid {
  column-count: 2;
  column-gap: 4.8rem;
  margin: auto;
  margin-bottom: -4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .work-rollup__grid {
    column-count: 1;
    margin-bottom: -3.2rem;
  }
}
.work-rollup__grid--single {
  column-count: 1;
}
.work-rollup__top-col {
  margin-bottom: 4rem;
}
.work-rollup__section-title {
  max-width: 85rem;
}
.work-rollup .work-card, .work-rollup .work-card-small {
  margin-bottom: 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .work-rollup .work-card, .work-rollup .work-card-small {
    margin-bottom: 3.2rem;
  }
}
.work-rollup--padding {
  padding: 6.4rem 0 7.6rem;
}
@media only screen and (max-width: 991.98px) {
  .work-rollup--padding {
    padding-bottom: 6.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .work-rollup--padding {
    padding: 4.8rem 0;
  }
}
.services-slider__wrapper {
  overflow: hidden;
}
.services-slider__inner {
  width: 157.6rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1748px) {
  .services-slider__inner {
    width: calc(100% - 13.6rem - 2.4rem);
  }
}
@media only screen and (max-width: 991.98px) {
  .services-slider__inner {
    width: calc(100% - 12rem - 2.4rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .services-slider__inner {
    width: calc(100% - 2.4rem - 2.4rem);
  }
}
.services-slider__scroller {
  display: flex;
  width: max-content;
  column-gap: 2.4rem;
}
@media only screen and (max-width: 767.98px) {
  .services-slider__scroller {
    column-gap: 1.6rem;
  }
}
.services-slider .navy-card {
  position: relative;
  overflow: hidden;
  min-width: 41.1rem;
  max-width: 41.1rem;
}
@media only screen and (max-width: 991.98px) {
  .services-slider .navy-card {
    min-width: 30rem;
    max-width: 30rem;
  }
}
.services-slider .navy-card__img {
  height: 100%;
  line-height: 0;
}
.services-slider .navy-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-slider .navy-card__content {
  position: absolute;
  right: 2.4rem;
  bottom: 2.4rem;
  left: 2.4rem;
  padding: 2.4rem;
}
.services-slider .navy-card__content-title {
  position: relative;
  padding-right: 3.2rem;
  margin-bottom: 7.2rem;
}
@media only screen and (max-width: 991.98px) {
  .services-slider .navy-card__content-title {
    margin-bottom: 2.4rem;
  }
}
.services-slider .navy-card__content-title::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.9rem;
  height: 0.9rem;
  background: url('../image/arrow-right.svg') no-repeat;
  background-size: contain;
  opacity: 0.5;
  transform: translateY(-50%);
}
.services-slider .navy-card__content-text {
  padding-top: 2.4rem;
  border-top: 1px solid rgba(220, 227, 237, 0.2);
  margin-bottom: 0.8rem;
}
.services-slider .service-card {
  display: flex;
  min-width: 51.4rem;
  max-width: 51.4rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.2rem;
  background-color: transparent;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 991.98px) {
  .services-slider .service-card {
    min-width: 32.5rem;
    max-width: 32.5rem;
    padding: 2.4rem;
    background-color: var(--background-cream);
  }
}
.services-slider .service-card:hover {
  background-color: var(--background-cream);
}
.services-slider .service-card span {
  display: block;
}
.services-slider .service-card__header {
  display: flex !important;
  align-items: center;
  margin-bottom: 3.2rem;
  column-gap: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .services-slider .service-card__header {
    display: block !important;
    margin-bottom: 1.6rem;
  }
}
.services-slider .service-card__header-img {
  overflow: hidden;
  flex: 0 0 13rem;
  aspect-ratio: 1.1;
  background-color: #fff;
}
@media only screen and (max-width: 991.98px) {
  .services-slider .service-card__header-img {
    display: block;
    width: 11.2rem;
    margin-bottom: 3.2rem;
  }
}
.services-slider .service-card__header-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-slider .service-card__text {
  margin-bottom: 4rem;
}
.services-slider .service-card__btn {
  margin: 0 -0.8rem -0.8rem auto;
}
@media only screen and (max-width: 991.98px) {
  .services-slider .service-card__btn {
    margin: 0 0 0 auto;
  }
}
.scrolling-cards {
  position: relative;
}
.scrolling-cards__sticky {
  position: sticky;
  top: 3rem;
}
.scrolling-cards__sticky h2 {
  margin: 0 0 2.4rem;
}
.scrolling-cards__sticky p {
  margin-bottom: 3.2rem;
}
.scrolling-cards__sticky-card {
  padding: 3.2rem 0;
  border-top: 1px solid var(--surface-divider);
}
@media only screen and (max-width: 991.98px) {
  .scrolling-cards__sticky-card {
    width: 100%;
    padding: 2.4rem 0 4.8rem;
  }
}
.scrolling-cards__cards {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .scrolling-cards__cards {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .scrolling-cards__cards {
    flex-direction: column;
  }
}
.scrolling-cards__single-card {
  padding: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .scrolling-cards__single-card {
    width: 48%;
    padding: 2.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .scrolling-cards__single-card {
    width: 100%;
  }
}
.scrolling-cards__single-card h5 {
  margin: 0 0 0.8rem;
}
.scrolling-cards__single-card p {
  margin-top: 0.8rem;
}
.scrolling-cards__media-wrapper {
  overflow: hidden;
  width: 100%;
  margin: 0 0 2.4rem;
  aspect-ratio: 2.1462264151;
  line-height: 0;
}
.scrolling-cards__media-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scrolling-cards__media-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scrolling-cards__skip {
  cursor: pointer;
}
@media only screen and (max-width: 991.98px) {
  .scrolling-cards__skip {
    display: none !important;
  }
}
@media only screen and (max-width: 991.98px) {
  .scrolling-cards .team-callout {
    max-width: 100% !important;
  }
}
.accordion__inner {
  padding: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .accordion__inner {
    padding: 2.4rem;
  }
}
.accordion__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 4.8rem;
  gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .accordion__header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: unset;
  }
}
@media only screen and (max-width: 767.98px) {
  .accordion__header {
    margin-bottom: 2.4rem;
  }
}
.accordion__header h2 {
  max-width: 40rem;
}
@media only screen and (max-width: 991.98px) {
  .accordion__header h2 {
    max-width: unset;
  }
}
.accordion__header-text {
  max-width: 50.4rem;
}
@media only screen and (max-width: 991.98px) {
  .accordion__header-text {
    max-width: unset;
    order: 2;
  }
}
.accordion__header-text h2, .accordion__header-text h3 {
  color: var(--text-headlines);
}
.accordion__header-img {
  overflow: hidden;
  flex: 0 0 22rem;
  aspect-ratio: 1;
  line-height: 0;
}
@media only screen and (max-width: 991.98px) {
  .accordion__header-img {
    flex: 0 0 14.8rem;
  }
}
.accordion__header-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.accordion__info {
  position: relative;
  width: 100%;
  padding: 3.2rem;
  margin: 0.8rem 0;
  background-color: var(--surface-white);
}
@media only screen and (max-width: 991.98px) {
  .accordion__info {
    display: none !important;
  }
}
.accordion__info::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-right: 2.25rem solid transparent;
  border-bottom: 2rem solid white;
  border-left: 2.25rem solid transparent;
  transform: translate(-50%, -100%);
}
.accordion__info[data-index='0']::before, .accordion__info[data-index='3']::before {
  left: calc(calc((100% - 3.2rem) / 3) / 2);
}
.accordion__info[data-index='1']::before, .accordion__info[data-index='4']::before {
  left: calc(2 * calc((100% - 3.2rem) / 3) + 1.6rem - (calc((100% - 3.2rem) / 3) / 2));
}
.accordion__info[data-index='2']::before, .accordion__info[data-index='5']::before {
  left: calc(3 * calc((100% - 3.2rem) / 3) + 3.2rem - (calc((100% - 3.2rem) / 3) / 2));
}
.accordion__info-text {
  margin-top: 2.4rem;
}
.accordion__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
@media only screen and (max-width: 991.98px) {
  .accordion__tabs {
    display: block;
  }
}
.accordion__tabs-item {
  display: flex;
  min-width: calc((100% - 3.2rem) / 3);
  max-width: calc((100% - 3.2rem) / 3);
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 991.98px) {
  .accordion__tabs-item {
    display: block;
    min-width: unset;
    max-width: unset;
  }
  .accordion__tabs-item:not(:last-child) {
    margin-bottom: 0.8rem;
  }
}
.accordion__tabs-item-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem;
  column-gap: 1.6rem;
}
@media only screen and (max-width: 1199.98px) {
  .accordion__tabs-item-header {
    padding: 1.6rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .accordion__tabs-item-header {
    padding: 1.6rem;
    column-gap: 1.6rem;
  }
}
.accordion__tabs-item-header h3 {
  color: var(--text-headlines);
  letter-spacing: -0.02em;
}
.accordion__tabs-item-content {
  display: none;
  padding: 1.6rem;
  margin-top: 0.8rem;
}
.accordion__tabs-item-content-title {
  margin-bottom: 2.4rem !important;
}
@media only screen and (max-width: 767.98px) {
  .accordion__tabs-item-content-title {
    margin-bottom: 1.6rem !important;
  }
}
.accordion__tabs-item.active {
  background-color: var(--surface-navy);
}
.accordion__tabs-item.active h3 {
  color: var(--text-inverse);
}
@media only screen and (max-width: 991.98px) {
  .accordion__tabs-item.active {
    background-color: transparent;
  }
  .accordion__tabs-item.active .accordion__tabs-item-header {
    background-color: var(--surface-navy);
  }
  .accordion__tabs-item.active .accordion__tabs-item-content {
    display: block;
  }
}
.accordion__cta {
  margin-top: 7rem;
}
@media only screen and (max-width: 991.98px) {
  .accordion__cta {
    margin-top: 2.4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup__left {
    margin-bottom: 1.6rem;
  }
}
.jobs-rollup__right {
  display: flex;
  align-items: center;
}
.jobs-rollup__img {
  position: sticky;
  top: 0;
  overflow: hidden;
  max-width: 62.8rem;
  max-height: 100svh;
  line-height: 0;
}
.jobs-rollup__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup__img {
    position: relative;
    max-width: 100%;
    height: 64rem;
    aspect-ratio: unset;
  }
}
@media only screen and (max-width: 575.98px) {
  .jobs-rollup__img {
    height: 64rem;
  }
}
.jobs-rollup__img-info {
  position: absolute;
  right: 3.2rem;
  bottom: 3.2rem;
  left: 3.2rem;
  padding: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup__img-info {
    right: 1.6rem;
    bottom: 1.6rem;
    left: 1.6rem;
    padding: 2.4rem;
  }
}
.jobs-rollup__img-info-text {
  margin-top: 2.4rem;
}
.jobs-rollup .job {
  display: block;
  padding: 4.8rem;
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup .job {
    padding: 9.6rem 3.2rem 3.2rem;
  }
}
.jobs-rollup .job__tags {
  display: flex;
  flex-wrap: wrap;
  margin-right: 3.2rem;
  margin-bottom: 2.4rem;
  gap: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup .job__tags {
    margin-right: unset;
    margin-bottom: 1.6rem;
  }
}
.jobs-rollup .job__tags-item {
  padding: 0.4rem 0.8rem;
  border-radius: 3rem;
}
.jobs-rollup .job__title {
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup .job__title {
    margin-bottom: 1.6rem;
  }
}
.jobs-rollup .job__link {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  opacity: 0;
  transition: opacity 0.3 ease-in-out;
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup .job__link {
    top: 3.2rem;
    right: 3.2rem;
  }
}
.jobs-rollup__jobs-item {
  position: relative;
  background-color: var(--white);
  transition: background-color 0.3s ease-in-out;
}
.jobs-rollup__jobs-item:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media (hover: none) {
  .jobs-rollup__jobs-item {
    background-color: var(--background-cream);
  }
  .jobs-rollup__jobs-item .job__link {
    opacity: 1;
  }
}
.jobs-rollup__jobs-item:hover {
  background-color: var(--background-cream);
}
.jobs-rollup__jobs-item:hover .job__link {
  opacity: 1;
}
@media only screen and (max-width: 991.98px) {
  .jobs-rollup__jobs-item {
    background-color: var(--background-cream);
  }
  .jobs-rollup__jobs-item .job__link {
    opacity: 1;
  }
}
.ethos-results__inner-wrapper {
  padding: 6.4rem 6.4rem 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .ethos-results__inner-wrapper {
    padding: 2.4rem;
  }
}
.ethos-results__inner {
  display: flex;
  justify-content: space-between;
  column-gap: 3.2rem;
}
@media only screen and (max-width: 767.98px) {
  .ethos-results__inner {
    display: block;
  }
}
.ethos-results__inner-content {
  display: flex;
  flex: 0 1 50.4rem;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 991.98px) {
  .ethos-results__inner-content {
    flex: unset;
  }
}
.ethos-results__inner-img {
  overflow: hidden;
  flex: 0 1 50rem;
  aspect-ratio: 1.1061946903;
  line-height: 0;
}
@media only screen and (max-width: 991.98px) {
  .ethos-results__inner-img {
    flex: 0 1 17.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .ethos-results__inner-img {
    margin-top: 2rem;
  }
}
.ethos-results__inner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ethos-results__control {
  align-items: center;
  gap: 2.46rem;
}
.ethos-results__control-btn-img {
  overflow: hidden;
  min-width: 12.2rem;
  max-width: 12.2rem;
  aspect-ratio: 1;
  line-height: 0;
}
.ethos-results__control-btn-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ethos-results__control-btn-play {
  min-width: 12.2rem;
  max-width: 12.2rem;
}
.ethos-results__control-btn-play.has-image {
  margin-left: -3.8rem;
}
.ethos-results__control-caption {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "area-normal", sans-serif;
  font-weight: 800;
}
@media only screen and (max-width: 991.98px) {
  .ethos-results__control-caption {
    display: block;
    margin-top: 1.6rem;
  }
}
.ethos-results__info {
  margin-top: 2.4rem;
}
.ethos-results__info-text {
  margin-top: 2.4rem;
}
.ethos-results__info-cta {
  margin-top: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .ethos-results__info--desktop {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .ethos-results__info--desktop {
    display: block;
  }
}
.ethos-results__info--mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .ethos-results__info--mobile {
    display: block;
  }
}
@media only screen and (max-width: 767.98px) {
  .ethos-results__info--mobile {
    display: none;
  }
}
.ethos-results__stat {
  display: grid;
  margin-top: 4rem;
  gap: 1.6rem;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991.98px) {
  .ethos-results__stat {
    gap: 0.8rem;
    grid-template-columns: 1fr;
  }
}
.ethos-results .stat-card {
  height: 100%;
}
@media only screen and (max-width: 1199.98px) {
  .ethos-results .stat-card__wrapper {
    display: block !important;
  }
}
@media only screen and (max-width: 1199.98px) {
  .ethos-results .stat-card__label {
    margin-left: unset;
  }
}
.timeline__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .timeline__head {
    display: block;
    margin-bottom: 4.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .timeline__head {
    margin-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .timeline__head-content {
    margin-bottom: 4.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .timeline__head-content {
    margin-bottom: 4rem;
  }
}
.timeline__title {
  margin-bottom: 2.4rem;
  font-size: 4.1rem;
}
@media only screen and (max-width: 991.98px) {
  .timeline__title {
    font-size: 3rem;
  }
}
.timeline__text {
  max-width: 49.5rem;
  font-size: 1.8rem;
}
.timeline__toggle {
  display: flex;
  padding: 0.8rem;
  width: fit-content;
  font-size: 1.6rem;
}
.timeline__toggle-button {
  padding: 0.9rem 1.6rem;
}
.timeline__toggle-button.active {
  background-color: var(--surface-navy);
  color: var(--text-inverse);
}
.timeline__event .row {
  margin: 0 -2rem !important;
}
.timeline__event .col-12 {
  padding: 0 2rem !important;
}
.timeline__event-image-wrapper {
  display: flex;
  gap: 2.4rem;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .timeline__event-image-wrapper {
    margin-bottom: 2.4rem;
  }
}
.timeline__event-image {
  aspect-ratio: 1.2446043165;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .timeline__event-image {
    aspect-ratio: 1.243902439;
  }
}
@media only screen and (max-width: 767.98px) {
  .timeline__event-image {
    aspect-ratio: 1.2433460076;
  }
}
.timeline__event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.timeline__event-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  font-size: 1.8rem;
}
.timeline__event-content h3 {
  margin-bottom: 2.4rem;
}
.timeline__controls-btns {
  display: flex;
  gap: 0.8rem;
  margin-top: 4.8rem;
}
@media only screen and (max-width: 767.98px) {
  .timeline__controls-btns {
    margin-top: 2.4rem;
  }
}
.timeline__controls-btns .social--arrow-left, .timeline__controls-btns .social--arrow-right {
  rotate: 90deg;
}
@media only screen and (max-width: 991.98px) {
  .timeline__controls-btns .social--arrow-left, .timeline__controls-btns .social--arrow-right {
    rotate: 0deg;
  }
}
.timeline__nav {
  position: relative;
  min-width: 8.5rem;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .timeline__nav {
    margin-bottom: 3.2rem;
    height: 100% !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .timeline__nav {
    margin-bottom: 2.4rem;
  }
}
.timeline__nav .swiper-wrapper {
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .timeline__nav .swiper-wrapper {
    align-items: center;
  }
}
.timeline__nav .swiper-slide {
  height: auto !important;
  flex-shrink: 0;
  cursor: pointer;
  color: var(--text-disabled);
  font-size: 1.9rem;
  font-weight: 900;
}
@media only screen and (max-width: 991.98px) {
  .timeline__nav .swiper-slide {
    width: auto;
  }
}
.timeline__nav .swiper-slide-thumb-active {
  font-size: 2.3rem;
  color: var(--text-copy);
}
.timeline__fade {
  position: absolute;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none;
  z-index: 10;
}
@media only screen and (max-width: 991.98px) {
  .timeline__fade {
    display: none !important;
  }
}
.timeline__fade--top {
  top: 0;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.2) 100%);
  display: none;
}
.timeline__fade--bottom {
  bottom: 0;
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.2) 100%);
  display: none;
}
.process__header-wrapper {
  margin-inline: auto;
}
.process__header {
  max-width: 52.4rem;
}
.process__title {
  margin-bottom: 2.4rem;
}
.process__inner {
  width: 157.6rem;
  padding-bottom: 6.4rem;
  margin: 6.4rem auto 0;
  background: linear-gradient(to right, #dce3ed 0, #dce3ed 1px, transparent 1px, transparent 25%, #dce3ed 25%, #dce3ed calc(25% + 1px), transparent calc(25% + 1px), transparent 50%, #dce3ed 50%, #dce3ed calc(50% + 1px), transparent calc(50% + 1px), transparent 75%, #dce3ed 75%, #dce3ed calc(75% + 1px), transparent calc(75% + 1px), transparent calc(100% - 1px), #dce3ed calc(100% - 1px), #dce3ed 100%);
}
@media only screen and (max-width: 1748px) {
  .process__inner {
    width: calc(100% - 13.6rem - 2.4rem);
  }
}
@media only screen and (max-width: 991.98px) {
  .process__inner {
    width: calc(100% - 12rem - 2.4rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .process__inner {
    width: calc(100% - 2.4rem - 2.4rem);
  }
}
@media only screen and (max-width: 991.98px) {
  .process__inner {
    background: linear-gradient(to right, #dce3ed 0, #dce3ed 1px, transparent 1px, transparent 33%, #dce3ed 33%, #dce3ed calc(33% + 1px), transparent calc(33% + 1px), transparent 66%, #dce3ed 66%, #dce3ed calc(66% + 1px), transparent calc(66% + 1px), transparent calc(100% - 1px), #dce3ed calc(100% - 1px), #dce3ed 100%);
  }
}
@media only screen and (max-width: 767.98px) {
  .process__inner {
    background: linear-gradient(to right, #dce3ed 0, #dce3ed 1px, transparent 1px, transparent 50%, #dce3ed 50%, #dce3ed calc(50% + 1px), transparent calc(50% + 1px), transparent calc(100% - 1px), #dce3ed calc(100% - 1px), #dce3ed 100%);
  }
}
.process__list {
  width: max-content;
  min-width: 100%;
  padding-top: 6.4rem;
}
.process__list--limited .hover-box__media, .process__list--limited .hover-box__logo-title, .process__list--limited .hover-box__logo {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .process__list--limited .hover-box__media, .process__list--limited .hover-box__logo-title, .process__list--limited .hover-box__logo {
    display: unset;
  }
  .process__list--limited .hover-box__media .hover-box__logo-title, .process__list--limited .hover-box__logo-title .hover-box__logo-title, .process__list--limited .hover-box__logo .hover-box__logo-title {
    display: flex;
  }
}
.process__list--limited .process-item__tooltip {
  width: 42.2rem !important;
}
.process .process-item {
  position: relative;
  min-width: 21.5rem;
  max-width: 21.5rem;
}
.process .process-item:first-child .process-item__tooltip {
  left: 3rem;
  transform: translate(0, 100%) !important;
}
.process .process-item:first-child .hover-box::after {
  left: 11%;
}
.process .process-item:nth-child(2) .process-item__tooltip {
  left: 0;
  transform: translate(-20%, 100%) !important;
}
.process .process-item:nth-child(2) .hover-box::after {
  left: 35%;
}
.process .process-item:nth-last-child(2) .process-item__tooltip {
  left: 50%;
  transform: translate(-60%, -100%) !important;
}
.process .process-item:nth-last-child(2) .hover-box::after {
  left: 60% !important;
}
.process .process-item:last-child .process-item__tooltip {
  left: 95%;
  transform: translate(-100%, -100%) !important;
}
.process .process-item:last-child .hover-box::after {
  left: 86% !important;
}
.process .process-item:not(:first-child) {
  margin-top: 0.4rem;
}
@media only screen and (max-width: 767.98px) {
  .process .process-item .process-item__tooltip {
    display: none;
  }
}
.process .process-item__title {
  margin-bottom: 0.8rem;
  text-align: center;
}
.process .process-item__toggle {
  position: relative;
  display: flex;
  height: 5.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 4rem;
  cursor: pointer;
}
.process .process-item__toggle::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
  background-color: var(--background-contrast);
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.process .process-item__tooltip {
  position: absolute;
  z-index: 2;
  left: 50%;
  width: 69.2rem;
  opacity: 0;
  transition: opacity 0.5s;
  visibility: hidden;
}
@media only screen and (max-width: 991.98px) {
  .process .process-item__tooltip {
    width: 62.2rem;
  }
}
.process .process-item__arrow {
  position: absolute;
  right: 1.6rem;
  bottom: -1.4rem;
  left: 50%;
  height: 5rem;
  transform: translateY(100%);
}
.process .process-item .arrow-svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.process .process-item.show-bottom .process-item__tooltip {
  bottom: -3rem;
  transform: translate(-50%, 100%);
}
.process .process-item.show-bottom.active::before {
  opacity: 0;
}
.process .process-item.show-bottom .hover-box::after {
  top: -2rem;
  border-bottom: 2.7rem solid var(--background-sand);
}
.process .process-item.show-top .process-item__tooltip {
  top: -3rem;
  transform: translate(-50%, -100%);
}
.process .process-item.show-top:nth-child(2) .process-item__tooltip {
  transform: translate(-20%, -100%) !important;
}
.process .process-item.show-top:nth-child(2) .process-item__tooltip .hover-box::after {
  left: 20% !important;
}
.process .process-item.show-top .hover-box::after {
  bottom: -2rem;
  border-top: 2.7rem solid var(--background-sand);
}
.process .process-item.active .process-item__toggle::before {
  width: 100%;
  height: 100%;
  border-radius: 4rem;
}
.process .process-item.active .process-item__tooltip {
  opacity: 1;
  visibility: visible;
}
.process__scrollbar {
  width: 157.6rem;
  position: relative;
  height: 0.4rem;
  border-radius: 4rem;
  margin-top: 4.8rem;
  background-color: var(--background-sand);
  margin-inline: auto;
}
@media only screen and (max-width: 1748px) {
  .process__scrollbar {
    width: calc(100% - 13.6rem - 2.4rem);
  }
}
@media only screen and (max-width: 991.98px) {
  .process__scrollbar {
    width: calc(100% - 12rem - 2.4rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .process__scrollbar {
    width: calc(100% - 2.4rem - 2.4rem);
  }
}
.process__scrollbar.hidden {
  display: none;
}
.process__scrollbar-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 4rem;
  background-color: var(--background-purple);
}
.results__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .results__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .results__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .results__container {
    width: calc(100% - 2.4rem);
  }
}
.results__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .results__wrapper {
    flex-direction: column;
    gap: 3.2rem;
  }
}
.results__wrapper .results__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.results__overline-text {
  margin-bottom: 1.6rem;
}
.results__cards-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 1rem;
  gap: 4.8rem;
}
@media only screen and (max-width: 1199.98px) {
  .results__cards-wrapper {
    gap: 0.8rem;
    flex-wrap: wrap;
    justify-content: end;
  }
}
@media only screen and (max-width: 991.98px) {
  .results__cards-wrapper {
    flex-direction: column;
    margin: 0;
    gap: 1.6rem;
  }
}
.full-width-mock-up__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .full-width-mock-up__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .full-width-mock-up__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .full-width-mock-up__container {
    width: calc(100% - 2.4rem);
  }
}
.full-width-mock-up__update {
  margin-bottom: 2.4rem;
}
.full-width-mock-up__title-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
  margin-bottom: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .full-width-mock-up__title-text {
    margin-bottom: 4rem;
  }
}
.full-width-mock-up__title {
  max-width: 70rem;
}
.full-width-mock-up__content {
  max-width: 75rem;
}
@media only screen and (max-width: 991.98px) {
  .full-width-mock-up__content {
    max-width: 40.1rem;
  }
}
.full-width-mock-up__media-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8rem 15.2rem;
  border-radius: 3.2rem;
  aspect-ratio: 1.7777777778;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .full-width-mock-up__media-wrapper {
    flex-direction: column;
    padding: 4rem 7.4rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .full-width-mock-up__media-wrapper {
    flex-direction: column;
    padding: 2rem 4rem;
  }
}
.full-width-mock-up__media-wrapper .image-wrapper {
  line-height: 1;
  aspect-ratio: 1.7777777778;
  width: 100%;
  height: 100%;
}
.full-width-mock-up__media-wrapper .image-wrapper img {
  border-width: 1rem;
  border-radius: 4rem;
  border-style: solid;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 991.98px) {
  .full-width-mock-up__media-wrapper .image-wrapper img {
    border-width: 0.5rem;
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .full-width-mock-up__media-wrapper .image-wrapper img {
    border-width: 0.25rem;
    border-radius: 1.25rem;
  }
}
.full-width-mock-up__media-wrapper .video-wrapper .video {
  border-width: 1rem;
  border-radius: 4rem;
  border-style: solid;
  max-width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .full-width-mock-up__media-wrapper .video-wrapper .video {
    border-width: 0.5rem;
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .full-width-mock-up__media-wrapper .video-wrapper .video {
    border-width: 0.25rem;
    border-radius: 1.25rem;
  }
}
.mock-up-carousel {
  overflow: hidden;
}
.mock-up-carousel * {
  box-sizing: border-box;
}
.mock-up-carousel__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .mock-up-carousel__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .mock-up-carousel__container {
    width: calc(100% - 2.4rem);
  }
}
.mock-up-carousel__title-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel__title-text {
    margin-bottom: 4rem;
  }
}
.mock-up-carousel__title {
  max-width: 70rem;
}
.mock-up-carousel__content {
  max-width: 75rem;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel__content {
    max-width: 40.1rem;
  }
}
.mock-up-carousel__slider-container {
  overflow: visible;
  margin-top: 3.2rem;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel__slider-container {
    margin-top: 6.4rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .mock-up-carousel__slider-container {
    margin-top: 4.8rem;
  }
}
.mock-up-carousel__slider {
  position: relative;
  overflow: visible;
}
.mock-up-carousel__slider::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: -26rem;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  transform: translateX(-100%);
}
.mock-up-carousel__controls-btns {
  display: flex;
  gap: 0.8rem;
}
.mock-up-carousel .swiper-wrapper {
  overflow: visible;
  height: fit-content !important;
}
.mock-up-carousel .swiper-slide {
  display: flex;
  align-items: center;
  max-height: 100%;
}
.mock-up-carousel .swiper-slide.swiper-slide-active {
  z-index: 1;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel .swiper-slide.swiper-slide-active {
    padding-left: 0;
  }
}
.mock-up-carousel .swiper-slide .mock-up-card {
  max-height: 54.2rem;
  width: 100%;
  height: 100%;
  border-width: 1rem;
  border-radius: 4rem;
  border-style: solid;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  aspect-ratio: 1.5555555556;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel .swiper-slide .mock-up-card {
    border-width: 0.5rem;
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .mock-up-carousel .swiper-slide .mock-up-card {
    border-width: 0.25rem;
    border-radius: 1.25rem;
  }
}
.mock-up-carousel .swiper-slide .mock-up-card .video {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
.mock-up-carousel .image-wrapper {
  max-height: 100%;
}
.mock-up-carousel .image-wrapper img {
  border-width: 1rem;
  border-radius: 4rem;
  border-style: solid;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel .image-wrapper img {
    border-width: 0.5rem;
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .mock-up-carousel .image-wrapper img {
    border-width: 0.25rem;
    border-radius: 1.25rem;
  }
}
.mock-up-carousel__controls-pagination {
  display: none;
  position: relative;
  margin-top: 2.4rem;
  height: 5px;
}
@media only screen and (max-width: 991.98px) {
  .mock-up-carousel__controls-pagination {
    display: flex;
  }
}
.mock-up-carousel__controls-pagination .swiper-scrollbar.swiper-scrollbar-horizontal {
  top: 0;
  height: 4px;
}
.mock-up-carousel__controls-pagination .swiper-scrollbar-drag {
  background-color: var(--background-purple);
}
.archive {
  position: relative;
}
.archive__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .archive__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .archive__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .archive__container {
    width: calc(100% - 2.4rem);
  }
}
.archive__sticky {
  position: sticky;
  top: 3rem;
}
.archive__sticky h2 {
  margin: 0 0 2.4rem;
}
.archive__sticky p {
  margin-bottom: 3.2rem;
}
.archive__sticky sup {
  font-size: 75%;
}
.archive__sticky-card {
  padding: 3.2rem 0;
  border-top: 1px solid var(--surface-divider);
}
@media only screen and (max-width: 991.98px) {
  .archive__sticky-card {
    width: 100%;
    padding: 2.4rem 0;
  }
}
.archive__sticky-card .stat-card {
  max-width: 42.7rem;
  width: 100%;
  padding: 1.2rem 3.8rem;
}
@media only screen and (max-width: 991.98px) {
  .archive__sticky-card .stat-card {
    max-width: none;
    width: auto;
  }
}
.archive__cards {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .archive__cards {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .archive__cards {
    flex-direction: column;
  }
}
.archive__cards .h5 {
  margin-bottom: 0.8rem;
}
.archive__head {
  display: flex;
  justify-content: space-between;
}
.archive__head-text {
  margin-right: 1rem;
}
.archive__date {
  margin-bottom: 0.8rem;
}
.archive__single-card {
  padding: 3.2rem;
  cursor: pointer;
}
@media only screen and (max-width: 991.98px) {
  .archive__single-card {
    width: 48%;
    padding: 2.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .archive__single-card {
    width: 100%;
  }
}
.archive__single-card h5 {
  margin: 0 0 0.8rem;
}
.archive__media-wrapper {
  position: relative;
  width: 100%;
  margin: 0 0 2.4rem;
  overflow: hidden;
  aspect-ratio: 1.625;
}
@media only screen and (max-width: 575.98px) {
  .archive__media-wrapper {
    min-height: 22rem;
  }
}
.archive__media-wrapper img {
  margin: 0 0 2.4rem;
  aspect-ratio: 1.625;
  object-fit: cover;
}
@media only screen and (max-width: 575.98px) {
  .archive__media-wrapper img {
    min-height: 22rem;
  }
}
.archive__media-wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.625;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 575.98px) {
  .archive__media-wrapper video {
    min-height: 22rem;
  }
}
.archive__skip {
  cursor: pointer;
}
@media only screen and (max-width: 991.98px) {
  .archive__skip {
    margin-bottom: 6.4rem;
  }
}
.case-study-grid__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .case-study-grid__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .case-study-grid__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .case-study-grid__container {
    width: calc(100% - 2.4rem);
  }
}
.case-study-grid__grid-container {
  display: flex;
  flex-direction: row;
  gap: 2.4rem;
  max-height: 106rem;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .case-study-grid__grid-container {
    flex-direction: column;
    gap: 1.6rem;
    max-height: none;
  }
}
.case-study-grid__grid-container .grid-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.case-study-grid__grid-container .grid-item .image-wrapper {
  width: 100%;
  height: 100%;
  line-height: 0;
}
.case-study-grid__grid-container .grid-item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-study-grid__grid-container .grid-item .video-wrapper {
  width: 100%;
  height: 100%;
}
.case-study-grid__grid-container .grid-item .video-wrapper video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.case-study-grid__left {
  display: flex;
  width: 32%;
  flex-direction: column;
  gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .case-study-grid__left {
    width: 100%;
    gap: 1.6rem;
  }
}
.case-study-grid__left .grid-item-horizontal {
  height: 55.5%;
}
.case-study-grid__left .grid-item-square {
  height: 37.2%;
}
.case-study-grid__right {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 66.2%;
}
@media only screen and (max-width: 991.98px) {
  .case-study-grid__right {
    width: 100%;
    gap: 1.6rem;
  }
}
.case-study-grid__right .grid-top {
  height: 43.6%;
}
@media only screen and (max-width: 991.98px) {
  .case-study-grid__right .grid-top {
    height: fit-content;
  }
}
.case-study-grid__right .grid-bottom {
  display: flex;
  height: 49.1%;
  flex-direction: row;
  gap: 2.4rem;
}
@media only screen and (max-width: 991.98px) {
  .case-study-grid__right .grid-bottom {
    height: fit-content;
    flex-direction: column;
    gap: 1.6rem;
  }
}
.case-study-grid__right .grid-bottom .grid-item {
  width: 50%;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .case-study-grid__right .grid-bottom .grid-item {
    width: 100%;
    height: fit-content;
  }
}
.case-study-grid__content-title {
  max-width: 70rem;
  margin-bottom: 2.4rem;
}
.case-study-grid__content-text {
  max-width: 75rem;
}
.case-study-text__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .case-study-text__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .case-study-text__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .case-study-text__container {
    width: calc(100% - 2.4rem);
  }
}
.case-study-text__title {
  max-width: 70rem;
  margin-bottom: 2.4rem;
}
.case-study-text__content {
  max-width: 75rem;
}
.case-study-text__content p:not(:last-child) {
  margin-bottom: 2.4rem;
}
.fifty-fifty__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .fifty-fifty__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .fifty-fifty__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .fifty-fifty__container {
    width: calc(100% - 2.4rem);
  }
}
.fifty-fifty__row {
  margin: 0 -1.2rem;
}
@media only screen and (max-width: 991.98px) {
  .fifty-fifty__col:first-of-type {
    margin-bottom: 1.6rem;
  }
}
.fifty-fifty__col .image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  aspect-ratio: 0.7068181818;
}
.fifty-fifty__col .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fifty-fifty__col .video-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  aspect-ratio: 0.7068181818;
}
.fifty-fifty__col .video-wrapper video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
@media only screen and (max-width: 1199.98px) {
  .before-after {
    padding: 4.8rem 0;
  }
}
.before-after * {
  box-sizing: border-box;
}
.before-after__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .before-after__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .before-after__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .before-after__container {
    width: calc(100% - 2.4rem);
  }
}
.before-after__title-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
  margin-bottom: 6.4rem;
}
@media only screen and (max-width: 991.98px) {
  .before-after__title-text {
    margin-bottom: 4rem;
  }
}
.before-after__title {
  max-width: 70rem;
}
.before-after__content {
  max-width: 75rem;
}
.before-after__outer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background-color: var(--background-cream);
  padding: 7.5rem 11.9rem;
  overflow: hidden;
  aspect-ratio: 1.7777777778;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .before-after__outer {
    padding: 7.5rem 5.9rem 4.3rem 5.9rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .before-after__outer {
    padding: 6.5rem 3.33rem 2.7rem;
  }
}
.before-after__outer .before-after-labels {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2.1rem 2.8rem;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767.98px) {
  .before-after__outer .before-after-labels {
    padding: 2.1rem;
  }
}
.before-after__outer .before-after-labels .before-label, .before-after__outer .before-after-labels .after-label {
  background-color: var(--surface-navy);
  border-radius: 3rem;
  padding: 0 0.8rem 0.4rem;
}
.before-after__outer .before-after-labels .before-label span, .before-after__outer .before-after-labels .after-label span {
  color: var(--text-inverse);
}
.before-after__wrapper {
  position: relative;
  aspect-ratio: 1.7777777778;
  width: 100%;
  height: 100%;
}
.before-after .dragger {
  z-index: 2;
  width: 5px;
  height: 134%;
  background-color: var(--surface-navy);
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: absolute;
  top: -15%;
  bottom: 0%;
}
@media only screen and (max-width: 1199.98px) {
  .before-after .dragger {
    width: 2px;
    height: 140%;
    top: -20%;
  }
}
@media only screen and (max-width: 991.98px) {
  .before-after .dragger {
    height: 154%;
    top: -28%;
  }
}
@media only screen and (max-width: 767.98px) {
  .before-after .dragger {
    height: 182%;
    top: -46%;
  }
}
.before-after .dragger .dragger-inner {
  width: 8.7rem;
  height: 4.35rem;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}
@media only screen and (max-width: 1199.98px) {
  .before-after .dragger .dragger-inner {
    height: 2.3rem;
    width: 4.45rem;
  }
}
.before-after .dragger .dragger-inner::before {
  content: "";
  width: 4.4rem;
  height: 4.4rem;
  background-image: url(../image/before-arrow-button.svg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
}
.before-after .dragger .dragger-inner::after {
  content: "";
  width: 4.4rem;
  height: 4.4rem;
  background-image: url(../image/after-arrow-button.svg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
}
@media only screen and (max-width: 1199.98px) {
  .before-after .dragger .dragger-inner::after, .before-after .dragger .dragger-inner::before {
    height: 2.3rem;
    width: 2.3rem;
    background-size: contain;
  }
}
.before-after .img-wrap {
  position: relative;
  border-radius: 40px;
  border: 10px solid var(--surface-navy);
  overflow: hidden;
  aspect-ratio: 1.7777777778;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .before-after .img-wrap {
    border: 5px solid var(--surface-navy);
    border-radius: 1.6rem;
  }
}
.before-after .img-wrap.is-before {
  aspect-ratio: 1.7777777778;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.before-after .img-wrap.is-after {
  aspect-ratio: 1.7777777778;
  -webkit-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}
.before-after .img-wrap .img.is-before-after {
  object-fit: cover;
  object-position: 50% top;
  position: absolute;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  user-select: none;
  pointer-events: none;
}
.sticky-scroll__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .sticky-scroll__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .sticky-scroll__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .sticky-scroll__container {
    width: calc(100% - 2.4rem);
  }
}
.sticky-scroll__row {
  margin: 0 -1.2rem;
}
.sticky-scroll__col .scroll-col {
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
}
.sticky-scroll__col .scroll-col .scroll-item {
  display: flex;
  height: fit-content;
  flex-direction: column;
  justify-content: center;
  gap: 2.4rem;
}
.sticky-scroll__col .scroll-col .scroll-item .image-wrapper {
  width: 100%;
  aspect-ratio: 1;
}
@media only screen and (max-width: 991.98px) {
  .sticky-scroll__col .scroll-col .scroll-item .image-wrapper {
    max-width: 40.8rem;
  }
}
.sticky-scroll__col .scroll-col .scroll-item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sticky-scroll__col .scroll-col .scroll-item .video-wrapper {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
}
@media only screen and (max-width: 991.98px) {
  .sticky-scroll__col .scroll-col .scroll-item .video-wrapper {
    max-width: 40.8rem;
  }
}
.sticky-scroll__col .scroll-col .scroll-item .video-wrapper video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.sticky-scroll__col .scroll-col .scroll-item .mobile-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2.4rem;
  gap: 2.4rem;
}
.sticky-scroll__col .sticky-col {
  position: relative;
  width: 100%;
  height: 100%;
}
.sticky-scroll__col .sticky-col .sticky-item {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  max-width: 51.5rem;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  background-color: var(--surface-white);
  gap: 2.4rem;
}
@media only screen and (max-width: 1199.98px) {
  .sticky-scroll__col .sticky-col .sticky-item {
    max-width: 85%;
  }
}
.sticky-scroll__col .sticky-col .sticky-item .p-large {
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 150%;
}
.testimonials__container {
  max-width: 133rem;
  width: calc(100% - 16rem);
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  .testimonials__container {
    width: calc(100% - 12rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .testimonials__container {
    width: calc(100% - 4.8rem);
  }
}
@media only screen and (max-width: 575.98px) {
  .testimonials__container {
    width: calc(100% - 2.4rem);
  }
}
.testimonials .clients .swiper-slide.case-slide {
  cursor: auto;
}
.image-block__img {
  overflow: hidden;
  line-height: 0;
}
.image-block__img img {
  width: 100%;
}
.testimonial__inner {
  padding: 3.2rem;
}
.testimonial__person {
  display: flex;
  max-width: 39.7rem;
  align-items: center;
  padding: 1.6rem;
  margin-top: 2.4rem;
  gap: 1.6rem;
}
.testimonial__person-img {
  overflow: hidden;
  min-width: 8.5rem;
  max-width: 8.5rem;
  aspect-ratio: 1;
  line-height: 0;
}
.testimonial__person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial__person-name {
  display: block;
}
.testimonial__person-role {
  display: block;
  margin-top: 0.4rem;
}
.text-content .wysiwyg-editor h3:not(:first-child) {
  margin-top: 6.4rem;
}
.text-content .wysiwyg-editor h4:not(:first-child) {
  margin-top: 4.8rem;
}
.statistics__inner {
  padding: 3.2rem;
}
.statistics__text {
  margin-top: 1.6rem;
}
.statistics__data {
  margin-top: 2.4rem;
}
.statistics__data-item:not(:first-child) {
  margin-top: 0.8rem;
}
.statistics__copy {
  margin-top: 2.4rem;
  text-align: center;
}
.post-video {
  
}
.post-video .video-pop-up {
  --plyr-color-main: var(--surface-navy);
  --plyr-video-controls-background: var(--surface-cream);
  --plyr-video-control-color: var(--button-primary);
  --plyr-range-thumb-height: 1.4rem;
  --plyr-range-thumb-background: var(--surface-navy);
  --plyr-range-thumb-shadow: none;
  --plyr-range-track-height: 0.6rem;
  --plyr-video-range-track-background: var(--icon-navy-50);
  --plyr-control-icon-size: 2rem;
}
@media (min-width: 991px) {
  .post-video .video-pop-up .plyr__controls {
    padding: 1.6rem;
  }
  .post-video .video-pop-up .plyr__controls [data-plyr='play'] {
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 4rem;
  }
  .post-video .video-pop-up .plyr__controls [data-plyr='play'] svg {
    width: 1.4rem;
  }
  .post-video .video-pop-up .plyr__time {
    font-size: 1.9rem;
  }
  .post-video .video-pop-up .plyr__progress__buffer {
    border-radius: 2.4rem;
  }
  .post-video .video-pop-up .plyr__volume {
    margin-left: 4rem;
  }
  .post-video .video-pop-up .plyr__menu, .post-video .video-pop-up .plyr button[data-plyr='fullscreen'] {
    margin-left: 0.8rem;
  }
}