@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-Book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-BookItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-XLightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Verlag;
  src: url('../fonts/Verlag-XLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand-colours--dark-navy: #0c131a;
  --brand-colours--white: white;
  --typography--header-font: Verlag, sans-serif;
  --typography--h1-size: 1.88rem;
  --typography--h2-size: 2.25rem;
  --typography--h3-size: .8rem;
  --typography--h3-letter-spacing: 1.5px;
  --typography--h4-size: 1.5rem;
  --brand-colours--phinsys-blue: deepskyblue;
  --spacing--spacing-small: 16px;
  --side-bar-spacing--side-bar-width: 400px;
  --nav-spacing--page-top-padding: 102px;
  --side-bar-spacing--side-bar-padding: 24px;
  --brand-colours--phinsys-navy: #172937;
  --page-spacing--page-padding: 64px;
  --page-spacing--page-padding-mob: 24px;
  --tints--inform-tint: #00bfff26;
  --product-colours--tandem: #b672cd;
  --side-bar-spacing--button-padding: 12px;
  --side-bar-spacing--button-spacing: 20px;
  --page-spacing--section-spacing: 64px;
  --nav-spacing--page-top-padding-ipad: 92px;
  --page-spacing--section-spacing-mob: 48px;
  --background-colours--sub-page-bg: #0f212f;
  --background-colours--light-blue-bg: #bbe9f8;
  --nav-spacing--nav-offset: 70px;
  --product-colours--rapport: #e64b55;
  --page-spacing--page-max-width: 1000px;
  --page-spacing--header-spacing: 16px;
  --product-colours--postbox: #ee763b;
  --product-colours--comply: #62c697;
  --product-colours--inform: deepskyblue;
  --page-spacing--header-max-width: 700px;
  --spacing--column-gutters-large: 48px;
  --spacing--column-gutters: 24px;
  --blocks--quote-spacing: 24px;
  --tints--tandem-tint: #b672cd26;
  --tints--rapport-tint: #e64b5526;
  --tints--postbox-tint: #ee763b26;
  --tints--comply-tint: #62c69726;
  --spacing--spacing-x-small: 8px;
  --spacing--spacing-medium: 32px;
  --tints--white-tint: #ffffff80;
  --page-spacing--page-max-width-lrg: 1600px;
  --blocks--card-spacing: 24px;
  --page-spacing--body-spacing: 8px;
  --background-colours--panel-bg: #0c131a99;
  --spacing--spacing-large: 48px;
  --typography--body-font: din-2014, sans-serif;
  --background-colours--sub-page-bg-tint: #0c131acc;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--brand-colours--dark-navy);
  color: var(--brand-colours--white);
  letter-spacing: .2px;
  --brand-colours--dark-navy: #0c131a;
  --brand-colours--white: white;
  --typography--header-font: Verlag, sans-serif;
  --typography--h1-size: 1.88rem;
  --typography--h2-size: 2.25rem;
  --typography--h3-size: .8rem;
  --typography--h3-letter-spacing: 1.5px;
  --typography--h4-size: 1.5rem;
  --brand-colours--phinsys-blue: deepskyblue;
  --spacing--spacing-small: 16px;
  --side-bar-spacing--side-bar-width: 400px;
  --nav-spacing--page-top-padding: 102px;
  --side-bar-spacing--side-bar-padding: 24px;
  --brand-colours--phinsys-navy: #172937;
  --page-spacing--page-padding: 64px;
  --page-spacing--page-padding-mob: 24px;
  --tints--inform-tint: #00bfff26;
  --product-colours--tandem: #b672cd;
  --side-bar-spacing--button-padding: 12px;
  --side-bar-spacing--button-spacing: 20px;
  --page-spacing--section-spacing: 64px;
  --nav-spacing--page-top-padding-ipad: 92px;
  --page-spacing--section-spacing-mob: 48px;
  --background-colours--sub-page-bg: #0f212f;
  --background-colours--light-blue-bg: #bbe9f8;
  --nav-spacing--nav-offset: 70px;
  --product-colours--rapport: #e64b55;
  --page-spacing--page-max-width: 1000px;
  --page-spacing--header-spacing: 16px;
  --product-colours--postbox: #ee763b;
  --product-colours--comply: #62c697;
  --product-colours--inform: deepskyblue;
  --page-spacing--header-max-width: 700px;
  --spacing--column-gutters-large: 48px;
  --spacing--column-gutters: 24px;
  --blocks--quote-spacing: 24px;
  --tints--tandem-tint: #b672cd26;
  --tints--rapport-tint: #e64b5526;
  --tints--postbox-tint: #ee763b26;
  --tints--comply-tint: #62c69726;
  --spacing--spacing-x-small: 8px;
  --spacing--spacing-medium: 32px;
  --tints--white-tint: #ffffff80;
  --page-spacing--page-max-width-lrg: 1600px;
  --blocks--card-spacing: 24px;
  --page-spacing--body-spacing: 8px;
  --background-colours--panel-bg: #0c131a99;
  --spacing--spacing-large: 48px;
  --typography--body-font: din-2014, sans-serif;
  --background-colours--sub-page-bg-tint: #0c131acc;
  font-family: din-2014, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
}

h1 {
  font-family: var(--typography--header-font);
  font-size: var(--typography--h1-size);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  font-family: var(--typography--header-font);
  font-size: var(--typography--h2-size);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.1;
}

h3 {
  font-family: var(--typography--header-font);
  font-size: var(--typography--h3-size);
  letter-spacing: var(--typography--h3-letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: -2px;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  font-family: var(--typography--header-font);
  font-size: var(--typography--h4-size);
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 200;
  line-height: 1.1;
}

p {
  margin-bottom: 25px;
}

a {
  color: var(--brand-colours--phinsys-blue);
  text-decoration: none;
}

a:hover {
  color: var(--brand-colours--phinsys-blue);
}

strong {
  font-weight: 600;
}

blockquote {
  font-family: var(--typography--header-font);
  color: var(--brand-colours--phinsys-blue);
  font-size: var(--typography--h4-size);
  border-left: 1px #000;
  margin-bottom: 25px;
  padding: 0;
  font-style: italic;
  font-weight: 300;
  line-height: 1.1;
}

.product-video-btn {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  color: var(--brand-colours--white);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.product-video-btn:hover {
  color: var(--brand-colours--phinsys-blue);
}

.side-bar-container {
  z-index: 2;
  flex: 0 auto;
  width: 100%;
  position: relative;
}

.side-bar {
  z-index: 1000;
  width: var(--side-bar-spacing--side-bar-width);
  max-width: var(--side-bar-spacing--side-bar-width);
  min-width: var(--side-bar-spacing--side-bar-width);
  padding: var(--nav-spacing--page-top-padding) var(--side-bar-spacing--side-bar-padding) var(--side-bar-spacing--side-bar-padding);
  background-image: linear-gradient(180deg, var(--brand-colours--dark-navy), var(--brand-colours--phinsys-navy));
  height: 100vh;
  max-height: 100vh;
  position: fixed;
  inset: 0% 0% auto;
  overflow: auto;
}

.side-bar.hide-on-load {
  padding-top: var(--nav-spacing--page-top-padding);
  transform: translate(-400px);
}

.product-drop {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.expand_icon_line {
  border-top: 1px solid var(--brand-colours--phinsys-blue);
  width: 10px;
  height: 0;
  position: absolute;
}

.product-item-icon {
  width: 30px;
  margin-right: 10px;
}

.product_body_container {
  padding-bottom: var(--spacing--spacing-small);
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  padding-left: 40px;
  display: flex;
}

.expand-icon {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
  position: relative;
}

.product-item-link {
  border-top: 1px solid var(--tints--inform-tint);
  color: #fff;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  display: flex;
  position: relative;
}

.product-item-link.td {
  color: var(--product-colours--tandem);
  position: relative;
}

.product-item-link.pb {
  color: #ee763b;
}

.product-item-link.in {
  color: #00beff;
}

.product-item-link.cp {
  color: #62c697;
}

.product-item-link.rp {
  color: #e74b55;
}

.product-item-link.suite {
  color: #00beff;
}

.product-item-title {
  align-items: center;
  display: flex;
}

.container {
  width: 100%;
  min-width: 100%;
  height: 70px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 60px;
  display: flex;
}

.nav-wrapper {
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 400px;
  min-width: 235px;
  display: flex;
}

.nav-divider-lrg {
  border-right: 1px solid #00beff;
  width: 0;
  height: 40px;
}

.nav-link {
  font-family: var(--typography--header-font);
  color: #fff;
  font-size: var(--typography--h3-size);
  letter-spacing: var(--typography--h3-letter-spacing);
  text-transform: uppercase;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 100%;
  padding: 0;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.nav-link.w--current {
  color: #00beff;
}

.nav-divider {
  border-right: 1px solid #00beff;
  width: 0;
  height: 20px;
}

.side-bar-btn {
  padding-top: var(--side-bar-spacing--button-padding);
  padding-bottom: var(--side-bar-spacing--button-padding);
  border-top: 1px solid var(--tints--inform-tint);
  color: var(--brand-colours--white);
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.side-bar-btn:hover, .side-bar-btn.w--current, .side-bar-btn.blue {
  color: var(--brand-colours--phinsys-blue);
}

.side-bar-arrow {
  margin-left: var(--side-bar-spacing--button-padding);
  width: 7px;
}

.side-bar-arrow.news-2 {
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 100%;
  display: flex;
}

.side-bar-drop {
  width: 100%;
  display: block;
  overflow: hidden;
}

.side-bar-drop.hide {
  display: none;
}

.side-bar-drop.top {
  margin-top: 0;
}

.side-bar_list {
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.side-bar_list.w--open {
  background-color: #0000;
}

.side-bar_list.contact {
  grid-column-gap: var(--side-bar-spacing--button-padding);
  grid-row-gap: var(--side-bar-spacing--button-padding);
  flex-flow: column;
  display: flex;
}

.side-bar-image-btn {
  padding-top: var(--side-bar-spacing--button-padding);
  padding-bottom: var(--side-bar-spacing--button-padding);
  grid-column-gap: var(--side-bar-spacing--button-spacing);
  grid-row-gap: var(--side-bar-spacing--button-spacing);
  border-bottom: 1px solid var(--tints--inform-tint);
  color: var(--brand-colours--white);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.side-bar-image-btn:hover {
  color: var(--brand-colours--phinsys-blue);
}

.side-bar-image-btn.top {
  border-top-style: none;
}

.side-bar-image-btn.bottom {
  border-bottom-style: none;
}

.side-bar-image {
  width: 90px;
  min-width: 90px;
  padding-top: 18%;
  display: flex;
  position: relative;
}

.side-bar-image.news {
  width: 100%;
  min-width: 100%;
  padding-top: 65%;
}

.cover-image {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.cover-image.blur {
  filter: blur(12px);
  object-fit: cover;
  transform: scale(1.1);
}

.cover-image.location {
  opacity: 1;
  mix-blend-mode: overlay;
  object-position: 50% 100%;
}

.cover-image.bottom-left {
  object-position: 0% 100%;
}

.side-bar-image-btn-wrapper {
  grid-column-gap: var(--side-bar-spacing--button-spacing);
  grid-row-gap: var(--side-bar-spacing--button-spacing);
  align-items: center;
  width: 100%;
  display: flex;
}

.side-bar-image-btn-wrapper.news {
  justify-content: space-around;
}

.side-bar-txt-wrapper.news {
  grid-column-gap: var(--side-bar-spacing--button-spacing);
  grid-row-gap: var(--side-bar-spacing--button-spacing);
  justify-content: space-between;
  margin-left: 0;
  display: flex;
}

.view-port {
  opacity: 1;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding-left: 400px;
  position: relative;
}

.view-port.products {
  flex-flow: column;
  display: flex;
}

.view-port.difference {
  z-index: 10;
  padding-top: 0;
}

.page-wrapper {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.footer {
  z-index: 500;
  padding-right: var(--page-spacing--page-padding);
  background-color: var(--brand-colours--dark-navy);
  justify-content: flex-end;
  align-items: center;
  height: 75px;
  padding-left: 464px;
  font-size: 12px;
  line-height: 17px;
  display: flex;
  position: relative;
  box-shadow: 0 0 50px 5px #0006;
}

.sub-page-wrapper {
  z-index: 2;
  padding-top: var(--nav-spacing--page-top-padding);
  padding-bottom: var(--page-spacing--page-padding);
  grid-column-gap: var(--page-spacing--section-spacing);
  grid-row-gap: var(--page-spacing--section-spacing);
  flex-direction: column;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.sub-page-wrapper.difference-carousel {
  background-color: var(--background-colours--sub-page-bg);
  background-image: url('../images/Diff-Slider-BG.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.sub-page-wrapper.light-gradient {
  background-image: linear-gradient(0deg, var(--background-colours--light-blue-bg), white);
  color: var(--brand-colours--phinsys-navy);
  width: 100%;
}

.sub-page-wrapper.dark-gradient {
  background-image: linear-gradient(270deg, var(--brand-colours--dark-navy), var(--brand-colours--phinsys-navy));
}

.sub-page-wrapper.bg-blur {
  z-index: 600;
  padding-top: var(--nav-spacing--nav-offset);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0c131ad9;
  flex: 1;
  width: calc(100vw - 400px);
  max-height: 100vh;
  padding-bottom: 139px;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: scroll;
}

.sub-page-wrapper.bg-blur.td, .sub-page-wrapper.bg-blur.rp, .sub-page-wrapper.bg-blur.pb, .sub-page-wrapper.bg-blur.cp, .sub-page-wrapper.bg-blur.in, .sub-page-wrapper.bg-blur.suite {
  display: none;
}

.sub-page-wrapper.white {
  background-color: var(--brand-colours--white);
  color: var(--brand-colours--phinsys-navy);
}

.sub-page-wrapper.team {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.sub-page-wrapper.london {
  grid-column-gap: var(--page-spacing--section-spacing-mob);
  grid-row-gap: var(--page-spacing--section-spacing-mob);
  display: flex;
}

.h2-class {
  font-family: var(--typography--header-font);
  font-size: var(--typography--h2-size);
  letter-spacing: 0;
  text-transform: none;
  font-weight: 300;
  line-height: 1.1;
}

.office-container {
  display: none;
}

.office-header {
  border-bottom: 1px dotted var(--tints--inform-tint);
  margin-bottom: 10px;
}

.h3-class {
  font-family: Verlag, sans-serif;
  font-size: var(--typography--h3-size);
  letter-spacing: var(--typography--h3-letter-spacing);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}

.txt-light-blue {
  color: var(--brand-colours--phinsys-blue);
}

.contact-link {
  color: var(--brand-colours--white);
}

.contact-link:hover {
  color: var(--brand-colours--phinsys-blue);
}

.office-details {
  flex-direction: column;
  display: flex;
}

.nav-menu {
  flex: 1;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: var(--brand-colours--phinsys-navy);
  position: fixed;
  inset: 0% 0% auto;
}

.navbar.desk {
  z-index: 2000;
}

.navbar.mobile {
  display: none;
}

.menu-button {
  padding-left: 20px;
  padding-right: 20px;
}

.brand {
  width: 180px;
}

.image {
  width: 100%;
}

.dropdown-list-spacer {
  width: 100%;
  height: 60px;
}

.page-container-max-width {
  max-width: var(--page-spacing--page-max-width);
  padding-right: var(--page-spacing--page-padding);
  padding-left: var(--page-spacing--page-padding);
}

.page-container-max-width.wide {
  max-width: 1200px;
}

.section-top {
  z-index: 200;
  width: 100%;
  position: relative;
}

.header-wrapper {
  grid-column-gap: var(--page-spacing--header-spacing);
  grid-row-gap: var(--page-spacing--header-spacing);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.divider-header {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.divider-header.news {
  margin-bottom: 10px;
}

.divider-header.share {
  margin-top: 20px;
  margin-bottom: 10px;
}

.pre-header-line {
  border-bottom: .5px solid var(--brand-colours--white);
  width: 100%;
}

.pre-header-line.navy {
  border-bottom-color: var(--brand-colours--white);
  mix-blend-mode: exclusion;
}

.pre-header-txt {
  text-align: center;
  white-space: nowrap;
  padding-left: 15px;
  padding-right: 15px;
}

.h1-class {
  font-family: var(--typography--header-font);
  font-size: var(--typography--h1-size);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}

.text-centred {
  text-align: center;
}

.intro-txt {
  text-align: center;
  font-style: italic;
}

.intro-txt.home {
  max-width: 570px;
}

.navy-txt {
  color: var(--brand-colours--phinsys-navy);
}

.blue-txt {
  color: var(--brand-colours--phinsys-blue);
}

.white-txt {
  color: var(--brand-colours--white);
}

.tandem-txt {
  color: var(--product-colours--tandem);
}

.rapport-txt {
  color: var(--product-colours--rapport);
}

.postbox-txt {
  color: var(--product-colours--postbox);
}

.comply-txt {
  color: var(--product-colours--comply);
}

.inform-txt {
  color: var(--product-colours--inform);
}

.header-max-width {
  max-width: var(--page-spacing--header-max-width);
  grid-column-gap: var(--page-spacing--header-spacing);
  grid-row-gap: var(--page-spacing--header-spacing);
  flex-flow: column;
  display: flex;
}

.social-wrapper {
  margin-top: 15px;
}

.footer-nav-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--brand-colours--white);
}

.product-icons-header {
  display: flex;
}

.product-icon {
  margin-left: 3px;
  margin-right: 3px;
}

.product-icon-img {
  width: 22px;
}

.article-header-text {
  letter-spacing: 0;
  text-transform: none;
  font-family: Verlag, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
}

.side-bar-nav-header {
  padding-top: var(--side-bar-spacing--button-padding);
  border-top: 1px solid var(--tints--inform-tint);
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.side-bar-nav-header.contact {
  border-top-color: var(--product-colours--inform);
  color: var(--brand-colours--phinsys-blue);
  margin-bottom: 12px;
}

.quote-divider {
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-line {
  border-bottom: 1px solid var(--brand-colours--phinsys-blue);
  width: 120px;
  height: 0;
}

.quote-icon {
  padding-left: 15px;
  padding-right: 15px;
}

.pull-quote {
  text-align: center;
  max-width: 700px;
}

.left-arrow, .right-arrow {
  display: none;
}

.testimonial-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.slide-nav {
  color: var(--brand-colours--phinsys-navy);
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 20px;
  font-size: 8px;
  display: flex;
  position: static;
}

.testimonial-quote {
  color: var(--brand-colours--phinsys-blue);
  text-align: center;
}

.testimonial-credit {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.caption-txt {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Verlag, sans-serif;
  font-size: 10px;
  font-weight: 900;
  line-height: 14px;
}

.caption-txt.job-title {
  color: var(--brand-colours--phinsys-blue);
}

.caption-txt.company {
  color: var(--brand-colours--phinsys-blue);
  font-weight: 400;
}

.cp-grid-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cp-grid {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row dense;
  margin-left: -10px;
  margin-right: -10px;
}

.cp-grid._1 {
  grid-template-columns: 1fr;
}

.cp-grid._2 {
  grid-template-columns: 1fr 1fr;
}

.cp-grid._3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.cp-grid._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.cp-item {
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.cp-logo {
  justify-content: center;
  width: 100%;
  max-width: 160px;
  height: 110px;
  display: flex;
  position: relative;
}

.cp-text {
  border-top: .5px solid var(--brand-colours--phinsys-navy);
  padding-top: 10px;
  display: none;
}

.cp-logo-img {
  object-fit: contain;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.news-image-wrapper {
  height: auto;
  position: relative;
  overflow: hidden;
}

.news-image {
  width: 100%;
  padding-top: 55%;
  position: relative;
}

.news-article-grid {
  grid-column-gap: var(--spacing--column-gutters-large);
  grid-row-gap: var(--spacing--column-gutters);
  grid-template-rows: auto auto auto;
  grid-template-columns: .3fr 1fr;
}

.news-article-grid-info {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.news-article-grid-body {
  flex-direction: column;
  margin-bottom: -25px;
  display: flex;
}

.news-share-icons {
  justify-content: center;
  display: flex;
}

.share-icon {
  margin-left: 3px;
  margin-right: 3px;
}

.share-icon-img {
  max-width: 25px;
}

.news-article-grid-header {
  flex-direction: column;
  display: flex;
}

.news-info-header {
  letter-spacing: 1.5px;
  font-size: 10px;
  line-height: 10px;
}

.pull-quote-wrapper {
  grid-column-gap: var(--blocks--quote-spacing);
  grid-row-gap: var(--blocks--quote-spacing);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.product-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 55%;
  display: flex;
  position: relative;
}

.product-video-text {
  border-top: .5px solid var(--brand-colours--phinsys-blue);
  justify-content: space-between;
  padding-top: 8px;
  display: flex;
}

.play-icon-absolute {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.play-icon {
  opacity: 1;
  width: 40px;
}

.product-item-close {
  z-index: 4;
  cursor: pointer;
  height: 56px;
  position: absolute;
  inset: 0%;
}

.product-item-close.in {
  display: flex;
}

.product-item-close.suite {
  height: auto;
  display: flex;
}

.diagram-absolute {
  justify-content: center;
  align-items: center;
  display: flex;
}

.diagram-absolute.image {
  z-index: 2;
  opacity: 0;
  transform-style: preserve-3d;
  position: relative;
}

.diagram-absolute.embed {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
}

.diagram-img-labels {
  z-index: 2;
  opacity: 1;
  width: 1170px;
  min-width: 1170px;
  height: 800px;
  display: block;
  position: relative;
}

.html-embed {
  justify-content: center;
}

.diagram-wrapper {
  z-index: 2;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #0088b6, #083d52 54%, var(--brand-colours--dark-navy));
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  min-height: 900px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.diagram {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 1170px;
  height: 800px;
  margin-top: 160px;
  display: flex;
  position: relative;
}

.product-page-wrapper {
  opacity: 0;
  min-height: 900px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-diagram, ._4-column--grid--wrapper {
  width: 100%;
}

._4-column--grid {
  grid-column-gap: var(--spacing--column-gutters);
  grid-row-gap: var(--spacing--column-gutters);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.product-diagram-wrapper {
  width: 100%;
}

.tandem_bg {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #53355d, var(--brand-colours--dark-navy));
  opacity: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.rapport_bg {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #5a1d21, var(--brand-colours--dark-navy));
  opacity: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.postbox_bg {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #522813, var(--brand-colours--dark-navy));
  opacity: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.comply_bg {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #224736, var(--brand-colours--dark-navy));
  opacity: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.diagram-img-details {
  z-index: 3;
  opacity: 0;
  width: 1170px;
  min-width: 1170px;
  height: 800px;
  display: block;
  position: absolute;
}

.product-sub-nav-wrapper {
  flex-direction: column;
  min-height: 100vh;
  padding-bottom: 90px;
  display: none;
}

.home-hex-graphic-wrapper {
  width: 480px;
}

.home-hex-graphic-wrapper.bl {
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-hex-graphic-wrapper.tr {
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-hex-graphic {
  max-width: 480px;
}

.news-side-grid {
  grid-column-gap: var(--side-bar-spacing--button-spacing);
  grid-row-gap: var(--side-bar-spacing--button-spacing);
  grid-template-rows: auto;
  justify-items: stretch;
}

.news-side-date {
  color: var(--brand-colours--phinsys-blue);
  margin-bottom: 5px;
}

.side-bar-sub-btn {
  color: var(--brand-colours--white);
  border-top: 1px #00bfff66;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.side-bar-sub-btn:hover {
  color: var(--brand-colours--phinsys-blue);
}

.side-bar-list-spacer {
  width: 100%;
  height: 15px;
}

.team-grid {
  grid-column-gap: var(--spacing--column-gutters);
  grid-row-gap: var(--spacing--column-gutters-large);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.team-image {
  padding-top: 70%;
  position: relative;
}

.team-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 25%;
  min-width: 248px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.h4-class {
  font-family: Verlag, sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 26px;
}

.h5-class {
  font-family: Verlag, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 22px;
}

.team-email {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  border-top: 1px solid var(--tints--white-tint);
  justify-content: flex-start;
  padding-top: 10px;
  display: flex;
}

.page-container-max-width-lrg {
  max-width: var(--page-spacing--page-max-width-lrg);
  padding-right: var(--page-spacing--page-padding);
  padding-left: var(--page-spacing--page-padding);
}

.email-link {
  color: var(--brand-colours--white);
}

.email-link:hover, .text-span {
  color: var(--brand-colours--phinsys-blue);
}

.linkedin-link {
  width: 100%;
  max-width: 25px;
}

.linkedin-link:hover {
  filter: brightness(300%);
}

.linkedin-image {
  width: 100%;
}

.diagram-hit {
  z-index: 4;
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.bold-txt {
  font-weight: 700;
}

.icon-card {
  grid-column-gap: var(--blocks--card-spacing);
  grid-row-gap: var(--blocks--card-spacing);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon--wrapper {
  display: flex;
  position: relative;
}

.contain-image {
  object-fit: contain;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.contain-image.bottom-left {
  object-position: 0% 100%;
}

.contain-image.allen_01 {
  z-index: 10;
}

.contain-image.allen_02 {
  z-index: 9;
}

.contain-image.allen_03 {
  z-index: 8;
}

.contain-image.allen_04 {
  z-index: 7;
}

.contain-image.allen_05 {
  z-index: 6;
}

.contain-image.allen_06 {
  z-index: 5;
}

.contain-image.allen_07 {
  z-index: 4;
}

.contain-image.allen_08 {
  z-index: 3;
}

.icon-text--wrapper {
  grid-column-gap: var(--page-spacing--body-spacing);
  grid-row-gap: var(--page-spacing--body-spacing);
  flex-flow: column;
  display: flex;
}

.quote-credit {
  flex-direction: column;
  align-items: center;
  margin-top: -25px;
  display: flex;
}

.page-load-first {
  z-index: 2000;
  background-color: #00ffd4;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.page-load-revisit {
  z-index: 2000;
  background-color: var(--product-colours--rapport);
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 0% auto auto 20px;
}

.product-sub-btn-wrapper {
  position: relative;
}

.product-suite-logo-wrapper {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.product-suite-logo-img {
  max-width: 300px;
  margin-top: -50px;
  margin-bottom: -50px;
}

.toggle-graph {
  margin-top: -50px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.inform-lense-header {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.inform-lense--data {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.light {
  font-weight: 400;
}

.blankdiv {
  width: 100%;
  padding-top: 0;
  position: static;
}

.dataimg {
  width: auto;
  height: auto;
  overflow: visible;
}

.inform-lense-chart {
  justify-content: center;
  display: flex;
  position: relative;
}

.chart {
  padding-top: 0;
  display: block;
}

.informdiv {
  border-top: 3px solid #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  display: block;
  position: relative;
}

.heading3 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-right: 1px #00beff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 0;
  font-family: Verlag, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.heading3.w--current {
  color: #00beff;
  border-right-style: solid;
}

.heading3.informheaders {
  opacity: 1;
  text-align: left;
  justify-content: flex-start;
  width: 100%;
  display: block;
}

.inform-lense--wrapper {
  clear: none;
  object-fit: fill;
  width: 100%;
  min-width: auto;
  max-width: 500px;
}

.inform-lense--graphic {
  justify-content: center;
  width: 100%;
  min-width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
}

.graphicimg {
  width: 480px;
  height: auto;
}

.toggle-chart {
  margin-top: -50px;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.inform-lense-wrapper {
  clear: none;
  flex-flow: column;
  flex: 0 auto;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.product-item-link-sub {
  border-top: 1px dotted var(--tints--inform-tint);
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  font-family: Verlag, sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  display: flex;
}

.diff-container {
  width: 35vw;
  min-width: 400px;
  max-width: 700px;
  display: flex;
}

.diff-container.allen {
  margin-left: -15%;
}

.diff-clock-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.diff-clock-mechanics {
  z-index: 3;
  width: 100%;
  padding: 7.8%;
  display: block;
  position: absolute;
  inset: 0%;
}

.diff-clock-mechanics.arm-1 {
  max-width: 19%;
  padding: 0%;
  top: 39.5%;
  left: 11.9%;
}

.diff-clock-mechanics.arm-2 {
  max-width: 45%;
  padding: 0%;
  top: 21%;
  left: 39.65%;
}

.cog-2 {
  max-width: 23%;
  position: absolute;
  bottom: 12.3%;
  left: 23.8%;
}

.cog-3 {
  max-width: 5%;
  position: absolute;
  bottom: 10.5%;
  left: 49.5%;
}

.diff-clock-cog {
  z-index: 3;
  position: absolute;
}

.diff-clock-cog.cog-4 {
  z-index: 1;
  max-width: 19.5%;
  top: 38%;
  left: 71.5%;
}

.diff-clock-cog.cog-2 {
  z-index: 1;
  bottom: 12.35%;
}

.diff-clock-cog.cog-5 {
  max-width: 8%;
  top: 42.4%;
  left: 20.25%;
}

.diff-clock-cog.cog-7 {
  max-width: 33%;
  top: 36.1%;
  left: 30.15%;
}

.diff-clock-cog.cog-8 {
  max-width: 12.5%;
  top: 55.2%;
  left: 64.15%;
}

.diff-clock-cog.cog-11 {
  z-index: 1;
  max-width: 26%;
  top: 9.1%;
  left: 32.15%;
}

.diff-clock-cog.cog-12 {
  z-index: 1;
  max-width: 17%;
  top: 13.1%;
  left: 56.15%;
}

.diff-clock-bg {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.diff-clock-cog-anti {
  z-index: 3;
  position: absolute;
}

.diff-clock-cog-anti.cog-9 {
  z-index: 1;
  max-width: 15%;
  top: 66.4%;
  left: 66.25%;
}

.diff-clock-cog-anti.cog-6 {
  z-index: 2;
  max-width: 13.5%;
  inset: auto auto 32% 19.6%;
}

.diff-clock-cog-anti.cog-10 {
  z-index: 1;
  max-width: 14%;
  inset: auto auto 58.5% 51.6%;
}

.diff-clock-man {
  z-index: 4;
  max-width: 13%;
  display: block;
  position: absolute;
  inset: 49% auto auto 8%;
}

.diff-text-panel {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--background-colours--panel-bg);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  width: 30%;
  min-width: 270px;
  max-width: 380px;
  display: flex;
  position: absolute;
  inset: auto 10% auto auto;
}

.diff-item-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider {
  background-color: #fff0;
  flex-flow: column;
  flex: 1;
  width: 100%;
  max-height: 100vh;
  display: flex;
}

.mask {
  flex: 1;
  align-self: stretch;
  width: 100%;
  overflow: visible;
}

.slide {
  height: auto;
}

.slide-nav-diff {
  z-index: 100;
  display: flex;
  bottom: 107px;
}

.arrow-diff-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 70px 0% 70px auto;
}

.arrow-diff-wrapper.left {
  inset: 70px auto 70px 0%;
}

.arrow-diff {
  width: 20px;
}

.arrow-diff.left {
  transform: rotate(180deg);
}

.diff-slider-nav-wrapper {
  z-index: 2;
  background-color: var(--background-colours--panel-bg);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-nav {
  color: var(--brand-colours--white);
}

.slider-nav:hover {
  color: var(--brand-colours--phinsys-blue);
}

.diff-slider-nav {
  padding-right: var(--page-spacing--page-padding);
  padding-left: var(--page-spacing--page-padding);
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  display: flex;
}

.diff-circle-grad {
  z-index: 0;
  opacity: 1;
  max-width: 100%;
  display: block;
  position: absolute;
  inset: 19% auto auto 69%;
  transform: rotate(-45deg);
}

.diff-dart-board {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.diff-dart-b-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.diff-dart {
  z-index: 3;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.diff-dart--image {
  width: 17%;
}

.diff-dar-shadow {
  z-index: 2;
  border-width: 1px;
  border-color: red;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.diff-dar-shadow--image {
  width: 29%;
  margin-top: 22%;
  margin-left: 29%;
}

.diff-eye-wrapper {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.diff-eye {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.diff-eye-absolute {
  z-index: 3;
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--brand-colours--phinsys-navy), var(--brand-colours--dark-navy));
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.diff-eye-blink {
  border-radius: 50%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.diff-eye-glare {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.diff-distil-container {
  justify-content: center;
  width: 30vw;
  min-width: 360px;
  max-width: 500px;
  display: flex;
  position: absolute;
  inset: auto auto 15%;
}

.distil-fill {
  z-index: 4;
  border-radius: 50%;
  width: 20%;
  padding-top: 20%;
  position: absolute;
  top: 24.2%;
  left: 26.8%;
  overflow: hidden;
}

.diff-distil-shadow {
  background-color: #0000004d;
  flex: 1;
  height: 17.5%;
  position: absolute;
  inset: auto 0% 0%;
}

.distil_liquid {
  object-fit: cover;
  background-image: linear-gradient(90deg, #e64b55, #b672cd 25%, #62c697 50%, #ee763b 75%, #00bfff);
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.distil_image {
  width: 100%;
}

.distil_image.end {
  z-index: 2;
  position: absolute;
}

.distil_image.start {
  z-index: 3;
  opacity: 1;
  position: relative;
}

.distil_image.shadow {
  z-index: 1;
  opacity: .3;
  margin-top: 4%;
  margin-left: 5%;
  position: absolute;
}

.diff-swiss-container {
  justify-content: center;
  align-items: center;
  width: 30vw;
  min-width: 470px;
  max-width: 700px;
  margin-top: 13%;
  display: flex;
  position: relative;
  transform: rotate(45deg);
}

.diff-swiss-item {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.swiss_blades_01 {
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 45%;
}

.swiss_blades_02 {
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
  position: absolute;
  top: -42%;
  left: 44%;
}

.swiss_blade_handle {
  width: 100%;
  position: relative;
}

.swiss_blade_item.cork {
  position: absolute;
}

.swiss_blade_item.saw {
  width: 100%;
}

.swiss_blade_item.knife_big {
  z-index: 2;
  width: 100%;
  position: relative;
}

.swiss_blade_item.knife {
  position: absolute;
}

.swiss_blade_item.opener {
  z-index: 1;
  position: absolute;
}

.swiss_blade_handle_container {
  z-index: 10;
  width: 20%;
  position: relative;
}

.diff-linear-grad {
  opacity: 1;
  max-width: 78%;
  display: block;
  position: absolute;
  inset: -45% auto auto 94%;
  transform: rotate(-90deg);
}

.diff-linear-grad.allen {
  max-width: 93%;
  top: 35%;
  left: 99%;
  transform: rotate(-45deg);
}

.diff-speedo-wrapper {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.diff-speedo {
  z-index: 3;
  background-color: var(--brand-colours--dark-navy);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.diff-speedo-background {
  z-index: 2;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.diff-speedo-light {
  z-index: 1;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.diff-speedo-glow {
  z-index: 3;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.diff-speedo-needle, .diff-speedo-needle_glow {
  z-index: 4;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.diff-speedo-numbers {
  z-index: 5;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.diff-speedo-inner_ring, .diff-speedo_outer_ring {
  z-index: 6;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.diff-allen-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.diff-allen {
  z-index: 3;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  height: 190%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(-45deg);
}

.landscape-image {
  padding-top: 60%;
  position: relative;
}

.inform_bg {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #00bfff03, var(--brand-colours--dark-navy));
  opacity: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.stats--wrapper {
  grid-column-gap: var(--spacing--column-gutters-large);
  grid-row-gap: var(--spacing--column-gutters-large);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stats--item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.charity-stat-text {
  color: var(--brand-colours--phinsys-blue);
  font-size: 95px;
  font-weight: 200;
  line-height: .8;
}

.home-header--text {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.welcome--wrapper {
  z-index: 1;
  opacity: 0;
  flex-direction: column;
  padding-top: 110px;
  position: absolute;
  inset: 0% 0% auto;
}

.diagram--scroll-to--btn {
  display: none;
}

.sub-page-wrapper--mobile {
  z-index: 2;
  flex-direction: column;
  min-height: 100vh;
  padding-bottom: 90px;
  display: none;
  position: relative;
}

.diff-text-panel--grid {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 30px;
}

.diff--mobile--container {
  margin-left: -34%;
}

.diff--mobile--container.bottom {
  justify-content: center;
  align-items: center;
  display: flex;
}

.diff-view-port {
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding-left: 400px;
  position: relative;
}

.side-bar--contact--grid {
  grid-column-gap: var(--spacing--column-gutters);
  grid-row-gap: var(--spacing--column-gutters);
  grid-template-columns: 1fr;
}

.sub-header--wrapper {
  width: 100%;
}

.product-header--wrapper {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  text-align: center;
  flex-flow: column;
  max-width: 700px;
  display: flex;
}

.inform-lense--grid {
  grid-column-gap: var(--spacing--spacing-large);
  grid-row-gap: var(--spacing--spacing-large);
  width: 100%;
}

._2-column--grid--wrapper {
  width: 100%;
}

._2-column--grid {
  grid-column-gap: var(--spacing--column-gutters);
  grid-row-gap: var(--spacing--column-gutters);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.nav--arrow-icon {
  width: 100%;
}

.nav--arrow-icon--wrapper {
  justify-content: center;
  align-items: center;
  width: 7px;
  min-width: 7px;
  display: flex;
}

.product-video--wrapper {
  position: relative;
}

.product-item-close-video {
  z-index: 4;
  cursor: pointer;
  height: auto;
  position: absolute;
  inset: 0%;
}

.product-item-close-video.in {
  display: flex;
}

._3-column--grid {
  grid-column-gap: var(--spacing--column-gutters);
  grid-row-gap: var(--spacing--column-gutters);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.card-grid--wrapper {
  width: 100%;
}

.icon-text--header {
  color: var(--brand-colours--phinsys-blue);
}

._5-column--grid {
  grid-column-gap: var(--spacing--column-gutters);
  grid-row-gap: var(--spacing--column-gutters);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.widget--1-coumn-text {
  text-align: center;
}

.stats--header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.news--header-image {
  margin-top: -32px;
}

.side-bard-news-btn-wrapper {
  border-top: 1px solid var(--tints--inform-tint);
}

.link-6 {
  color: #111c26;
}

.body {
  flex-direction: column;
}

.body.dark {
  text-align: left;
}

.bodyheader {
  font-family: var(--typography--header-font);
  font-size: var(--typography--h3-size);
  letter-spacing: var(--typography--h3-letter-spacing);
  text-transform: uppercase;
  font-weight: 700;
}

.link-5 {
  color: #111c26;
  text-decoration: underline;
}

.terms--wrapper {
  align-self: center;
  width: 100%;
}

.diff-text-panel--grid--wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.div-block, .diff-text-panel--dot {
  background-color: var(--brand-colours--phinsys-blue);
  width: 2px;
  height: 2px;
}

.diff-text-panel--dot.tl {
  position: absolute;
  inset: 0% auto auto 0%;
}

.diff-text-panel--dot.tr {
  position: absolute;
  inset: 0% 0% auto auto;
}

.diff-text-panel--dot.lr {
  position: absolute;
  inset: auto auto 0% 0%;
}

.diff-text-panel--dot.br {
  position: absolute;
  inset: auto 0% 0% auto;
}

.diff-text-panel--header--wrapper {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  display: flex;
}

.diff-text-panel--line {
  border-bottom: 1px solid var(--brand-colours--phinsys-blue);
  width: 20px;
  height: 0;
}

.diagram-inform-screen--container {
  z-index: 1;
  width: 118px;
  position: absolute;
}

.anim--btn {
  z-index: 10000;
  background-color: var(--product-colours--rapport);
  color: var(--brand-colours--white);
  padding: 6px 10px;
}

.anim--btn:hover {
  color: var(--brand-colours--white);
}

.anim--btn--wrapper {
  z-index: 10000;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.team--sticky--nav {
  z-index: 100;
  padding: 10px var(--page-spacing--page-padding);
  grid-column-gap: var(--spacing--column-gutters);
  grid-row-gap: var(--spacing--column-gutters);
  background-color: var(--background-colours--sub-page-bg);
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-bottom: -50px;
  display: flex;
  position: sticky;
  top: 70px;
}

.scroll--to--link {
  color: var(--brand-colours--white);
  text-align: center;
}

.scroll--to--link.w--current {
  color: var(--brand-colours--phinsys-blue);
}

.page-container-max-width-lrg-break {
  max-width: var(--page-spacing--page-max-width);
  padding-right: var(--page-spacing--page-padding);
  padding-left: var(--page-spacing--page-padding);
}

.page-container-max-width-lrg-break.wide {
  max-width: 1200px;
}

.side-bar-text {
  padding-top: var(--side-bar-spacing--button-padding);
  border-top: 1px solid var(--tints--inform-tint);
  color: var(--brand-colours--white);
  text-align: left;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.side-bar-text.w--current {
  color: var(--brand-colours--phinsys-blue);
}

.contact--item {
  color: var(--brand-colours--white);
  align-items: flex-start;
  display: flex;
}

.contact--icon {
  color: var(--brand-colours--phinsys-blue);
  min-width: 18px;
  font-weight: 600;
}

.contact--link {
  color: var(--brand-colours--white);
}

.contact--link:hover {
  color: var(--brand-colours--phinsys-blue);
}

.loctaion--text--wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.office--image {
  background-color: #213b4e;
  position: absolute;
  inset: 0%;
}

.location-text-panel {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--background-colours--panel-bg);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  width: 320px;
  display: flex;
}

.location--text {
  padding: 0px var(--page-spacing--page-padding) var(--page-spacing--page-padding);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 350px;
  height: auto;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
}

.location--detail--wrapper {
  flex-flow: column;
  display: flex;
}

.menu--bottom--spacer {
  width: 100%;
  height: 60px;
}

.location-text-panel--grid {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 30px;
}

.location-text-panel--header--wrapper {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.location-text-panel--text--wrapper {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  display: flex;
}

.location-text-panel--grid--wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.team-card--wrapper {
  grid-row-gap: 64px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
}

.product--title--wrapper {
  left: var(--page-spacing--page-padding);
  top: var(--nav-spacing--page-top-padding);
  z-index: 2;
  position: absolute;
  bottom: auto;
  right: auto;
}

.product--title {
  flex-flow: column;
  display: flex;
}

.anim--trigger--mask {
  z-index: 1999;
  opacity: 1;
  display: none;
  position: fixed;
  inset: 0%;
}

.diagram-hit--wrapper {
  z-index: 4;
  width: 12%;
  padding-top: 20%;
  position: absolute;
}

.diagram-hit--wrapper.in {
  top: 39%;
}

.diagram-hit--wrapper.cp {
  top: 22%;
  left: 64%;
}

.diagram-hit--wrapper.rp {
  top: 56%;
  left: 23.7%;
}

.diagram-hit--wrapper.pb {
  top: 56%;
  left: 64%;
}

.diagram-hit--wrapper.td {
  top: 22%;
  left: 24%;
}

.diagram-hit--more {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.diagram-hit--more.cp {
  top: 22%;
  left: 64%;
}

.diagram-hit--more.td {
  top: 22%;
  left: 24%;
}

.diagram-hit--more.in {
  background-color: var(--tints--tandem-tint);
  opacity: 1;
  inset: 0%;
}

.diagram-hit--more.rp {
  top: 56%;
  left: 24%;
}

.diagram-hit--more.pb {
  top: 56%;
  left: 64%;
}

.product--sticky-header {
  z-index: 201;
  padding-top: 32px;
  padding-bottom: var(--page-spacing--header-spacing);
  background-color: #111b25e6;
  margin-bottom: -48px;
  position: sticky;
  top: 0;
}

.product-close--btn {
  border: 1px solid var(--brand-colours--phinsys-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  inset: auto 0% 4px auto;
}

.product-close--btn.td {
  border-color: var(--product-colours--tandem);
}

.product-close--btn.rp {
  border-color: var(--product-colours--rapport);
}

.product-close--btn.cp {
  border-color: var(--product-colours--comply);
}

.product-close--btn.pb {
  border-color: var(--product-colours--postbox);
}

.product-close--btn--line {
  border-top: 1px solid var(--brand-colours--white);
  width: 50%;
  height: 0%;
  position: absolute;
  transform: none;
}

.product-close--btn--line._45 {
  transform: rotate(45deg);
}

.product-close--btn--line.minus45 {
  transform: rotate(-45deg);
}

.cursor {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000026;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
}

.news--video {
  width: 100%;
  margin-bottom: 25px;
}

.anim--trigger--mask--mobile {
  z-index: 1999;
  opacity: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.article--icon {
  height: 60px;
  display: block;
}

.product--icon {
  height: 85px;
  display: block;
}

.cp-item-flow {
  grid-row-gap: clamp(32px, 4vw, 96px);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cp-item-flow._3-col, .cp-item-flow._2-col {
  grid-column-gap: 10%;
}

.cp-logo-25 {
  justify-content: center;
  width: 17.5%;
  min-width: 160px;
  height: 110px;
  display: flex;
  position: relative;
}

.cp-logo-33 {
  justify-content: center;
  width: 19%;
  min-width: 160px;
  height: 110px;
  display: flex;
  position: relative;
}

@media screen and (min-width: 1920px) {
  .team-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .page-container-max-width-lrg-break {
    max-width: var(--page-spacing--page-max-width-lrg);
  }
}

@media screen and (max-width: 991px) {
  body {
    --brand-colours--dark-navy: #0c131a;
    --brand-colours--white: white;
    --typography--header-font: Verlag, sans-serif;
    --typography--h1-size: 1.88rem;
    --typography--h2-size: 2.25rem;
    --typography--h3-size: .8rem;
    --typography--h3-letter-spacing: 1.5px;
    --typography--h4-size: 1.5rem;
    --brand-colours--phinsys-blue: deepskyblue;
    --spacing--spacing-small: 16px;
    --side-bar-spacing--side-bar-width: 400px;
    --nav-spacing--page-top-padding: 102px;
    --side-bar-spacing--side-bar-padding: 24px;
    --brand-colours--phinsys-navy: #172937;
    --page-spacing--page-padding: 64px;
    --page-spacing--page-padding-mob: 24px;
    --tints--inform-tint: #00bfff26;
    --product-colours--tandem: #b672cd;
    --side-bar-spacing--button-padding: 12px;
    --side-bar-spacing--button-spacing: 20px;
    --page-spacing--section-spacing: 64px;
    --nav-spacing--page-top-padding-ipad: 92px;
    --page-spacing--section-spacing-mob: 48px;
    --background-colours--sub-page-bg: #0f212f;
    --background-colours--light-blue-bg: #bbe9f8;
    --nav-spacing--nav-offset: 60px;
    --product-colours--rapport: #e64b55;
    --page-spacing--page-max-width: 1000px;
    --page-spacing--header-spacing: 16px;
    --product-colours--postbox: #ee763b;
    --product-colours--comply: #62c697;
    --product-colours--inform: deepskyblue;
    --page-spacing--header-max-width: 700px;
    --spacing--column-gutters-large: 48px;
    --spacing--column-gutters: 24px;
    --blocks--quote-spacing: 24px;
    --tints--tandem-tint: #b672cd26;
    --tints--rapport-tint: #e64b5526;
    --tints--postbox-tint: #ee763b26;
    --tints--comply-tint: #62c69726;
    --spacing--spacing-x-small: 8px;
    --spacing--spacing-medium: 32px;
    --tints--white-tint: #ffffff80;
    --page-spacing--page-max-width-lrg: 1600px;
    --blocks--card-spacing: 24px;
    --page-spacing--body-spacing: 8px;
    --background-colours--panel-bg: #0c131a99;
    --spacing--spacing-large: 48px;
    --typography--body-font: din-2014, sans-serif;
    --background-colours--sub-page-bg-tint: #0c131acc;
  }

  .side-bar-container {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-top: 0;
  }

  .side-bar {
    display: none;
  }

  .side-bar.contact {
    z-index: 1;
    padding: 0px var(--page-spacing--page-padding) var(--page-spacing--page-padding);
    background-image: none;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: auto;
    display: flex;
    position: relative;
  }

  .product-item-link.suite {
    color: var(--brand-colours--white);
  }

  .container {
    padding-right: 44px;
    padding-left: var(--page-spacing--page-padding);
    align-items: stretch;
    height: 60px;
  }

  .nav-wrapper {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .logo-wrapper {
    width: auto;
    min-width: auto;
  }

  .nav-link {
    z-index: 2;
    border-left: 3px solid var(--brand-colours--phinsys-blue);
    background-color: var(--brand-colours--dark-navy);
    cursor: pointer;
    flex: 0 auto;
    justify-content: space-between;
    width: 100%;
    min-width: 100%;
    height: 50px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 21px;
    padding-right: 24px;
    position: relative;
  }

  .nav-link.w--open {
    background-color: #00bfff4d;
  }

  .side-bar-drop.hide--ipad {
    display: none;
  }

  .side-bar_list {
    min-width: 100%;
  }

  .side-bar-image-btn {
    width: 100%;
    min-width: 100%;
  }

  .side-bar-image {
    padding-top: 65%;
  }

  .side-bar-txt-wrapper {
    text-align: left;
    width: 100%;
    max-width: 350px;
  }

  .view-port {
    z-index: 10;
    opacity: 100;
    min-height: auto;
    margin-left: 0;
    padding-left: 0;
  }

  .view-port.products {
    margin-top: -60px;
  }

  .page-wrapper.contact {
    flex-flow: column;
  }

  .footer {
    padding-left: var(--page-spacing--page-padding);
  }

  .sub-page-wrapper {
    padding-top: var(--nav-spacing--page-top-padding-ipad);
  }

  .sub-page-wrapper.difference-carousel {
    display: flex;
  }

  .sub-page-wrapper.bg-blur, .sub-page-wrapper.bg-blur.td {
    display: none;
  }

  .sub-page-wrapper.td {
    min-height: auto;
  }

  .sub-page-wrapper.london {
    padding-top: 124px;
  }

  .nav-menu {
    background-color: var(--brand-colours--dark-navy);
    flex-direction: column;
    align-items: stretch;
    height: calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    overflow: auto;
  }

  .navbar {
    height: 60px;
  }

  .navbar.desk {
    display: none;
  }

  .navbar.mobile {
    z-index: 2000;
    display: flex;
  }

  .menu-button {
    color: var(--brand-colours--white);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #0000;
    justify-content: center;
    align-items: center;
  }

  .brand {
    width: auto;
    max-width: 150px;
  }

  .dropdown-list {
    z-index: 1;
    margin-top: -1px;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    overflow: hidden;
  }

  .dropdown-list.w--open {
    background-color: #0000;
    padding-left: 23px;
    padding-right: 20px;
  }

  .nav-dropdown-item {
    margin-bottom: 3px;
    position: relative;
  }

  .dropdown-list-spacer {
    height: 20px;
  }

  .mobile-nav-close {
    z-index: 3;
    background-color: var(--product-colours--rapport);
    opacity: 0;
    height: 50px;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
  }

  .side-bar-nav-header.contact.top {
    margin-top: 0;
  }

  .cp-grid._4 {
    grid-template-columns: 1fr 1fr;
  }

  .news-image {
    padding-top: 65%;
  }

  .diagram-absolute.image {
    width: auto;
  }

  .diagram-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100svh;
    min-height: 870px;
    padding-bottom: 0;
    position: relative;
  }

  .diagram {
    margin-top: 90px;
  }

  .product-page-wrapper {
    opacity: 100;
    flex-direction: column;
    min-height: 100svh;
    overflow: visible;
  }

  .product-nav-mob-wrapper {
    border-top: .5px solid var(--brand-colours--dark-navy);
    border-bottom: .5px solid var(--brand-colours--dark-navy);
    justify-content: center;
    display: flex;
  }

  .product-nav-mob-item {
    border: .5px solid var(--brand-colours--dark-navy);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    display: flex;
  }

  .product-nav-mob-item.td {
    background-color: var(--tints--tandem-tint);
    flex: 0 auto;
  }

  .product-nav-mob-item.rp {
    background-color: var(--tints--rapport-tint);
  }

  .product-nav-mob-item.pb {
    background-color: var(--tints--postbox-tint);
  }

  .product-nav-mob-item.cp {
    background-color: var(--tints--comply-tint);
  }

  .product-nav-mob-item.in, .product-nav-mob-item.suite {
    background-color: var(--tints--inform-tint);
  }

  .product-nav-mob-icon {
    width: 30px;
  }

  .section-product-nav-mob {
    z-index: 200;
    overflow: hidden;
  }

  .product-header-mob-wrapper {
    grid-column-gap: var(--spacing--spacing-x-small);
    grid-row-gap: var(--spacing--spacing-x-small);
    flex-flow: column;
    display: flex;
  }

  .product-body-mob-wrapper {
    margin-top: var(--spacing--spacing-medium);
  }

  .product-diagram-img {
    width: 100%;
  }

  ._4-column--grid {
    grid-template-columns: 1fr 1fr;
  }

  .product-sub-nav-wrapper {
    z-index: 1000;
    height: auto;
    min-height: auto;
    padding-bottom: 0;
    display: flex;
    position: sticky;
    top: 60px;
  }

  .home-hex-graphic-wrapper.tr {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .home-hex-graphic {
    max-width: 330px;
  }

  .side-bar-sub-btn {
    width: 100%;
    min-width: 100%;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .team-card {
    width: 50%;
    min-width: auto;
  }

  .page-load-first, .page-load-revisit {
    display: flex;
  }

  .graphic {
    margin-left: 10px;
    margin-right: 10px;
  }

  .inform-lense--wrapper {
    padding: 0;
  }

  .graphicimg {
    width: 100%;
  }

  .inform-lense-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .diff-container {
    width: 60%;
    min-width: 45px;
    max-width: 550px;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .diff-container.allen {
    margin-left: -10%;
    transform: translate(0%, -2%);
  }

  .diff-text-panel {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0c131a00;
    flex-flow: row;
    flex: 1;
    width: auto;
    max-width: none;
    height: 100%;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    right: auto;
  }

  .diff-item-wrapper {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .slider {
    flex: 0 auto;
    height: auto;
    max-height: none;
  }

  .slide {
    height: 100%;
    min-height: 100%;
  }

  .diff-slider-nav-wrapper {
    width: 100vw;
    display: none;
    position: relative;
  }

  .diff-distil-container {
    width: 50vw;
    min-width: auto;
    max-width: 400px;
    margin-bottom: -2%;
    margin-left: 0%;
    position: relative;
    bottom: 0%;
  }

  .diff-distil-shadow {
    flex: 0 auto;
    width: 100%;
    height: 8vw;
    position: relative;
  }

  .diff-swiss-container {
    width: 55vw;
    min-width: 400px;
    max-width: none;
    height: auto;
    margin-top: 21%;
  }

  .diff-swiss-item {
    flex-flow: column;
    padding-top: 0;
  }

  .product-nav-mob-item--wrapper {
    background-color: var(--brand-colours--dark-navy);
    flex: 1;
    width: 100%;
    position: relative;
  }

  .product-nav-mob-item--close {
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .product-nav-mob-item--close.tb {
    outline-color: var(--product-colours--tandem);
    outline-offset: -.5px;
    outline-width: .5px;
    outline-style: solid;
  }

  .product-nav-mob-item--close.rp {
    outline-color: var(--product-colours--rapport);
    outline-offset: -.5px;
    outline-width: .5px;
    outline-style: solid;
  }

  .product-nav-mob-item--close.pb {
    outline-color: var(--product-colours--postbox);
    outline-offset: -.5px;
    outline-width: .5px;
    outline-style: solid;
  }

  .product-nav-mob-item--close.cp {
    outline-color: var(--product-colours--comply);
    outline-offset: -.5px;
    outline-width: .5px;
    outline-style: solid;
  }

  .product-nav-mob-item--close.in {
    outline-color: var(--product-colours--inform);
    outline-offset: -.5px;
    outline-width: .5px;
    outline-style: solid;
  }

  .home-header--text {
    font-size: 35px;
  }

  .welcome--wrapper {
    padding-top: var(--nav-spacing--page-top-padding);
  }

  .diagram--scroll-to--btn {
    z-index: 1000;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--brand-colours--white);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    inset: auto auto 90px 60px;
  }

  .diagram--scroll-to--btn:hover {
    color: var(--brand-colours--phinsys-blue);
  }

  .diagram--scroll-to--btn--arrow {
    justify-content: flex-start;
    align-items: center;
    width: 15px;
    display: flex;
  }

  .diagram--scroll-to--btn-arrow--imge {
    width: 100%;
  }

  .product-info--mobile--wrapper {
    padding-top: var(--page-spacing--page-padding);
    padding-bottom: var(--page-spacing--page-padding);
    grid-column-gap: var(--page-spacing--section-spacing);
    grid-row-gap: var(--page-spacing--section-spacing);
    flex-flow: column;
    display: flex;
    position: relative;
    inset: 0%;
  }

  .product-info--mobile--wrapper.td, .product-info--mobile--wrapper.rp, .product-info--mobile--wrapper.cp, .product-info--mobile--wrapper.pb, .product-info--mobile--wrapper.in, .product-info--mobile--wrapper.suite {
    display: none;
  }

  .sub-page-wrapper--mobile {
    min-height: 100svh;
    padding-bottom: 0;
    display: none;
  }

  .diff-text-panel--grid {
    grid-template-rows: auto;
    grid-template-columns: .7fr 1fr;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .diff--mobile--container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60vh;
    min-height: 650px;
    margin-left: 0%;
    display: flex;
    position: relative;
  }

  .diff--mobile--container.bottom {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .diff-view-port {
    z-index: 10;
    min-height: auto;
    margin-left: 0;
    padding-top: 60px;
    padding-left: 0;
  }

  .side-bar--contact--grid, ._2-column--grid {
    grid-template-columns: 1fr 1fr;
  }

  .burger--wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 100%;
    display: flex;
  }

  .burger--line {
    border-top: 1px solid var(--brand-colours--white);
    align-self: stretch;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  ._3-column--grid, ._5-column--grid {
    grid-template-columns: 1fr 1fr;
  }

  .nav-menu--wrapper {
    flex-flow: column;
    height: calc(100svh - 60px);
    min-height: calc(100svh - 60px);
    display: flex;
  }

  .diff-text-panel--dot {
    display: none;
  }

  .team--sticky--nav {
    top: 60px;
  }

  .location-text-panel {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0c131a00;
    flex-flow: row;
    flex: 1;
    width: auto;
    max-width: none;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    right: auto;
  }

  .menu--bottom--spacer {
    height: 120px;
    min-height: 120px;
  }

  .location-text-panel--grid {
    grid-column-gap: var(--spacing--spacing-small);
    grid-row-gap: var(--spacing--spacing-small);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: 0;
  }

  .location-text-panel--text--wrapper {
    grid-column-gap: var(--blocks--card-spacing);
    grid-row-gap: var(--blocks--card-spacing);
    flex-flow: column;
    display: flex;
  }

  .product--title--wrapper {
    z-index: 10;
  }

  .anim--trigger--mask {
    display: none;
  }

  .anim--trigger--mask--mobile {
    z-index: 10000;
    display: none;
  }

  .cp-item-flow._3-col, .cp-item-flow._2-col {
    grid-column-gap: 5%;
  }

  .cp-logo-25, .cp-logo-33 {
    width: 30%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --brand-colours--dark-navy: #0c131a;
    --brand-colours--white: white;
    --typography--header-font: Verlag, sans-serif;
    --typography--h1-size: 1.88rem;
    --typography--h2-size: 2.25rem;
    --typography--h3-size: .8rem;
    --typography--h3-letter-spacing: 1.5px;
    --typography--h4-size: 1.5rem;
    --brand-colours--phinsys-blue: deepskyblue;
    --spacing--spacing-small: 16px;
    --side-bar-spacing--side-bar-width: 400px;
    --nav-spacing--page-top-padding: 102px;
    --side-bar-spacing--side-bar-padding: 24px;
    --brand-colours--phinsys-navy: #172937;
    --page-spacing--page-padding: 64px;
    --page-spacing--page-padding-mob: 24px;
    --tints--inform-tint: #00bfff26;
    --product-colours--tandem: #b672cd;
    --side-bar-spacing--button-padding: 12px;
    --side-bar-spacing--button-spacing: 20px;
    --page-spacing--section-spacing: 64px;
    --nav-spacing--page-top-padding-ipad: 92px;
    --page-spacing--section-spacing-mob: 48px;
    --background-colours--sub-page-bg: #0f212f;
    --background-colours--light-blue-bg: #bbe9f8;
    --nav-spacing--nav-offset: 60px;
    --product-colours--rapport: #e64b55;
    --page-spacing--page-max-width: 1000px;
    --page-spacing--header-spacing: 16px;
    --product-colours--postbox: #ee763b;
    --product-colours--comply: #62c697;
    --product-colours--inform: deepskyblue;
    --page-spacing--header-max-width: 700px;
    --spacing--column-gutters-large: 48px;
    --spacing--column-gutters: 24px;
    --blocks--quote-spacing: 24px;
    --tints--tandem-tint: #b672cd26;
    --tints--rapport-tint: #e64b5526;
    --tints--postbox-tint: #ee763b26;
    --tints--comply-tint: #62c69726;
    --spacing--spacing-x-small: 8px;
    --spacing--spacing-medium: 32px;
    --tints--white-tint: #ffffff80;
    --page-spacing--page-max-width-lrg: 1600px;
    --blocks--card-spacing: 24px;
    --page-spacing--body-spacing: 8px;
    --background-colours--panel-bg: #0c131a99;
    --spacing--spacing-large: 48px;
    --typography--body-font: din-2014, sans-serif;
    --background-colours--sub-page-bg-tint: #0c131acc;
  }

  .nav-divider.team {
    border-bottom: 1px solid var(--brand-colours--phinsys-blue);
    border-right-style: none;
    width: 20px;
    height: 0;
  }

  .side-bar-btn {
    align-items: center;
  }

  .footer {
    padding-top: var(--spacing--spacing-small);
    padding-bottom: var(--spacing--spacing-small);
    align-items: flex-start;
    height: auto;
  }

  .sub-page-wrapper.difference-carousel {
    padding-top: 20px;
  }

  .brand {
    padding-left: 0;
  }

  .footer-link {
    margin-bottom: 2px;
  }

  .news-article-grid {
    grid-template-columns: 1fr 1fr;
  }

  .diagram-img-labels {
    width: 150%;
    min-width: 150%;
    max-width: 150%;
    height: auto;
  }

  .html-embed {
    justify-content: flex-start;
  }

  .diagram-wrapper {
    height: auto;
    min-height: 100svh;
    padding-left: 0;
    padding-right: 0;
  }

  .diagram {
    width: 100%;
    height: auto;
    margin-top: -80px;
  }

  .product-video-mob {
    padding-bottom: 0;
    padding-right: 0;
  }

  .diagram-img-details {
    width: 150%;
    min-width: 150%;
    max-width: 150%;
    height: auto;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .dataimg {
    height: auto;
  }

  .graphic {
    margin-left: 10px;
    margin-right: 10px;
  }

  .inform-lense--wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .graphicimg {
    width: auto;
    height: auto;
  }

  .diff-container {
    width: 80%;
    min-width: auto;
    max-width: 500px;
  }

  .arrow-diff {
    width: 15px;
  }

  .diff-eye-blink {
    min-width: 100%;
  }

  .diff-distil-container {
    width: 62%;
    margin-bottom: -4%;
  }

  .diff-distil-shadow {
    height: 15vw;
  }

  .diff-swiss-container {
    width: 70%;
    min-width: auto;
    max-width: 470px;
    margin-bottom: 13%;
  }

  .stats--wrapper {
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .welcome--wrapper {
    padding-top: 90px;
    position: relative;
  }

  .diff-text-panel--grid {
    grid-template-columns: 1fr;
  }

  .diff--mobile--container {
    min-height: 580px;
  }

  .inform-lense--grid {
    grid-template-columns: 1fr;
  }

  .news--header-image {
    margin-bottom: -32px;
  }

  .body {
    padding-top: 0;
  }

  .diagram-inform-screen--container {
    width: 15.5%;
  }

  .team--sticky--nav {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .location-text-panel--grid {
    grid-template-columns: 1fr;
  }

  .diagram-hit--wrapper {
    width: 22%;
    padding-top: 30%;
  }

  .diagram-hit--wrapper.cp {
    top: 22%;
    left: 69.5%;
  }

  .diagram-hit--wrapper.rp {
    top: 56%;
    left: 9%;
  }

  .diagram-hit--wrapper.pb {
    top: 56%;
    left: 69.5%;
  }

  .diagram-hit--wrapper.td {
    top: 22%;
    left: 9%;
  }

  .diagram-hit--more.cp {
    left: 72%;
  }

  .diagram-hit--more.td, .diagram-hit--more.rp {
    left: 11%;
  }

  .diagram-hit--more.pb {
    left: 71.5%;
  }

  .cp-item-flow._3-col, .cp-item-flow._2-col {
    grid-column-gap: 6%;
  }

  .cp-logo-25, .cp-logo-33 {
    width: 47%;
  }
}

@media screen and (max-width: 479px) {
  body {
    --brand-colours--dark-navy: #0c131a;
    --brand-colours--white: white;
    --typography--header-font: Verlag, sans-serif;
    --typography--h1-size: 1.88rem;
    --typography--h2-size: 2.25rem;
    --typography--h3-size: .8rem;
    --typography--h3-letter-spacing: 1.5px;
    --typography--h4-size: 1.5rem;
    --brand-colours--phinsys-blue: deepskyblue;
    --spacing--spacing-small: 16px;
    --side-bar-spacing--side-bar-width: 400px;
    --nav-spacing--page-top-padding: 102px;
    --side-bar-spacing--side-bar-padding: 24px;
    --brand-colours--phinsys-navy: #172937;
    --page-spacing--page-padding: 24px;
    --page-spacing--page-padding-mob: 24px;
    --tints--inform-tint: #00bfff26;
    --product-colours--tandem: #b672cd;
    --side-bar-spacing--button-padding: 12px;
    --side-bar-spacing--button-spacing: 20px;
    --page-spacing--section-spacing: 64px;
    --nav-spacing--page-top-padding-ipad: 92px;
    --page-spacing--section-spacing-mob: 48px;
    --background-colours--sub-page-bg: #0f212f;
    --background-colours--light-blue-bg: #bbe9f8;
    --nav-spacing--nav-offset: 60px;
    --product-colours--rapport: #e64b55;
    --page-spacing--page-max-width: 1000px;
    --page-spacing--header-spacing: 16px;
    --product-colours--postbox: #ee763b;
    --product-colours--comply: #62c697;
    --product-colours--inform: deepskyblue;
    --page-spacing--header-max-width: 700px;
    --spacing--column-gutters-large: 48px;
    --spacing--column-gutters: 24px;
    --blocks--quote-spacing: 24px;
    --tints--tandem-tint: #b672cd26;
    --tints--rapport-tint: #e64b5526;
    --tints--postbox-tint: #ee763b26;
    --tints--comply-tint: #62c69726;
    --spacing--spacing-x-small: 8px;
    --spacing--spacing-medium: 32px;
    --tints--white-tint: #ffffff80;
    --page-spacing--page-max-width-lrg: 1600px;
    --blocks--card-spacing: 24px;
    --page-spacing--body-spacing: 8px;
    --background-colours--panel-bg: #0c131a99;
    --spacing--spacing-large: 48px;
    --typography--body-font: din-2014, sans-serif;
    --background-colours--sub-page-bg-tint: #0c131acc;
  }

  h4 {
    font-size: 20px;
    line-height: 24px;
  }

  .side-bar.contact {
    padding-right: var(--page-spacing--page-padding-mob);
    padding-left: var(--page-spacing--page-padding-mob);
  }

  .container {
    padding-right: 4px;
    padding-left: var(--page-spacing--page-padding-mob);
  }

  .nav-wrapper {
    height: 60px;
  }

  .logo-wrapper {
    width: auto;
    min-width: auto;
    max-width: 130px;
  }

  .nav-link {
    flex: 0 auto;
  }

  .nav-divider.foot, .cover-image.blur {
    display: none;
  }

  .cover-image.location.london {
    object-position: 28% 50%;
  }

  .view-port {
    z-index: 10;
  }

  .footer {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .sub-page-wrapper {
    grid-column-gap: var(--page-spacing--section-spacing-mob);
    grid-row-gap: var(--page-spacing--section-spacing-mob);
  }

  .sub-page-wrapper.difference-carousel {
    background-image: url('../images/Diff-Slider-BG.jpg');
    background-position: 30% 0;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 60px;
  }

  .sub-page-wrapper.london {
    padding-top: 84px;
  }

  .nav-menu {
    background-color: var(--brand-colours--dark-navy);
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .brand {
    max-width: 130px;
    padding-left: 0;
  }

  .image {
    height: auto;
  }

  .mobile-nav-close {
    display: none;
  }

  .page-container-max-width {
    padding-right: var(--page-spacing--page-padding-mob);
    padding-left: var(--page-spacing--page-padding-mob);
  }

  .footer-nav-wrapper {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .testimonial-slider {
    width: 100%;
    max-width: 100%;
  }

  .cp-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cp-grid._2, .cp-grid._3, .cp-grid._4 {
    grid-template-columns: 1fr;
  }

  .news-image-bg {
    margin-left: -24px;
    margin-right: -24px;
  }

  .news-article-grid {
    grid-template-columns: 1fr;
  }

  .news-article-grid-header {
    margin-bottom: 0;
  }

  .diagram-absolute.image {
    transform: scale3d(1none, 1none, 1none);
  }

  .diagram-img-labels {
    max-width: 170%;
  }

  .diagram-wrapper {
    height: 100svh;
    min-height: 650px;
  }

  .diagram {
    margin-top: -45px;
  }

  .product-nav-mob-item.suite {
    background-color: var(--background-colours--sub-page-bg);
  }

  .product-nav-mob-icon {
    width: 30px;
  }

  ._4-column--grid {
    grid-template-columns: 1fr;
  }

  .product-sub-nav-wrapper {
    opacity: 1;
    position: sticky;
    top: 60px;
  }

  .home-hex-graphic {
    max-width: 200px;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .team-card {
    width: 100%;
  }

  .page-container-max-width-lrg {
    padding-right: var(--page-spacing--page-padding-mob);
    padding-left: var(--page-spacing--page-padding-mob);
  }

  .product-suite-logo-img {
    width: 100%;
    max-width: none;
  }

  .dataimg {
    width: 100%;
    height: 100%;
  }

  .graphic {
    margin-left: 0;
    margin-right: 0;
  }

  .inform-lense--wrapper {
    flex: 0 auto;
    height: auto;
    padding-bottom: 0;
  }

  .graphicimg {
    width: 100%;
    height: 100%;
  }

  .inform-lense-wrapper {
    grid-template-columns: 1fr;
  }

  .diff-container {
    margin-top: 30px;
  }

  .diff-item-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .arrow-diff {
    width: 15px;
  }

  .diff-distil-container {
    width: 78vw;
    max-width: 260px;
  }

  .welcome--wrapper {
    position: relative;
  }

  .diagram--scroll-to--btn {
    z-index: 10;
    bottom: 90px;
    left: 30px;
  }

  .product-info--mobile--wrapper.td {
    display: flex;
  }

  .product-info--mobile--wrapper.suite {
    display: none;
  }

  .diff--mobile--container {
    max-width: 350px;
    height: 55vh;
    min-height: 300px;
  }

  .side-bar--contact--grid {
    grid-template-columns: 1fr;
  }

  .inform-lense--grid {
    grid-column-gap: var(--spacing--spacing-medium);
    grid-row-gap: var(--spacing--spacing-medium);
  }

  ._2-column--grid, ._3-column--grid, ._5-column--grid {
    grid-template-columns: 1fr;
  }

  .news--header-image {
    margin-top: -16px;
    margin-bottom: -16px;
  }

  .team--sticky--nav, .page-container-max-width-lrg-break {
    padding-right: var(--page-spacing--page-padding-mob);
    padding-left: var(--page-spacing--page-padding-mob);
  }

  .loctaion--text--wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .menu--bottom--spacer {
    height: 120px;
  }

  .diagram-hit--wrapper.cp, .diagram-hit--wrapper.pb {
    left: 69%;
  }

  .diagram-hit--more.td {
    padding-top: 29%;
    left: 11%;
  }

  .diagram-hit--more.rp, .diagram-hit--more.pb {
    top: 55%;
  }

  .cp-logo-25, .cp-logo-33 {
    min-width: 120px;
  }
}

#w-node-_194f3792-11bf-cb1e-010e-fb2c63b3ef80-029ff701, #w-node-_651591b0-0f48-5bcd-eb5c-af625a19cc41-029ff701, #w-node-_6f1f13d0-460c-f6d1-6a4c-d8c4c8653585-029ff701, #w-node-_6f1f13d0-460c-f6d1-6a4c-d8c4c8653586-029ff701, #w-node-_89e51015-d8b8-48a6-1e4f-93f78b7afcf6-029ff701, #w-node-_89e51015-d8b8-48a6-1e4f-93f78b7afcf7-029ff701, #w-node-_086f3b20-2dc5-c74f-0753-bac283b579e2-029ff701, #w-node-f12f5ba1-31ee-b608-a92e-a1fda2b8b935-029ff701, #w-node-f12f5ba1-31ee-b608-a92e-a1fda2b8b937-029ff701, #w-node-f12f5ba1-31ee-b608-a92e-a1fda2b8b946-029ff701, #w-node-f12f5ba1-31ee-b608-a92e-a1fda2b8b947-029ff701, #w-node-f12f5ba1-31ee-b608-a92e-a1fda2b8b956-029ff701, #w-node-f12f5ba1-31ee-b608-a92e-a1fda2b8b957-029ff701, #w-node-f12f5ba1-31ee-b608-a92e-a1fda2b8b967-029ff701, #w-node-_41ab8523-efff-5ad4-3c8c-c6d3d8375b06-029ff701, #w-node-_41ab8523-efff-5ad4-3c8c-c6d3d8375b08-029ff701, #w-node-_41ab8523-efff-5ad4-3c8c-c6d3d8375b17-029ff701, #w-node-_41ab8523-efff-5ad4-3c8c-c6d3d8375b18-029ff701, #w-node-_41ab8523-efff-5ad4-3c8c-c6d3d8375b27-029ff701, #w-node-_41ab8523-efff-5ad4-3c8c-c6d3d8375b28-029ff701, #w-node-_41ab8523-efff-5ad4-3c8c-c6d3d8375b38-029ff701, #w-node-_45c31bbd-289e-e8ea-d257-721605bf5709-029ff703, #w-node-b402c6d2-d166-a44d-efa1-0a8b089d872b-029ff703, #w-node-d498a132-d0fc-1422-e706-22ef283c81a8-029ff703, #w-node-_6c330cfa-0c53-f8e1-5390-2bfdbaed6c7d-029ff703, #w-node-_60bada7a-01c3-7ea1-664c-f4438dab7295-029ff703, #w-node-_60bada7a-01c3-7ea1-664c-f4438dab729b-029ff703, #w-node-_60bada7a-01c3-7ea1-664c-f4438dab72a1-029ff703, #w-node-_60bada7a-01c3-7ea1-664c-f4438dab72a7-029ff703, #w-node-ad6b1400-5779-9ae8-31b8-ae4326692171-029ff703, #w-node-ad6b1400-5779-9ae8-31b8-ae4326692177-029ff703, #w-node-ad6b1400-5779-9ae8-31b8-ae432669217d-029ff703, #w-node-ad6b1400-5779-9ae8-31b8-ae4326692183-029ff703, #w-node-c9a08eea-3f4a-a653-628b-b70f9f10d960-029ff703, #w-node-c9a08eea-3f4a-a653-628b-b70f9f10d966-029ff703, #w-node-c9a08eea-3f4a-a653-628b-b70f9f10d96c-029ff703, #w-node-c9a08eea-3f4a-a653-628b-b70f9f10d972-029ff703, #w-node-_5d59911f-21ff-b369-d904-b513f9a928e3-029ff703, #w-node-_5d59911f-21ff-b369-d904-b513f9a928e9-029ff703, #w-node-_5d59911f-21ff-b369-d904-b513f9a928ef-029ff703, #w-node-_5d59911f-21ff-b369-d904-b513f9a928f5-029ff703, #w-node-b80d30da-663c-5b6d-e709-32af2faded2a-029ff703, #w-node-b80d30da-663c-5b6d-e709-32af2faded30-029ff703, #w-node-b80d30da-663c-5b6d-e709-32af2faded36-029ff703, #w-node-b80d30da-663c-5b6d-e709-32af2faded3c-029ff703, #w-node-c697758c-faf1-8adc-32d2-8ab4092f0a9f-029ff703, #w-node-c697758c-faf1-8adc-32d2-8ab4092f0aa5-029ff703, #w-node-c697758c-faf1-8adc-32d2-8ab4092f0aab-029ff703, #w-node-c697758c-faf1-8adc-32d2-8ab4092f0ab1-029ff703, #w-node-bdd0fc54-1080-7593-bc86-973b2bc8ff2b-029ff703, #w-node-bdd0fc54-1080-7593-bc86-973b2bc8ff31-029ff703, #w-node-bdd0fc54-1080-7593-bc86-973b2bc8ff37-029ff703, #w-node-bdd0fc54-1080-7593-bc86-973b2bc8ff3d-029ff703, #w-node-_022c306a-238f-3ab7-23c4-501b7507cd9b-029ff703, #w-node-_022c306a-238f-3ab7-23c4-501b7507cda1-029ff703, #w-node-_022c306a-238f-3ab7-23c4-501b7507cda7-029ff703, #w-node-_022c306a-238f-3ab7-23c4-501b7507cdad-029ff703, #w-node-_8fdb37f8-ed16-558c-f737-4882d9e3b13c-029ff703, #w-node-_8fdb37f8-ed16-558c-f737-4882d9e3b142-029ff703, #w-node-_8fdb37f8-ed16-558c-f737-4882d9e3b148-029ff703, #w-node-_8fdb37f8-ed16-558c-f737-4882d9e3b14e-029ff703, #w-node-_21275f8d-1f14-f034-81e1-7af06bc44778-029ff703, #w-node-_21275f8d-1f14-f034-81e1-7af06bc4477b-029ff703, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183125-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183130-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418313e-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418313f-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183149-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418314a-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183154-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183155-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183163-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183164-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418316e-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418316f-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183179-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418317a-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183184-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183185-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183193-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b94183194-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418319e-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b9418319f-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b941831a9-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b941831aa-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b941831b4-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b941831b5-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b941831bf-029ff704, #w-node-_9dd70029-3f13-6149-d6ad-fb4b941831c0-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5597-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5598-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55a2-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55a3-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55b1-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55b2-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55bc-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55bd-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55c7-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55c8-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55d6-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55d7-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55e1-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55e2-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55ec-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55ed-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55f7-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba55f8-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5606-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5607-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5611-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5612-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba561c-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba561d-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5627-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5628-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5632-029ff704, #w-node-b6f1cb85-06ae-6ad0-c654-c37c12ba5633-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca44d-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca44e-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca458-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca459-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca467-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca468-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca472-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca473-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca47d-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca47e-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca48c-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca48d-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca497-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca498-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4a2-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4a3-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4ad-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4ae-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4bc-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4bd-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4c7-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4c8-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4d2-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4d3-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4dd-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4de-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4e8-029ff704, #w-node-_463f3b0c-8840-bd16-96e6-c51623aca4e9-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e08-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e09-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e13-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e14-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e22-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e23-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e2d-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e2e-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e38-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e39-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e47-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e48-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e52-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e53-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e5d-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e5e-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e68-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e69-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e77-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e78-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e82-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e83-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e8d-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e8e-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e98-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68e99-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68ea3-029ff704, #w-node-c1aea098-d04b-d1ca-9078-e34980a68ea4-029ff704, #w-node-_474c43e6-e2f4-c3c9-aa7e-4457cf311a74-029ff706, #w-node-a61b5077-fb72-9043-e17f-ed1d27d7b046-029ff706, #w-node-ef555bd3-cab8-d3f6-1aeb-a60d55f6e5ad-029ff706, #w-node-_27fc645d-a1cc-2afe-eb81-a6af3f5d3aaf-029ff706, #w-node-e23b6b8b-0c51-20fd-fda4-c3cdbe6bb797-029ff706, #w-node-_9956cd82-5f12-0cff-dfb2-fc8a66c5ea8d-029ff706, #w-node-_8fc6cd71-7c2d-b18f-1aec-a580be922b00-029ff706, #w-node-fe3fe977-4361-9866-0ba4-85abd45a4d6c-029ff706, #w-node-_34c15f84-af46-55e4-f747-e0b84c2b9e78-029ff706, #w-node-_43a34087-4fdc-5b5c-dbf4-94f0d7a1a453-029ff706, #w-node-_6d3945e6-e0e9-f05b-4530-259a230c3601-029ff706, #w-node-_8700845b-74cf-42c2-3d55-bcc33a96b182-029ff706, #w-node-_6c8033c3-01bf-e47d-d617-7016763152f7-029ff706, #w-node-b3046728-a1c2-f0b4-19cd-b9551f949c1c-029ff706, #w-node-_044780d9-639d-a8d7-37fb-c8e0f625abe0-7a009cf9, #w-node-_9f05e73f-68d8-1be6-f0e3-8874699d7337-7a009cf9, #w-node-f46690e4-6cc7-b8d7-a4e5-69418c83bc67-7a009cf9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b4096a03-d20f-eb2c-3b73-0ec881bf70d9-7a009cf9 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_04aa6288-1e2e-506f-02e4-f028d7598ee3-7a009cf9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_8d73a6c3-4107-cf37-fadd-051dc3f42029-82a61c94, #w-node-e0e696e7-596b-6d14-a38c-2c94bf4713f0-82a61c94, #w-node-_8106ed3d-67cf-8599-5373-d57ebfc35fec-82a61c94, #w-node-_8106ed3d-67cf-8599-5373-d57ebfc35fed-82a61c94, #w-node-dcc33391-23bf-8ddb-9445-92ea29cc5f42-82a61c94, #w-node-dcc33391-23bf-8ddb-9445-92ea29cc5f43-82a61c94, #w-node-_9a3d741d-8a93-aaa8-19a2-8ec39409aec4-82a61c94, #w-node-_9a3d741d-8a93-aaa8-19a2-8ec39409aec5-82a61c94, #w-node-_675d97c8-398e-9a1c-502f-67df4b447e97-82a61c94, #w-node-_675d97c8-398e-9a1c-502f-67df4b447e98-82a61c94, #w-node-_39936708-7425-9870-d093-9a8a883364b8-82a61c94, #w-node-_39936708-7425-9870-d093-9a8a883364b9-82a61c94, #w-node-_77b65c03-ba09-bbaf-69b5-2a7b29808917-82a61c94, #w-node-_77b65c03-ba09-bbaf-69b5-2a7b29808918-82a61c94, #w-node-ee444e51-9fc8-4000-59e3-c7ae3d59c71c-82a61c94, #w-node-ee444e51-9fc8-4000-59e3-c7ae3d59c71d-82a61c94, #w-node-_51f276f8-19ba-71ab-4c99-b5b80f5f8678-82a61c94, #w-node-_51f276f8-19ba-71ab-4c99-b5b80f5f8679-82a61c94, #w-node-_646c3c16-65be-1366-c440-15f8fcfe0696-82a61c94, #w-node-_646c3c16-65be-1366-c440-15f8fcfe0697-82a61c94, #w-node-_12d16e4b-c792-d2d4-57ba-06eaad8201c2-82a61c94, #w-node-_12d16e4b-c792-d2d4-57ba-06eaad8201c3-82a61c94, #w-node-_66581f43-3703-bc90-b6aa-b8926f9c9247-82a61c94, #w-node-_66581f43-3703-bc90-b6aa-b8926f9c9248-82a61c94, #w-node-a711bb12-780c-d818-4d29-72679e07c377-82a61c94, #w-node-a711bb12-780c-d818-4d29-72679e07c378-82a61c94, #w-node-_287f0350-eb1e-11c9-16c1-30d0311d2c80-82a61c94, #w-node-_287f0350-eb1e-11c9-16c1-30d0311d2c81-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e68e4-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e68e5-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e68ef-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e68f0-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e68fe-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e68ff-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6909-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e690a-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6914-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6915-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6923-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6924-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e692e-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e692f-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6939-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e693a-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6944-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6945-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6953-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6954-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e695e-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e695f-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6969-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e696a-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6974-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6975-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e697f-82a61c94, #w-node-_37a3b6b6-5c96-444c-9b2f-60d4720e6980-82a61c94 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_044780d9-639d-a8d7-37fb-c8e0f625abe0-7a009cf9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9f05e73f-68d8-1be6-f0e3-8874699d7337-7a009cf9 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-f46690e4-6cc7-b8d7-a4e5-69418c83bc67-7a009cf9 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4096a03-d20f-eb2c-3b73-0ec881bf70d9-7a009cf9 {
    grid-area: 3 / 1 / 5 / 3;
  }

  #w-node-_04aa6288-1e2e-506f-02e4-f028d7598ee3-7a009cf9 {
    grid-area: 5 / 1 / 6 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_044780d9-639d-a8d7-37fb-c8e0f625abe0-7a009cf9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9f05e73f-68d8-1be6-f0e3-8874699d7337-7a009cf9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f46690e4-6cc7-b8d7-a4e5-69418c83bc67-7a009cf9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b4096a03-d20f-eb2c-3b73-0ec881bf70d9-7a009cf9, #w-node-_04aa6288-1e2e-506f-02e4-f028d7598ee3-7a009cf9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-BookItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-XLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-XLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}