/**
 * Minified by jsDelivr using clean-css v4.2.3.
 * Original file: /npm/modern-normalize@1.1.0/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, ::after, ::before {
  box-sizing: border-box; }

html {
  -moz-tab-size: 4;
  tab-size: 4; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

body {
  font-family: system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'; }

hr {
  height: 0;
  color: inherit; }

abbr[title] {
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, pre, samp {
  font-family: ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

table {
  text-indent: 0;
  border-color: inherit; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

::-moz-focus-inner {
  border-style: none;
  padding: 0; }

:-moz-focusring {
  outline: 1px dotted ButtonText; }

:-moz-ui-invalid {
  box-shadow: none; }

legend {
  padding: 0; }

progress {
  vertical-align: baseline; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }

/*# sourceMappingURL=/sm/b8ae781793ee4eb86edef3f2a2ac43a5575d063ed8cd287d7553f9f1b2776616.map */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/AvenirNext-Regular.woff") format("woff");
  src: url("../fonts/AvenirNext-Regular.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/AvenirNext-DemiBold.woff") format("woff");
  src: url("../fonts/AvenirNext-DemiBold.ttf") format("truetype");
  font-weight: 600; }
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/AvenirNext-Bold.woff") format("woff");
  src: url("../fonts/AvenirNext-Bold.ttf") format("truetype");
  font-weight: 700; }
:root {
  --font-family: "Avenir Next", Helvetica, Arial, sans-serif;
  --font-size: 16px;
  --body-line-height: 1.5;
  --line-height-tight: 1.25;
  --font-weight-regular: 300;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --xs: 0.875rem;
  --sm: 1rem;
  --m: 1.375rem;
  --m2: 1.5rem;
  --l: 1.9375rem;
  --xl: 2.8125rem;
  --xxl: 4rem;
  --xxxl: 2.027rem;
  --xxxxl: 2.281rem; }

body {
  font-family: var(--font-family); }

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-weight: var(--font-weight-bold); }

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-weight: var(--font-weight-medium); }

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  line-height: 1.22222222222em; }

h1,
h2,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0; }

h1,
.h1 {
  font-size: var(--m2); }
  @media (min-width: 768px) {
     
    h1,
    .h1 {
      font-size: var(--xxl); } }

h2,
.h2 {
  font-size: var(--xl); }

h3,
.h3 {
  font-size: var(--l); }

h4,
.h4 {
  font-size: var(--m); }

h5,
.h5 {
  font-size: var(--sm); }

h6,
.h6 {
  font-size: var(--sm); }

.txt-bold {
  font-weight: var(--font-weight-bold); }

.p1,
.p2,
.paragraph--type--simple-section-with-image p {
  font-size: var(--m2); }

address {
  font-style: normal; }

@media (orientation: portrait) and (min-width: 768px) {
  :root {
    --m: 1.25rem;
    --m2: 1.563rem;
    --l: 1.953rem;
    --xl: 2.441rem;
    --xxl: 3.052rem;
    --xxxl: 3.815rem;
    --xxxxl: 4.768rem; }

  h2 {
    font-size: var(--xl); } }
@media (orientation: landscape) and (min-height: 768px) {
  :root {
    --m: 1.375rem;
    --m2: 1.5rem;
    --l: 1.9375rem;
    --xl: 2.8125rem;
    --xxl: 4rem;
    --xxxl: 3.815rem;
    --xxxxl: 4.768rem; }

  h2 {
    font-size: var(--xl); } }
@media (orientation: landscape) and (min-width: 1260px) {
  :root {
    --m: 1.375rem;
    --m2: 1.5rem;
    --l: 1.9375rem;
    --xl: 2.8125rem;
    --xxl: 4rem;
    --xxxl: 7.993rem;
    --xxxxl: 11.302rem; } }
.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

:root {
  --control-border-width: 1px;
  --control-height: 2.5em;
  --control-line-height: 1.5;
  --control-padding-vertical: calc(0.375em - var(--control-border-width));
  --control-padding-horizontal: calc(0.625em - var(--control-border-width));
  --control-radius: var(--radius-sm);
  --select-arrow-size: 1.25em; }

textarea,
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  border: var(--control-border-width) solid transparent;
  border-radius: var(--control-radius);
  box-shadow: none;
  display: inline-flex;
  font-size: var(--sm);
  justify-content: flex-start;
  line-height: var(--control-line-height);
  padding: var(--control-padding-vertical) var(--control-padding-horizontal);
  position: relative;
  vertical-align: top;
  border: var(--box-border); }
  textarea:focus, textarea.is-focused, textarea:active, textarea.is-active,
  input[type="text"]:focus,
  input[type="text"].is-focused,
  input[type="text"]:active,
  input[type="text"].is-active,
  input[type="number"]:focus,
  input[type="number"].is-focused,
  input[type="number"]:active,
  input[type="number"].is-active,
  input[type="tel"]:focus,
  input[type="tel"].is-focused,
  input[type="tel"]:active,
  input[type="tel"].is-active,
  input[type="email"]:focus,
  input[type="email"].is-focused,
  input[type="email"]:active,
  input[type="email"].is-active,
  input[type="password"]:focus,
  input[type="password"].is-focused,
  input[type="password"]:active,
  input[type="password"].is-active,
  input[type="search"]:focus,
  input[type="search"].is-focused,
  input[type="search"]:active,
  input[type="search"].is-active,
  select:focus,
  select.is-focused,
  select:active,
  select.is-active {
    outline: none; }
    textarea:focus:disabled,
    textarea:focus fieldset:disabled, textarea.is-focused:disabled,
    textarea.is-focused fieldset:disabled, textarea:active:disabled,
    textarea:active fieldset:disabled, textarea.is-active:disabled,
    textarea.is-active fieldset:disabled,
    input[type="text"]:focus:disabled,
    input[type="text"]:focus fieldset:disabled,
    input[type="text"].is-focused:disabled,
    input[type="text"].is-focused fieldset:disabled,
    input[type="text"]:active:disabled,
    input[type="text"]:active fieldset:disabled,
    input[type="text"].is-active:disabled,
    input[type="text"].is-active fieldset:disabled,
    input[type="number"]:focus:disabled,
    input[type="number"]:focus fieldset:disabled,
    input[type="number"].is-focused:disabled,
    input[type="number"].is-focused fieldset:disabled,
    input[type="number"]:active:disabled,
    input[type="number"]:active fieldset:disabled,
    input[type="number"].is-active:disabled,
    input[type="number"].is-active fieldset:disabled,
    input[type="tel"]:focus:disabled,
    input[type="tel"]:focus fieldset:disabled,
    input[type="tel"].is-focused:disabled,
    input[type="tel"].is-focused fieldset:disabled,
    input[type="tel"]:active:disabled,
    input[type="tel"]:active fieldset:disabled,
    input[type="tel"].is-active:disabled,
    input[type="tel"].is-active fieldset:disabled,
    input[type="email"]:focus:disabled,
    input[type="email"]:focus fieldset:disabled,
    input[type="email"].is-focused:disabled,
    input[type="email"].is-focused fieldset:disabled,
    input[type="email"]:active:disabled,
    input[type="email"]:active fieldset:disabled,
    input[type="email"].is-active:disabled,
    input[type="email"].is-active fieldset:disabled,
    input[type="password"]:focus:disabled,
    input[type="password"]:focus fieldset:disabled,
    input[type="password"].is-focused:disabled,
    input[type="password"].is-focused fieldset:disabled,
    input[type="password"]:active:disabled,
    input[type="password"]:active fieldset:disabled,
    input[type="password"].is-active:disabled,
    input[type="password"].is-active fieldset:disabled,
    input[type="search"]:focus:disabled,
    input[type="search"]:focus fieldset:disabled,
    input[type="search"].is-focused:disabled,
    input[type="search"].is-focused fieldset:disabled,
    input[type="search"]:active:disabled,
    input[type="search"]:active fieldset:disabled,
    input[type="search"].is-active:disabled,
    input[type="search"].is-active fieldset:disabled,
    select:focus:disabled,
    select:focus fieldset:disabled,
    select.is-focused:disabled,
    select.is-focused fieldset:disabled,
    select:active:disabled,
    select:active fieldset:disabled,
    select.is-active:disabled,
    select.is-active fieldset:disabled {
      cursor: not-allowed; }

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
select {
  height: var(--control-height); }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: var(--button-padding-sm);
  font-size: 1.15rem;
  line-height: 1.5em;
  line-height: var(--body-line-height);
  height: initial;
  border: none; }

input[type="submit"]:not(.btn) {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  color: var(--blue-d);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--button-radius-l);
  transition: background-color 150ms ease;
  letter-spacing: 0.5px;
  padding: var(--button-padding-m);
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: bold;
  background-color: var(--button-white);
  background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
  color: black;
  box-shadow: var(--button-shadow);
  text-align: center;
  border: none; }
  input[type="submit"]:not(.btn) .icon {
    pointer-events: none; }
  input[type="submit"]:not(.btn) .icon.left {
    margin-right: var(--blh-050); }
  input[type="submit"]:not(.btn) .icon.right {
    margin-left: var(--blh-050); }
  input[type="submit"]:not(.btn)::before {
    background-color: white;
    background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
  input[type="submit"]:not(.btn):hover, input[type="submit"]:not(.btn):active, input[type="submit"]:not(.btn):focus {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
    outline: none;
    text-decoration: underline; }
  input[type="submit"]:not(.btn):focus {
    background-color: #f09a19; }
  input[type="submit"]:not(.btn).btn--large {
    padding: var(--button-padding-sm);
    font-size: 1.15rem;
    line-height: 1.5em; }
  @media all and (min-width: 768px) {
      
      
      
    input[type="submit"]:not(.btn).btn--large {
      padding: var(--button-padding-sm);
      font-size: 1.15rem;
      line-height: 1.5em; } }

.webform-submission-form {
  max-width: 50rem;
  display: grid;
  justify-items: stretch;
  grid-row-gap: var(--blh); }
  .webform-submission-form label {
    display: block;
    font-size: var(--xs); }
  .webform-submission-form textarea,
  .webform-submission-form input[type="text"],
  .webform-submission-form input[type="number"],
  .webform-submission-form input[type="tel"],
  .webform-submission-form input[type="email"],
  .webform-submission-form input[type="password"],
  .webform-submission-form input[type="search"],
  .webform-submission-form select {
    width: 100%; }
    .webform-submission-form textarea:focus, .webform-submission-form textarea:active,
    .webform-submission-form input[type="text"]:focus,
    .webform-submission-form input[type="text"]:active,
    .webform-submission-form input[type="number"]:focus,
    .webform-submission-form input[type="number"]:active,
    .webform-submission-form input[type="tel"]:focus,
    .webform-submission-form input[type="tel"]:active,
    .webform-submission-form input[type="email"]:focus,
    .webform-submission-form input[type="email"]:active,
    .webform-submission-form input[type="password"]:focus,
    .webform-submission-form input[type="password"]:active,
    .webform-submission-form input[type="search"]:focus,
    .webform-submission-form input[type="search"]:active,
    .webform-submission-form select:focus,
    .webform-submission-form select:active {
      box-shadow: 0 0 3px var(--primary-trans-3); }

.webform-submission-contact-form {
  padding: var(--blh-200) var(--blh);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--box-m-shadow);
  padding: 26px; }
  .webform-submission-contact-form p {
    margin-top: 0; }
    .webform-submission-contact-form p:last-child {
      margin-bottom: 0; }
  .webform-submission-contact-form .form-item {
    text-align: left; }
  .webform-submission-contact-form .form-item-form-text {
    text-align: center; }
  .webform-submission-contact-form h1,
  .webform-submission-contact-form h2 {
    font-size: var(--l);
    margin-bottom: var(--blh-025); }
  .webform-submission-contact-form h3 {
    margin-top: 0;
    font-size: var(--m);
    font-weight: var(--font-weight-medium); }
  .webform-submission-contact-form .form-actions {
    justify-self: center;
    margin-top: var(--blh);
    margin-bottom: var(--blh);
    position: relative; }
    @media (max-width: 768px) {
      .webform-submission-contact-form .form-actions {
        display: inline-block;
        margin-right: auto; } }
  .webform-submission-contact-form input[type="submit"] {
    background-color: var(--primary-d);
    background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
    color: white; }
    .webform-submission-contact-form input[type="submit"]::before {
      content: "";
      position: absolute;
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px;
      z-index: -1;
      border-radius: var(--button-radius-l);
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
  .webform-submission-contact-form select.form-select {
    position: relative;
    cursor: pointer;
    padding-right: 2.35em;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: calc(100% - var(--blh-050)) 50%;
    background-size: var(--select-arrow-size) var(--select-arrow-size);
    transition: background ease 150ms;
    background-image: url("../images/icons/chevron-down.svg"); }
    .webform-submission-contact-form select.form-select:active {
      background-image: url("../images/icons/chevron-up.svg"); }
    .webform-submission-contact-form select.form-select.select-txt-black {
      color: black;
      background-image: url("../images/icons/chevron-down-black.svg"); }
      .webform-submission-contact-form select.form-select.select-txt-black:active {
        background-image: url("../images/icons/chevron-up-black.svg"); }
  .webform-submission-contact-form .iti.iti--allow-dropdown {
    width: 100%; }
  @media all and (min-width: 768px) {
      
    .webform-submission-contact-form {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: var(--blh);
      padding: var(--blh-400) var(--blh-300); }
      .webform-submission-contact-form .form-actions {
        justify-self: flex-start;
        grid-column: 1 / span 1; }
      .webform-submission-contact-form .form-item-form-text {
        text-align: left; }
      .webform-submission-contact-form .form-item-form-text,
      .webform-submission-contact-form .form-item-email,
      .webform-submission-contact-form .form-item-message {
        grid-column: 1/-1; }
      .webform-submission-contact-form .captcha {
        grid-column: 1 / span 2; } }

.webform-submission-newsletter-subscription-form {
  margin-bottom: var(--blh); }
  .webform-submission-newsletter-subscription-form .form-item-email-address label {
    margin-left: var(--blh-050);
    font-size: var(--xs); }
  .webform-submission-newsletter-subscription-form .form-item-email-address input {
    border-radius: 2em;
    padding-left: var(--blh);
    padding-right: var(--blh); }
  .webform-submission-newsletter-subscription-form .form-actions {
    justify-self: left;
    position: relative; }
    .webform-submission-newsletter-subscription-form .form-actions::before {
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1));
      z-index: 0; }
    .webform-submission-newsletter-subscription-form .form-actions input[type="submit"] {
      padding: var(--button-padding-l);
      font-size: 1.25rem;
      line-height: 1.5em;
      padding: var(--button-padding-m-wide); }
  .webform-submission-newsletter-subscription-form .webform-confirmation {
    padding: var(--blh);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-m); }
    @media (min-width: 768px) {
      .webform-submission-newsletter-subscription-form .webform-confirmation {
        padding: var(--blh-200); } }
  .webform-submission-newsletter-subscription-form .webform-confirmation__message {
    font-weight: var(--font-weight-medium); }
  .webform-submission-newsletter-subscription-form .webform-confirmation__back {
    margin-bottom: 0; }
    .webform-submission-newsletter-subscription-form .webform-confirmation__back a {
      color: inherit;
      opacity: 0.8; }
      .webform-submission-newsletter-subscription-form .webform-confirmation__back a:hover {
        opacity: 1; }

.webform-submission-contact-form {
  background-color: #ffffff; }
  .webform-submission-contact-form .js-form-type-webform-markup h2 {
  /*font-size: 43pt; */
     font-size: 31px !important;
    font-weight: bold; }
    @media (max-width: 768px) {
      .webform-submission-contact-form .js-form-type-webform-markup h2 {
        font-size: 30px;
        text-align: left;
        margin-bottom: 21px; } }
  @media (max-width: 768px) {
    .webform-submission-contact-form .js-form-type-webform-markup p {
      font-size: 16px;
      text-align: left; } }
  .webform-submission-contact-form .form-item label {
    font-size: 14pt;
    margin-bottom: 10px; }
  .webform-submission-contact-form .form-item input,
  .webform-submission-contact-form .form-item select {
    height: 64px;
    padding: 21px; }
  .webform-submission-contact-form .form-item-mandatory-field {
    font-size: 14pt; }
  .webform-submission-contact-form .iti__flag-container {
    border-right: 1px solid #707070; }
  .webform-submission-contact-form .iti--allow-dropdown input {
    padding-left: 70px; }

:root {
  --base-line-height: calc(1em * var(--body-line-height));
  --blh-025: 0.25em;
  --blh-050: 0.5em;
  --blh-068: 0.68em;
  --blh-075: 0.75em;
  --blh: 1em;
  --blh-100: 1em;
  --blh-150: 1.5em;
  --blh-200: 2em;
  --blh-250: 2.5em;
  --blh-300: 3em;
  --blh-400: 4em;
  --blh-500: 5em;
  --blh-600: 6em;
  --blh-675: 6.75em;
  --blh-700: 7em;
  --blh-800: 8em;
  --blh-900: 9em;
  --blh-143: 14.3em;
  --blue: #335d96;
  --blue-d: #1e395f;
  --zxy-navy: #162a45;
  --blue-d-rgb: 30, 57, 95;
  --yellow: #f0a10e;
  --orange: #fb760a;
  --orange-d: #eb6f09;
  --red: #ff0000;
  --pink: #f06a5d;
  --green: #8daf9e;
  --purple: #8a9bd1;
  --lightgrey: #cfcfcf;
  --light-trans-025: rgba(0, 0, 0, 0.025);
  --light-trans-05: rgba(0, 0, 0, 0.05);
  --light-trans-1: rgba(0, 0, 0, 0.1);
  --light-trans-2: rgba(0, 0, 0, 0.2);
  --light-trans-3: rgba(0, 0, 0, 0.3);
  --button-white: #f5f5f5;
  --primary: var(--blue);
  --primary-d: var(--blue-d);
  --primary-trans: rgba(51, 93, 150, 0.6);
  --primary-trans-098: rgba(51, 93, 150, 0.98);
  --overlay-blue-trans: var(--primary-trans-098);
  --primary-trans-1: rgba(51, 93, 150, 0.1);
  --primary-trans-2: rgba(51, 93, 150, 0.2);
  --primary-trans-3: rgba(51, 93, 150, 0.3);
  --primary-d-trans-3: rgba(22, 42, 69, 0.3);
  --primary-d-trans-4: rgba(22, 42, 69, 0.4);
  --primary-d-trans-8: rgba(22, 42, 69, 0.8);
  --primary-sustainability: var(--green);
  --primary-sustainability-d: #7c998a;
  --text-colour: #000000;
  --text-colour-l: #999999;
  --sustainability-text-colour: #3c4b54;
  --sustainability-bg-colour: #f8f8f8;
  --history-sub-head-colour: #84706a;
  --company-readmore-colour: #32808e;
  --border-colour: #bcbcbc;
  --border-colour-light: #d9d9d9;
  --underline-colour: #9f9f9f;
  --button-grad-white-1: #bababa;
  --button-grad-white-2: #fff;
  --button-grad-blue-1: #1e395f;
  --button-grad-blue-2: #2e5488;
  --navbar-height: 4.5em;
  --navbar-height-value: 72;
  --nav-pad-inline: var(--blh);
  --container-inline-padding: 1rem;
  --container-block-padding: var(--blh-200);
  --container-block-padding-tight: var(--blh-200);
  --box-padding: var(--blh);
  --button-padding-sm: 0.15em 0.85em;
  --button-padding-m: 0.25em 1em;
  --button-padding-l: 0.35em 1.5em;
  --button-padding-m-wide: 0.25em 2em;
  --radius-sm: 5px;
  --radius-m: 10px;
  --radius-l: 15px;
  --button-radius-l: 2em;
  --box-m-shadow: 0 2px 15px rgba(var(--blue-d-rgb), 0.6);
  --box-l-shadow: 0 5px 20px rgba(var(--blue-d-rgb), 0.5);
  --button-shadow: 0 6px 3px rgba(0, 0, 0, 0.16);
  --product-card-shadow: 0 1px 5px -2px var(--primary-d-trans-4);
  --box-border: 1px solid var(--border-colour);
  --box-border-light: 1px solid var(--border-colour-light);
  --stars-1-transform: 0, 0;
  --stars-2-transform: 0, 0;
  --rail-margin: 4rem;
  --default-card-margin: 25px; }
  @media all and (min-width: 414px) {
    :root {
      --container-inline-padding: 1.5rem; } }
  @media (orientation: portrait) and (min-width: 768px) {
    :root {
      --rail-margin: 4rem; } }
  @media (orientation: landscape) and (min-width: 768px) {
    :root {
      --rail-margin: 35rem; } }
  @media (min-width: 768px) {
    :root {
      --navbar-height: 6em;
      --navbar-height-value: 96;
      --nav-pad-inline: var(--blh-200);
      --container-inline-padding: 2rem;
      --container-block-padding: var(--blh-400);
      --container-block-padding-tight: var(--blh-200); } }
  @media (min-width: 1024px) {
    :root {
      --container-inline-padding: 3rem; } }
  @media (min-width: 1440px) {
    :root {
      --button-padding-l: 0.35em 2em; } }

body {
  scroll-behavior: smooth;
  font-size: 16px;
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  line-height: var(--body-line-height);
  margin: 0;
  padding: 0;
  color: var(--text-colour); }

img {
  width: 100%;
  max-width: 100%; }

i.icon {
  display: grid;
  width: 1em; }
  i.icon.icon--m {
    width: 1.5em; }
  i.icon.icon--l {
    width: 1.75em; }
  i.icon.icon--xl {
    width: 2em; }

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

.btn-group {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  grid-gap: var(--blh);
  justify-content: flex-start;
  flex-wrap: wrap; }
  .btn-group li {
    margin: 0; }

.btn {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  color: var(--blue-d);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--button-radius-l);
  transition: background-color 150ms ease;
  letter-spacing: 0.5px;
  padding: var(--button-padding-m);
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: bold;
  background-color: var(--button-white);
  background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
  color: black;
  box-shadow: var(--button-shadow);
  text-align: center;
  border: none; }
  .btn .icon {
    pointer-events: none; }
  .btn .icon.left {
    margin-right: var(--blh-050); }
  .btn .icon.right {
    margin-left: var(--blh-050); }
  .btn::before {
    background-color: white;
    background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
  .btn:hover, .btn:active, .btn:focus {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
    outline: none;
    text-decoration: underline; }
  .btn:focus {
    background-color: #f09a19; }
  .btn.btn--large {
    padding: var(--button-padding-sm);
    font-size: 1.15rem;
    line-height: 1.5em; }
  @media all and (min-width: 768px) {
    .btn.btn--large {
      padding: var(--button-padding-sm);
      font-size: 1.15rem;
      line-height: 1.5em; } }

.btn--large {
  padding: var(--button-padding-l);
  font-size: 1.25rem;
  line-height: 1.5em; }

.btn--medium {
  padding: var(--button-padding-sm);
  font-size: 1.15rem;
  line-height: 1.5em; }

.btn--primary {
  background-color: var(--primary-d);
  background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
  color: white; }
  .btn--primary::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: -1;
    border-radius: var(--button-radius-l);
    background-color: white;
    background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }

.btn-pill {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  grid-gap: var(--blh-025);
  padding: var(--blh-025) var(--blh-075);
  background-color: var(--lightgrey);
  border-radius: 1em;
  color: var(--primary-d); }
  .btn-pill .icon {
    pointer-events: none; }
  .btn-pill:hover {
    text-decoration: underline; }

.btn-hollow {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  color: var(--blue-d);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--button-radius-l);
  transition: background-color 150ms ease;
  letter-spacing: 0.5px;
  border-radius: 2em;
  border: 1px solid black;
  padding: var(--button-padding-sm);
  text-align: center;
  color: black; }
  .btn-hollow .icon {
    pointer-events: none; }
  .btn-hollow .icon.left {
    margin-right: var(--blh-050); }
  .btn-hollow .icon.right {
    margin-left: var(--blh-050); }

.btn-no-surround {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  color: var(--blue-d);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--button-radius-l);
  transition: background-color 150ms ease;
  letter-spacing: 0.5px;
  border: none;
  background-color: transparent; }
  .btn-no-surround .icon {
    pointer-events: none; }
  .btn-no-surround .icon.left {
    margin-right: var(--blh-050); }
  .btn-no-surround .icon.right {
    margin-left: var(--blh-050); }
  .btn-no-surround:hover, .btn-no-surround:focus, .btn-no-surround:active {
    position: relative;
    z-index: 0; }
  .btn-no-surround.light:hover, .btn-no-surround.light:focus, .btn-no-surround.light:active {
    position: relative;
    z-index: 0; }

.btn--vertical {
  flex-flow: column; }
  .btn--vertical .icon.top {
    margin-bottom: var(--blh-050); }
  .btn--vertical .icon.bottom {
    margin-top: var(--blh-050); }

.white-grad-top {
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
  top: 0;
  height: 60vh;
  background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0));
  z-index: 0; }
  @media all and (min-width: 768px) {
    .white-grad-top {
      height: 50vh; } }
  .white-grad-top.slider-grad {
    height: 100% !important; }

.white-grad-bottom {
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
  bottom: 0;
  height: 30vh;
  background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0));
  z-index: 0; }
  @media all and (min-width: 768px) {
    .white-grad-bottom {
      height: 50vh; } }

.select {
  position: relative;
  cursor: pointer;
  padding-right: 2.35em;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: calc(100% - var(--blh-050)) 50%;
  background-size: var(--select-arrow-size) var(--select-arrow-size);
  transition: background ease 150ms;
  background-image: url("../images/icons/chevron-down.svg"); }
  .select:active {
    background-image: url("../images/icons/chevron-up.svg"); }
  .select.select-txt-black {
    color: black;
    background-image: url("../images/icons/chevron-down-black.svg"); }
    .select.select-txt-black:active {
      background-image: url("../images/icons/chevron-up-black.svg"); }

.form-item {
  display: grid;
  justify-self: stretch;
  align-content: flex-start; }
  .form-item .error {
    font-size: var(--xs);
    color: var(--red); }

.hidden {
  display: none !important; }

.invisible {
  visibility: hidden; }

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  animation-name: rotate-spinner;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  z-index: 0; }

.zxy-paragraph-content {
  padding-bottom: var(--blh-300); }
  .zxy-paragraph-content .section {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1920px - (var(--container-inline-padding) * 2));
    width: 100%;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    position: relative;
    display: flex;
    flex-flow: column;
    margin-bottom: 10rem;
    text-align: center; }
    .zxy-paragraph-content .section .btn-group {
      justify-content: center;
      margin-top: var(--blh-200); }
    .zxy-paragraph-content .section:last-of-type {
      margin-bottom: 0; }
    .zxy-paragraph-content .section > div:first-child {
      scroll-margin-top: 150px; }
    @media (max-width: 768px) {
      .zxy-paragraph-content .section {
        margin-bottom: 2.5em; } }
  .zxy-paragraph-content .paragraph--type--card-grid.hide-card .paragraph--type--image-card,
  .zxy-paragraph-content .paragraph--type--card-grid.hide-card .paragraph--type--overflow-card {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none; }
  .zxy-paragraph-content .paragraph--type--card-grid .card-grid {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--blh-150);
    justify-content: center; }
    .zxy-paragraph-content .paragraph--type--card-grid .card-grid > div {
      flex-basis: 18em; }
  .zxy-paragraph-content .paragraph--type--video-section iframe {
    border-radius: var(--radius-l); }
  .zxy-paragraph-content .paragraph--type--video-section img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .zxy-paragraph-content .paragraph .field-content h2 + h3 {
    font-size: var(--m);
    margin-top: calc(var(--blh) * -1); }
  @media all and (min-width: 768px) {
    .zxy-paragraph-content {
      padding-top: var(--blh-300);
      padding-left: 0;
      padding-right: 0; }
      .zxy-paragraph-content .section {
        margin-bottom: var(--blh-500); }
      .zxy-paragraph-content .paragraph .field-content h2 + h3 {
        margin-top: calc(var(--blh-150) * -1); } }
  @media all and (min-width: 1024px) {
    .zxy-paragraph-content {
      padding-top: var(--blh-500); } }
  @media all and (min-width: 1260px) {
      .region-header .navigation > .menu .menu-main__item {
    padding: 10px 0px;
}

.region-header .navigation > .menu .menu-main__submenu .menu-main__item {
    padding: 0;
}
.region-header .navigation > .menu .menu-main__item--expanded:hover .menu-main__submenu.closed{
    z-index: 9;
}
    .zxy-paragraph-content .section {
      margin-bottom: var(--blh-800); }
      .zxy-paragraph-content .section .btn-group {
        margin-top: var(--blh-300); } }
  @media all and (min-width: 1440px) {
    .zxy-paragraph-content .paragraph .field-content h2 + h3 {
      margin-top: calc(var(--blh-200) * -1); } }
  @media all and (min-width: 1680px) {
    .zxy-paragraph-content .section {
      margin-bottom: 7rem; } }

.tippy-box {
  background-color: white;
  border-radius: var(--radius-m);
  color: var(--text-colour);
  box-shadow: var(--box-l-shadow); }
  .tippy-box .tippy-arrow {
    color: white; }
  .tippy-box .tippy-content {
    padding: var(--blh); }
    .tippy-box .tippy-content h1,
    .tippy-box .tippy-content h2,
    .tippy-box .tippy-content h3,
    .tippy-box .tippy-content h4,
    .tippy-box .tippy-content h5,
    .tippy-box .tippy-content h6 {
      font-size: var(--m);
      margin-top: 0;
      margin-bottom: var(--blh-050); }
    .tippy-box .tippy-content p {
      margin-top: 0;
      margin-bottom: var(--blh-025); }
      .tippy-box .tippy-content p:last-child {
        margin-bottom: 0; }
    .tippy-box .tippy-content .show-more-button {
      display: none; }

.hr {
  height: 1px;
  margin: var(--blh) 0;
  width: 100%;
  border: none;
  background-color: var(--border-colour); }

@keyframes rotate-ajax-spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.ajax-progress.ajax-progress-fullscreen {
  top: var(--navbar-height);
  left: 0;
  height: calc(100vh - var(--navbar-height));
  width: 100%;
  background-color: var(--primary-d-trans-8);
  background-image: none; }
  .ajax-progress.ajax-progress-fullscreen .ajax-spinner__icon {
    max-width: 4rem;
    animation-name: rotate-spinner;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

.modal {
  display: flex;
  position: fixed;
  top: var(--navbar-height);
  left: 0;
  height: calc(100% - var(--navbar-height));
  width: 100%;
  background-color: var(--primary-d-trans-8);
  z-index: 9999;
  justify-content: center;
  align-items: center; }
  .modal > .close-modal-button {
    position: absolute;
    top: var(--blh);
    right: var(--blh);
    color: white; }
    .modal > .close-modal-button:hover {
      text-decoration: underline; }
    .modal > .close-modal-button i.icon {
      margin-left: var(--blh-025); }

.toolbar-oriented .toolbar-bar {
  z-index: 901 !important; }

/*bg--multi-blue-white background for our company, prod and services etc*/
.bg--multi-blue-white {
  background: #e1d7d8;
  background: linear-gradient(90deg, #e1d7d8 0%, #dae4ee 32.3%, #d7e6f8 50%, #d2e1ea 74.3%, #cadbe1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b59c9f",endColorstr="#7ca5b5",GradientType=1);
  position: relative; }
  .bg--multi-blue-white:before {
    content: " ";
    background: #ffffff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

.bg--multi-blue-white .white-grad-top {
  background-image: linear-gradient(to bottom, white 0%, white 13.8%, rgba(255, 255, 255, 0.529) 33%, rgba(255, 255, 255, 0) 63.5%, rgba(255, 255, 255, 0) 100%); }

.has-video-banner .bg--multi-blue-white .white-grad-top {
  background-image: linear-gradient(to bottom, white 0%, white 0%, rgba(255, 255, 255, 0.529) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); margin-top:10px; }

.bg--multi-blue-white .white-grad-bottom {
  background-image: linear-gradient(to top, white 0%, white 13.8%, rgba(255, 255, 255, 0.529) 33%, rgba(255, 255, 255, 0) 63.5%, rgba(255, 255, 255, 0) 100%); }

.clear-all-filter-prod {
  cursor: pointer; }

.section-intro {
  margin: 0 auto; }
  .section-intro.wide {
    max-width: 980px; }
  .section-intro.normal {
    max-width: 980px; }

.our-progress-cards {
  max-width: 1440px !important; }
  @media screen and (max-width: 1440px) {
    .our-progress-cards {
      max-width: 1200px !important; } }
  .our-progress-cards .card-grid {
    row-gap: 50px !important;
    column-gap: 40px;
    justify-content: center !important;
    padding: 0; }
    @media screen and (max-width: 1440px) {
      .our-progress-cards .card-grid {
        row-gap: 31px !important;
        column-gap: 37px; } }
    .our-progress-cards .card-grid > div {
      width: 250px !important;
      height: 180px !important;
      flex-basis: 250px !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: linear-gradient(180deg, rgba(250, 250, 250, 0.5) 0%, rgba(250, 250, 250, 0.6) 100%);
      border: 0.25px solid #878787;
      border-radius: 15px;
      backdrop-filter: blur(30px);
      padding: 0 21px; }
      @media screen and (max-width: 1440px) {
        .our-progress-cards .card-grid > div {
          width: 186.55px !important;
          height: 135.4px !important; } }
      .our-progress-cards .card-grid > div > div {
        padding: 0 !important; }
        .our-progress-cards .card-grid > div > div div {
          margin: 0 !important; }
        @media screen and (max-width: 1440px) {
          .our-progress-cards .card-grid > div > div p {
            font-size: 12px; } }
      .our-progress-cards .card-grid > div h2 {
        margin-bottom: 8px; }
        @media screen and (max-width: 1440px) {
          .our-progress-cards .card-grid > div h2 {
            font-size: 33px !important; } }

.card-grid-container,
.image-content-grid {
  max-width: 1572px;
  margin: 0 auto; }

.card-grid-container {
  display: flex;
  align-items: center;
  justify-content: center; }
  .card-grid-container > div {
    flex-basis: 100%; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

/* --------------- Primary Menu ------------ */
@media (min-width: 768px) {
  .has-video-banner .region-header:not(.sticky) .menu > .menu-main > .menu-main__item > .menu-main__link {
    color: #fff; } }
@media (min-width: 768px) {
  .has-video-banner .region-header:not(.sticky) .nav-top-right svg {
    fill: #fff; } }
@media (min-width: 768px) {
  .has-video-banner .region-header:not(.sticky) .search-box,
  .has-video-banner .region-header:not(.sticky) .btn-hollow {
    border-color: #fff !important;
    color: #fff !important; } }
@media (min-width: 768px) {
  .has-video-banner .region-header:not(.sticky) .search-box input,
  .has-video-banner .region-header:not(.sticky) .btn-hollow input {
    color: #fff !important; } }

.nav-top-right .btn-hollow {
  font-weight: normal; }

.region-header {
  position: sticky;
  top: 0;
  left: 0;
  height: var(--navbar-height);
  background-color: white;
  z-index: 900;
  transition: background-color 0.3s ease; }
  @media (min-width: 768px) {
    .has-video-banner .region-header {
      background-color: transparent; } }
  @media (min-width: 768px) {
    .has-video-banner .region-header > div {
      /*position: absolute; */
        
    } }
  .region-header > div {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1920px - (var(--container-inline-padding) * 2));
    width: 100%;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    display: flex;
    grid-template-columns: 3em 1fr max-content max-content;
    grid-gap: var(--blh);
    align-items: center;
    height: 100%; }
    @media (min-width: 768px) {
      .region-header > div {
        display: grid; } }
    @media (min-width: 1260px) and (max-width: 1440px) {
      .region-header > div {
        grid-template-columns: 3em 1fr 180px max-content; } }
  .region-header .site-branding,
  .region-header .search-box,
  .region-header .navigation,
  .region-header .navbar-top-right {
    grid-row: 1/ 1; }
  .region-header .site-branding {
    grid-column: 1/1; }
    .region-header .site-branding > a {
      display: flex;
      width: 48px;
      max-width: 48px; }
      @media (min-width: 768px) {
        .region-header .site-branding > a {
          max-width: unset;
          width: auto; } }
  .region-header .search-box {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: var(--text-colour);
    width: 100%;
    justify-self: flex-end;
    grid-column: 2/2;
    display: flex;
    justify-content: flex-end; }
    .region-header .search-box:hover {
      border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
    .region-header .search-box label:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    .region-header .search-box input[type="text"] {
      border-radius: 0;
      border: none;
      background-color: transparent;
      font-size: var(--sm); }
    .region-header .search-box input[type="submit"],
    .region-header .search-box .form-submit {
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: var(--font-weight-medium);
      color: var(--blue-d);
      text-decoration: none;
      white-space: nowrap;
      border-radius: var(--button-radius-l);
      transition: background-color 150ms ease;
      letter-spacing: 0.5px;
      border: none;
      background-color: transparent;
      color: black;
      background-image: url("../images/icons/search.svg");
      background-repeat: no-repeat;
      background-size: 1.5em;
      background-position: right center;
      box-shadow: none;
      padding: 0.25em;
      padding-right: 1.5em;
      text-indent: -9999px;
      font-weight: normal; }
      .region-header .search-box input[type="submit"] .icon,
      .region-header .search-box .form-submit .icon {
        pointer-events: none; }
      .region-header .search-box input[type="submit"] .icon.left,
      .region-header .search-box .form-submit .icon.left {
        margin-right: var(--blh-050); }
      .region-header .search-box input[type="submit"] .icon.right,
      .region-header .search-box .form-submit .icon.right {
        margin-left: var(--blh-050); }
      .region-header .search-box input[type="submit"]:hover, .region-header .search-box input[type="submit"]:focus, .region-header .search-box input[type="submit"]:active,
      .region-header .search-box .form-submit:hover,
      .region-header .search-box .form-submit:focus,
      .region-header .search-box .form-submit:active {
        position: relative;
        z-index: 0; }
      .region-header .search-box input[type="submit"].light:hover, .region-header .search-box input[type="submit"].light:focus, .region-header .search-box input[type="submit"].light:active,
      .region-header .search-box .form-submit.light:hover,
      .region-header .search-box .form-submit.light:focus,
      .region-header .search-box .form-submit.light:active {
        position: relative;
        z-index: 0; }
      .region-header .search-box input[type="submit"]:hover, .region-header .search-box input[type="submit"]:active, .region-header .search-box input[type="submit"]:focus,
      .region-header .search-box .form-submit:hover,
      .region-header .search-box .form-submit:active,
      .region-header .search-box .form-submit:focus {
        text-decoration: underline;
        box-shadow: none;
        border: none;
        background-color: transparent; }
      @media (min-width: 768px) {
        .region-header .search-box input[type="submit"],
        .region-header .search-box .form-submit {
          padding: 0.25em 1em;
          padding-right: 2em;
          text-indent: unset; } }
    @media (min-width: 768px) {
      .region-header .search-box {
        width: auto; } }
    .region-header .search-box input[type="text"] {
      max-width: 8rem;
      flex-basis: 16em;
      font-size: var(--xs);
      background-size: 1em;
      font-weight: normal; }
    @media (min-width: 1260px) and (max-width: 1440px) {
      .region-header .search-box {
        grid-column: 3/3;
        display: grid;
        grid-template-columns: 100px max-content; } }
  .region-header .navigation {
    position: relative;
    grid-column: 4/4;
    order: 1; }
  .region-header .navbar-top-right {
    display: flex;
    justify-self: flex-end;
    grid-column: 3/3; }
  .region-header .nav-top-right {
    display: flex;
    align-items: center; }
    .region-header .nav-top-right .icon {
      width: auto;
      color: black; }
      .region-header .nav-top-right .icon svg {
        max-height: 1.85em; }
    @media (min-width: 768px) {
      .region-header .nav-top-right a.wishlist-count {
        margin-left: 27px;
        margin-right: 30px; } }
    @media (min-width: 1260px) and (max-width: 1440px) {
      .region-header .nav-top-right a.wishlist-count {
        margin-left: 0;
        margin-right: 9px; } }
    .region-header .nav-top-right a:not(.wishlist-count) {
      margin-right: 8px; }
      .region-header .nav-top-right a:not(.wishlist-count):last-child {
        margin-right: 0; }
      .region-header .nav-top-right a:not(.wishlist-count) .icon svg {
        width: 25.71px;
        height: auto; }
  .region-header .wishlist-count {
    position: relative;
    color: var(--orange); }
    .region-header .wishlist-count:hover {
      color: var(--orange-d); }
    .region-header .wishlist-count .icon {
      color: inherit;
      width: 1.75em; }
      .region-header .wishlist-count .icon svg {
        max-height: 1.75em; }
    .region-header .wishlist-count .count {
      position: absolute;
      bottom: calc(100% - 2px);
      left: calc(100% - 7px);
      padding: 2px 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: var(--xs);
      color: white;
      line-height: 100%;
      border-radius: var(--radius-sm);
      border-bottom-left-radius: 0;
      background-color: var(--red);
      opacity: 0; }
      .region-header .wishlist-count .count::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 5px 0 0;
        border-color: var(--red) transparent transparent transparent; }
  .region-header .extra-menu {
    margin-top: var(--blh);
    padding-top: var(--blh-200);
    padding-bottom: var(--blh);
    border-top: var(--box-border);
    display: grid;
    grid-gap: var(--blh);
    justify-items: center; }
    @media (max-width: 768px) {
      .region-header .extra-menu {
        margin-top: 12px;
        padding: 28px 0 0; } }
    .region-header .extra-menu .social-icons {
      display: flex;
      flex-wrap: wrap;
      grid-gap: var(--blh);
      padding: 0 1em 0em; }
      .region-header .extra-menu .social-icons a {
        color: black;
        opacity: 0.85; }
      .region-header .extra-menu .social-icons .icon {
        width: 2em; }
        .region-header .extra-menu .social-icons .icon svg {
          max-height: 1.85em; }
      @media (min-width: 768px) {
        .region-header .extra-menu .social-icons {
          padding: 0; } }
  .region-header .navigation .menu {
    position: relative; }
  .region-header.sticky {
    background-color: #fff; }
  .region-header .navigation > .menu {
    display: none;
    position: absolute;
    top: calc(100% + var(--blh-050));
    right: 0;
    min-width: 50vw;
    overflow-y: auto;
    padding: var(--blh) 0;
    background-color: white;
    border-radius: var(--radius-m);
    border: var(--box-border-light);
    box-shadow: var(--box-m-shadow);
    margin-top: 0; }
    .region-header .navigation > .menu p {
      margin-top: 0; }
      .region-header .navigation > .menu p:last-child {
        margin-bottom: 0; }
    @media (max-width: 768px) {
      .region-header .navigation > .menu {
        padding: 17px 0 28px; } }
    @media (min-width: 768px) {
      .region-header .navigation > .menu .menu-main > li .menu-main__submenu {
        background-color: #fafafa !important; } }
    @media (min-width: 768px) {
      .region-header .navigation > .menu .menu-main > li > .menu-main__submenu {
        padding: 47px !important; } }
    @media (min-width: 768px) {
      .region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li .menu-main__submenu {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, 11em);
        grid-template-rows: repeat(9, 1fr);
        grid-row-gap: var(--blh-025);
        grid-auto-flow: column; } }
    @media (min-width: 768px) {
      .region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li {
        margin-right: 44px; } }
    @media (min-width: 768px) {
      .region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li:last-child {
        margin-right: 0; } }
    @media (min-width: 768px) {
      .region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li:first-child a {
        margin-bottom: 25px; } }
    @media (min-width: 768px) {
      .region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li:first-child {
        margin-right: 62px; } }
    .region-header .navigation > .menu .menu-main .menu-img-wrap {
      display: none;
      width: 200px;
      background: #ffffff;
      border: 0.5px solid #cccccc;
      border-radius: 15px;
      padding: 15px; }
      @media (min-width: 768px) {
        .region-header .navigation > .menu .menu-main .menu-img-wrap {
          display: block; } }
    .region-header .navigation > .menu ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-auto-flow: row;
      grid-gap: 0;
      justify-content: stretch; }
      .region-header .navigation > .menu ul li {
        margin: 0; }
    .region-header .navigation > .menu .menu-main__link {
      display: grid;
      grid-template-columns: repeat(2, max-content);
      justify-content: space-between;
      align-items: center;
      padding: var(--blh) var(--blh-200);
      color: var(--text-colour);
      line-height: 1.3;
      text-decoration: none; }
      .region-header .navigation > .menu .menu-main__link i.icon {
        margin-left: var(--blh-200); }
      @media (max-width: 768px) {
        .region-header .navigation > .menu .menu-main__link {
          padding: 10px 33px; } }
    .region-header .navigation > .menu .menu-main__submenu .menu-main__link {
      font-weight: 400; }
    .region-header .navigation > .menu .menu-main__link:active {
      color: var(--primary); }
    .region-header .navigation > .menu .menu-main__link:hover,
    .region-header .navigation > .menu .menu-main__link:focus {
      text-decoration: underline;
      text-decoration-color: var(--underline-colour); }
    @media (max-width: 768px) {
      .region-header .navigation > .menu .menu-main__submenu {
        background-color: #f2f2f2; } }
    @media (max-width: 768px) {
      .region-header .navigation > .menu .menu-main__submenu .menu-main__submenu {
        background-color: #d9d9d9;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 8px 9px; } }
    @media (max-width: 768px) {
      .region-header .navigation > .menu .menu-main__submenu .menu-main__submenu a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px; } }
    .region-header .navigation > .menu .menu-main__submenu.closed:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    .region-header .navigation > .menu .menu-main__item--expanded:hover .menu-main__submenu.closed {
      list-style: none;
      margin: 0;
      padding: 0; }
    .region-header .navigation > .menu .menu-main__item {
      display: grid; }
    @media (min-width: 768px) {
      .region-header .navigation > .menu {
        max-height: 80vh; } }
  .region-header .menu-toggle-target {
    position: fixed;
    top: 0; }
    .region-header .menu-toggle-target:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
  .region-header .menu-toggle {
    display: none; }
  @media (max-width: 1023px) {
    .region-header .navbar-top-right a:not(.wishlist-count):not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; } }
  @media all and (min-width: 414px) {
    .region-header .search-box input[type="text"] {
      max-width: 100%; } }
  @media all and (min-width: 1260px) {
    .region-header {
      grid-template-columns: 4em 1fr max-content; }
      .region-header .navigation > .menu {
        display: grid;
        position: static;
        top: initial;
        right: initial;
        width: initial;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        border: none;
        box-shadow: none;
        max-height: initial;
        overflow-y: initial; }
        .region-header .navigation > .menu ul {
          list-style: none;
          margin: 0;
          padding: 0;
          display: grid;
          grid-auto-flow: column;
          grid-gap: var(--blh);
          justify-content: flex-start; }
          .region-header .navigation > .menu ul li {
            margin: 0; }
        .region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li, .region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li > .menu-main__submenu {
          display: block; }
        .region-header .navigation > .menu .menu-toggle {
          display: none; }
        .region-header .navigation > .menu .menu-main__link {
          padding: var(--blh-025) var(--blh); }
          .region-header .navigation > .menu .menu-main__link i.icon {
            margin-left: var(--blh); }
        .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__link {
          padding: 0; }
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__link .icon {
            transition: transform 0.9s; }
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__link:hover .icon {
            transform: rotate(180deg); }
        .region-header .navigation > .menu .menu-main__item--expanded {
          position: relative; }
        .region-header .navigation > .menu .menu-main__submenu,
        .region-header .navigation > .menu .menu-main__submenu.closed {
          align-items: flex-start;
          background-color: transparent;
          padding: 0;
          background-color: white !important; }
          .region-header .navigation > .menu .menu-main__submenu:not(:focus):not(:active),
          .region-header .navigation > .menu .menu-main__submenu.closed:not(:focus):not(:active) {
            clip: initial;
            clip-path: initial;
            height: initial;
            overflow: initial;
            position: initial;
            white-space: initial;
            width: initial; }
        .region-header .navigation > .menu .icon {
          display: none; }
        .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__link > .icon {
          display: unset; }
        .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu.closed:not(:focus):not(:active) {
          clip: rect(0 0 0 0);
          clip-path: inset(50%);
          height: 1px;
          overflow: hidden;
          position: absolute;
          white-space: nowrap;
          width: 1px; }
        .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu,
        .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu.closed {
          position: absolute;
          top: 100%;
          left: 0;
          padding: var(--blh);
          background-color: white;
          border-radius: var(--radius-m);
          border: var(--box-border-light);
          box-shadow: var(--box-m-shadow);
          margin-top: 0; }
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu p,
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu.closed p {
            margin-top: 0; }
            .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu p:last-child,
            .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu.closed p:last-child {
              margin-bottom: 0; }
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu > .menu-main__item > .menu-main__link,
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu.closed > .menu-main__item > .menu-main__link {
            font-weight: var(--font-weight-bold); }
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu > .menu-main__item--expanded:first-child::after,
          .region-header .navigation > .menu .menu-main > .menu-main__item > .menu-main__submenu.closed > .menu-main__item--expanded:first-child::after {
            content: "";
            position: absolute;
            left: calc(100% + var(--blh));
            height: 100%;
            width: 1px;
            background-color: var(--border-colour); }
        .region-header .navigation > .menu .menu-main > .menu-main__item.menu-main__item--expanded:hover > .menu-main__submenu.closed {
          position: absolute !important;
          top: 100% !important;
          left: 0 !important; }
          .region-header .navigation > .menu .menu-main > .menu-main__item.menu-main__item--expanded:hover > .menu-main__submenu.closed:not(:focus):not(:active) {
            clip: initial;
            clip-path: initial;
            height: initial;
            overflow: initial;
            position: initial;
            white-space: initial;
            width: initial; }
        .region-header .navigation > .menu .menu-main
        > .menu-main__item.menu-main__item--expanded
        > .menu-main__submenu
        > .menu-main__item.menu-main__item--expanded
        > .menu-main__submenu {
          margin-top: var(--blh-050); }
        .region-header .navigation > .menu .menu-main
        > .menu-main__item.menu-main__item--expanded
        > .menu-main__submenu
        > .menu-main__item.menu-main__item--expanded:first-child
        > .menu-main__submenu {
          grid-auto-flow: row;
          grid-row-gap: var(--blh-025); }
        .region-header .navigation > .menu .menu-main
        > .menu-main__item.menu-main__item--expanded
        > .menu-main__submenu
        > .menu-main__item.menu-main__item--expanded:last-child
        > .menu-main__submenu {
          grid-template-columns: repeat(auto-fit, 11em);
          grid-template-rows: repeat(9, 1fr);
          grid-row-gap: var(--blh-025);
          grid-auto-flow: column; }
      .region-header .navigation {
        grid-column: 2/2; }
      .region-header .navbar-top-right {
        grid-column: 4/4; } }
  @media all and (min-width: 1440px) {
    .region-header {
      grid-gap: var(--blh-200); }
      .region-header .navigation .menu .menu-main {
        grid-gap: var(--blh-200); } }

body:not(:target) .region-header .menu-toggle {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  body:not(:target) .region-header .menu-toggle > span:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px; }
  body:not(:target) .region-header .menu-toggle .menu-burger {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 6px; }
    body:not(:target) .region-header .menu-toggle .menu-burger span {
      display: block;
      width: 2em;
      height: 4px;
      background-color: var(--text-colour);
      border-radius: 2 2px; }
    body:not(:target) .region-header .menu-toggle .menu-burger:hover span, body:not(:target) .region-header .menu-toggle .menu-burger:focus span {
      background-color: var(--primary-d); }
body:not(:target) .region-header .menu-toggle-target-show:target ~ .navigation .menu-toggle,
body:not(:target) .region-header .menu-toggle--hide {
  display: none; }
body:not(:target) .region-header .menu-toggle-target-show:target ~ .navigation .menu {
  display: block; }
body:not(:target) .region-header .menu-toggle-target-show:target ~ .navigation .menu-toggle--hide {
  display: flex; }
@media (min-width: 1260px) {
  body:not(:target) .region-header .menu-toggle {
    display: none; }
  body:not(:target) .region-header .extra-menu {
    display: none; } }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.region-content {
  position: relative; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.region-footer {
  width: 100%;
  background-color: var(--zxy-navy);
  color: white; }
  .region-footer > div:not(.pre-footer):not(.footer-copyright) {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--blh-200);
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1920px - (var(--container-inline-padding) * 2));
    width: 100%;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    padding-top: var(--container-block-padding);
    padding-bottom: var(--container-block-padding); }
    .region-footer > div:not(.pre-footer):not(.footer-copyright).pad {
      padding-left: var(--container-inline-padding);
      padding-right: var(--container-inline-padding); }
    @media all and (min-width: 1260px) {
      .region-footer > div:not(.pre-footer):not(.footer-copyright) {
        color: white; } }
  .region-footer nav:nth-child(1), .region-footer nav:nth-child(2),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(1),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(2) {
    grid-column: span 2; }
  .region-footer nav:nth-child(1),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(1) {
    order: 1; }
  .region-footer nav:nth-child(2),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(2) {
    order: 2; }
  .region-footer nav:nth-child(3),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(3) {
    order: 3; }
  .region-footer nav:nth-child(4),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(4) {
    order: 4; }
  .region-footer nav:nth-child(5),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(5) {
    order: 5; }
  .region-footer nav:nth-child(6),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(6) {
    order: 6; }
  .region-footer nav:nth-child(7),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(7) {
    order: 7; }
  .region-footer nav:nth-child(8),
  .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(8) {
    grid-column: span 2;
    order: 8; }
  .region-footer nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .region-footer nav li {
    margin-bottom: var(--blh-050); }
    .region-footer nav li > span {
      display: block;
      font-weight: 500;
      margin-bottom: var(--blh-050); }
    .region-footer nav li > a {
      color: rgba(255, 255, 255, 0.8);
      text-decoration: none; }
    .region-footer nav li > a:hover {
      color: white;
      text-decoration: underline; }
  .region-footer h2 {
    font-size: var(--blh);
    line-height: var(--body-line-height);
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 0; }
  .region-footer p {
    margin: 0; }
  .region-footer .footer-mission {
    text-align: center; }
    .region-footer .footer-mission img {
      width: 6em;
      margin-bottom: var(--blh); }
    @media (min-width: 768px) {
      .region-footer .footer-mission {
        max-width: 90%; } }
  .region-footer .footer-newsletter p {
    font-size: var(--xs); }
  .region-footer .footer-contact {
    display: flex;
    flex-flow: column;
    text-align: center; }
  .region-footer .footer-address-social-container {
    height: 100%;
    display: flex;
    flex-flow: column; }
  .region-footer .footer-social {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(auto-fit, 2em);
    grid-gap: var(--blh-075);
    padding-bottom: var(--blh);
    margin-bottom: var(--blh); }
    .region-footer .footer-social a {
      color: white;
      opacity: 0.85; }
      .region-footer .footer-social a:hover {
        opacity: 1; }
    .region-footer .footer-social svg {
      max-height: 1.85em; }
    @media (min-width: 768px) {
      .region-footer .footer-social {
        justify-content: flex-end; } }
  .region-footer .footer-copyright {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1920px - (var(--container-inline-padding) * 2));
    width: 100%;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    width: auto;
    margin-left: var(--container-inline-padding);
    margin-right: var(--container-inline-padding);
    padding-top: var(--box-padding);
    padding-bottom: var(--box-padding);
    border-top: var(--box-border);
    text-align: center; }
    .region-footer .footer-copyright.pad {
      padding-left: var(--container-inline-padding);
      padding-right: var(--container-inline-padding); }
    @media all and (min-width: 1260px) {
      .region-footer .footer-copyright {
        color: white; } }
  @media (min-width: 768px) {
    .region-footer > div:not(.pre-footer):not(.footer-copyright) {
      grid-template-columns: repeat(4, 1fr); }
    .region-footer .footer-mission {
      text-align: left; } }
  @media (min-width: 1260px) {
    .region-footer > div:not(.pre-footer):not(.footer-copyright) {
      grid-template-columns: 2fr repeat(3, 1fr); }
    .region-footer nav:nth-child(1), .region-footer nav:nth-child(2),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(1),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(2) {
      grid-column: initial; }
    .region-footer nav:nth-child(1),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(1) {
      order: 1; }
    .region-footer nav:nth-child(2),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(2) {
      order: 5; }
    .region-footer nav:nth-child(3),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(3) {
      order: 2; }
    .region-footer nav:nth-child(4),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(4) {
      order: 6; }
    .region-footer nav:nth-child(5),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(5) {
      order: 3; }
    .region-footer nav:nth-child(6),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(6) {
      order: 7; }
    .region-footer nav:nth-child(7),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(7) {
      order: 4; }
    .region-footer nav:nth-child(8),
    .region-footer div:not(.pre-footer):not(.footer-copyright):nth-child(8) {
      order: 8;
      grid-column: initial; }
    .region-footer .footer-contact {
      text-align: right; } }
  @media (min-width: 1440px) {
    .region-footer > div:not(.pre-footer):not(.footer-copyright) {
      grid-column-gap: var(--blh-300); }
    .region-footer .footer-copyright {
      padding-top: var(--blh-200);
      padding-bottom: var(--blh-200); } }
  @media (min-width: 1680px) {
    .region-footer > div:not(.pre-footer):not(.footer-copyright) {
      grid-template-columns: 2fr repeat(2, 1fr) 2fr; } }

.pre-footer {
  padding-top: var(--container-block-padding);
  padding-bottom: var(--container-block-padding);
  padding-left: var(--container-inline-padding);
  padding-right: var(--container-inline-padding);
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: var(--primary-d);
  text-align: center; }
  .pre-footer h3 {
    margin-top: 0;
    margin-bottom: var(--blh-050); }
  .pre-footer .item-list {
    --num: 9;
    position: relative;
    display: flex;
    width: calc(12rem * (var(--num) * 2)); }
@keyframes scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(-12rem * var(--num))); } }
@keyframes scroll-alt {
  0% {
    transform: translateX(calc(12rem * var(--num))); }
  100% {
    transform: translateX(0); } }
    .pre-footer .item-list ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: flex-start;
      width: calc(var(--num) * 12rem);
      animation: scroll 40s linear infinite; }
    .pre-footer .item-list ul.js-scrolling-list {
      animation: scroll 40s linear infinite; }
    .pre-footer .item-list li {
      flex-basis: 12rem;
      display: flex;
      justify-content: center;
      position: relative;
      margin: 0 var(--blh); }
      .pre-footer .item-list li::after {
        content: "";
        width: 100%;
        padding-top: 100%; }
      .pre-footer .item-list li img {
        max-width: 100%;
        min-width: 100%;
        height: 100%;
        max-width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
  .pre-footer .webform-ajax-form-wrapper * {
    order: unset !important; }

@media (min-width: 768px) {
  #block-newsletter {
    max-width: 90%; } }
#block-newsletter .webform-ajax-form-wrapper form div {
  order: unset !important; }
#block-newsletter .webform-ajax-form-wrapper form a {
  color: #fff; }

.region-wrapper {
  display: grid;
  grid-template-rows: var(--navbar-height) 1fr; }
  .region-wrapper .main {
    overflow-x: hidden; }
  @media (min-width: 768px) {
    .region-wrapper.has-video-banner .main {
      margin-top: -96px; } }
  .region-wrapper.has-video-banner .video-banner {
    max-height: 100vh; }
  .region-wrapper.has-video-banner .video-overlay {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 112.5%;
    margin-top: -56.25%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #708080 50%, rgba(207, 219, 226, 0) 100%); }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.products-view {
  display: grid;
  position: relative;
  min-height: calc(100% - var(--navbar-height));
  background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.3) 65%), radial-gradient(circle farthest-corner at 100% 100%, rgba(251, 118, 10, 0.4), rgba(240, 161, 14, 0) 40%), radial-gradient(circle farthest-corner at 0% 50%, rgba(240, 106, 93, 0.4), rgba(240, 106, 93, 0) 40%), radial-gradient(circle farthest-corner at 50% 50%, #bad8ff, #709ba7); }
  .products-view::after, .products-view::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 0 0;
    background-repeat: space space;
    z-index: 0; }
  .products-view::after {
    background-image: url("../images/star-cluster-01.svg"), url("../images/star-cluster-02.svg");
    background-size: 100vw, auto;
    opacity: 0.3; }
  .products-view::before {
    background-image: url("../images/star-cluster-03.svg"), url("../images/star-cluster-04.svg");
    background-size: 60vw, auto;
    opacity: 0.1; }
  .products-view::before, .products-view::after {
    top: 100px; }
  .products-view::before, .products-view::after {
    top: 100px; }
  .products-view section {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1920px - (var(--container-inline-padding) * 2));
    width: 100%;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    padding-top: var(--blh-050);
    padding-bottom: var(--blh);
    z-index: 3;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    align-items: flex-start; }
  .products-view .filters-container {
    margin-bottom: var(--blh); }
  .products-view .product-list,
  .products-view .swatches {
    list-style: none;
    margin: 0;
    padding: 0; }
  .products-view .product-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
    grid-gap: var(--blh); }
  .products-view .product-card {
    padding: 0;
    background-color: white;
    border-radius: var(--radius-m);
    border: var(--box-border-light);
    box-shadow: var(--product-card-shadow);
    margin: 0;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    background-color: white; }
    .products-view .product-card p {
      margin-top: 0; }
      .products-view .product-card p:last-child {
        margin-bottom: 0; }
  .products-view .product-details {
    flex: 1;
    cursor: pointer;
    display: block;
    padding: var(--blh-050);
    border-top: var(--box-border-light);
    font-size: var(--xs);
    text-align: center;
    color: var(--text-colour);
    text-decoration: none; }
    .products-view .product-details:hover {
      background-color: var(--light-trans-1); }
      .products-view .product-details:hover h4 {
        text-decoration: underline; }
    .products-view .product-details h4,
    .products-view .product-details p {
      font-size: var(--xs);
      line-height: 1.25em; }
    .products-view .product-details h4 {
      margin-bottom: var(--blh-025); }
    .products-view .product-details p {
      margin: 0; }
    .products-view .product-details ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-flow: row;
      justify-content: center; }
      .products-view .product-details ul .swatch {
        display: inline-block;
        height: 1em;
        width: 1em;
        border-radius: 50%;
        background: linear-gradient(90deg, #9900ff 0%, #0014ff 33%, #00ff13 66%, #ffc200 100%);
        margin: var(--blh-025); }
  .products-view .product-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 10rem; }
    .products-view .product-image img {
      position: relative;
      width: initial;
      max-height: 80%;
      max-width: 80%;
      z-index: 1;
      background-color: white; }
    .products-view .product-image .add-to-wishlist {
      position: absolute;
      top: var(--blh);
      right: var(--blh);
      color: var(--light-trans-2);
      text-decoration: none;
      z-index: 2; }
      .products-view .product-image .add-to-wishlist:hover {
        color: var(--light-trans-3); }
      .products-view .product-image .add-to-wishlist.selected {
        color: var(--orange); }
      .products-view .product-image .add-to-wishlist .icon {
        width: 1.25em; }
  .products-view .pager {
    margin-top: var(--blh-200); }

.products-view .mobile-menu-btn-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 9999; }
  .products-view .mobile-menu-btn-container .opened {
    display: none; }
  .products-view .mobile-menu-btn-container .mobile-menu-btn {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 4px;
    margin-left: var(--blh-025); }
    .products-view .mobile-menu-btn-container .mobile-menu-btn span {
      display: block;
      width: 1.25em;
      height: 2px;
      background-color: rgba(0, 0, 0, 0.85);
      border-radius: 2 1px; }
    .products-view .mobile-menu-btn-container .mobile-menu-btn:hover span, .products-view .mobile-menu-btn-container .mobile-menu-btn:focus span {
      background-color: black; }
  .products-view .mobile-menu-btn-container.open {
    position: fixed;
    top: calc(var(--navbar-height) + var(--blh-150));
    color: white; }
    .products-view .mobile-menu-btn-container.open .opened {
      display: unset; }
    .products-view .mobile-menu-btn-container.open .closed {
      display: none; }
    .products-view .mobile-menu-btn-container.open .mobile-menu-btn span {
      background-color: white; }

.products-view .filter-form-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: var(--blh) 0;
  border-top: var(--box-border);
  border-bottom: var(--box-border); }
  .products-view .filter-form-container .views-exposed-form {
    display: none; }
    .products-view .filter-form-container .views-exposed-form.open {
      display: unset;
      justify-content: center;
      position: fixed;
      top: var(--navbar-height);
      left: 0;
      width: 100%;
      height: calc(100vh - var(--navbar-height));
      color: white;
      background-color: var(--overlay-blue-trans);
      z-index: 999; }
    .products-view .filter-form-container .views-exposed-form.open .fieldsets-container {
      display: grid;
      justify-content: center;
      grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
      grid-gap: var(--blh);
      height: calc(100% - 4em);
      padding: var(--blh-300) var(--blh) var(--blh-200) var(--blh);
      overflow-y: auto; }
    .products-view .filter-form-container .views-exposed-form.open .form-actions {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 4em;
      background-color: var(--primary-d-trans-3); }
    .products-view .filter-form-container .views-exposed-form .fieldgroup:last-child {
      padding-bottom: var(--blh-200); }
    .products-view .filter-form-container .views-exposed-form .form-item {
      display: flex; }
  .products-view .filter-form-container .fieldgroup legend {
    font-size: var(--m);
    font-weight: var(--font-weight-medium);
    margin-top: var(--blh);
    margin-bottom: var(--blh-050); }
  .products-view .filter-form-container .form-checkboxes .form-item {
    margin-bottom: var(--blh-075); }
    .products-view .filter-form-container .form-checkboxes .form-item input {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    .products-view .filter-form-container .form-checkboxes .form-item label {
      cursor: pointer;
      padding-left: 2em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' opacity='0.8' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-16 368a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16z' /%3E%3Cpath fill='%23fff' opacity='0.4' d='M64 400V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16v288a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16z' /%3E%3C/svg%3E");
      background-size: 1.25em;
      background-position: center left;
      background-repeat: no-repeat;
      font-size: var(--m);
      line-height: 1.25em; }
      .products-view .filter-form-container .form-checkboxes .form-item label:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' opacity='0.9' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-16 368a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16z' /%3E%3Cpath fill='%23fff' opacity='0.5' d='M64 400V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16v288a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16z' /%3E%3C/svg%3E"); }
    .products-view .filter-form-container .form-checkboxes .form-item input[type="checkbox"]:checked + label {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' opacity='0.8' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-20.69 165.94l-184 184a16 16 0 0 1-22.62 0l-104-104a16 16 0 0 1 0-22.63l22.62-22.62a16 16 0 0 1 22.63 0L184 302.75l150.06-150.06a16 16 0 0 1 22.63 0l22.62 22.62a16 16 0 0 1 0 22.63z' /%3E%3Cpath fill='%23335D96' d='M195.31 381.94a16 16 0 0 1-22.62 0l-104-104a16 16 0 0 1 0-22.63l22.62-22.62a16 16 0 0 1 22.63 0L184 302.74l150.06-150a16 16 0 0 1 22.63 0l22.62 22.62a16 16 0 0 1 0 22.63l-184 184z' /%3E%3C/svg%3E"); }

.products-view .current-filters {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center; }
  .products-view .current-filters .icon {
    pointer-events: none; }
.products-view .current-filters-container {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--blh-050);
  align-items: center;
  padding: var(--blh-050) 0;
  font-size: var(--xs); }
.products-view .current-filters {
  list-style: none;
  margin: 0;
  padding: 0;
  display: contents; }
.products-view .current-filter-pill {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  grid-gap: var(--blh-025);
  padding: var(--blh-025) var(--blh-075);
  background-color: var(--lightgrey);
  border-radius: 1em;
  color: var(--primary-d); }
  .products-view .current-filter-pill .icon {
    pointer-events: none; }
  .products-view .current-filter-pill:hover {
    text-decoration: underline; }

@media (min-width: 414px) {
  .products-view .product-list {
    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr)); } }
@media screen and (min-width: 768px) {
  .products-view {
    min-height: 50vh; }

  .products-view .product-list {
    grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); }

  .products-view .product-details {
    display: flex;
    flex-flow: column;
    padding: var(--blh-075); }
    .products-view .product-details h4,
    .products-view .product-details p {
      font-size: var(--sm);
      line-height: var(--line-height); }
    .products-view .product-details ul {
      margin: auto 0 var(--blh-050) 0; }

  .products-view .mobile-menu-btn-container {
    display: none; }

  .products-view .filter-form-container {
    justify-content: stretch; }
    .products-view .filter-form-container .views-exposed-form {
      flex-basis: 100%;
      display: flex;
      grid-gap: var(--blh-200);
      justify-content: space-between;
      align-items: flex-start; }
      .products-view .filter-form-container .views-exposed-form .fieldgroup:last-child {
        padding-bottom: 0; }
    .products-view .filter-form-container .fieldsets-container {
      display: flex;
      grid-gap: var(--blh-150); }
    .products-view .filter-form-container .fieldset-wrapper:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    .products-view .filter-form-container .fieldgroup {
      position: relative; }
      .products-view .filter-form-container .fieldgroup:hover, .products-view .filter-form-container .fieldgroup:focus, .products-view .filter-form-container .fieldgroup:active {
        text-decoration: underline; }
        .products-view .filter-form-container .fieldgroup:hover .fieldset-wrapper, .products-view .filter-form-container .fieldgroup:focus .fieldset-wrapper, .products-view .filter-form-container .fieldgroup:active .fieldset-wrapper {
          padding: var(--blh);
          background-color: white;
          border-radius: var(--radius-m);
          border: var(--box-border-light);
          box-shadow: var(--box-m-shadow);
          margin-top: 0;
          display: block !important;
          position: absolute !important;
          top: 100%;
          left: -6em;
          overflow-y: auto !important;
          z-index: 999; }
          .products-view .filter-form-container .fieldgroup:hover .fieldset-wrapper:not(:focus):not(:active), .products-view .filter-form-container .fieldgroup:focus .fieldset-wrapper:not(:focus):not(:active), .products-view .filter-form-container .fieldgroup:active .fieldset-wrapper:not(:focus):not(:active) {
            clip: initial;
            clip-path: initial;
            height: initial;
            overflow: initial;
            position: initial;
            white-space: initial;
            width: initial; }
          .products-view .filter-form-container .fieldgroup:hover .fieldset-wrapper p, .products-view .filter-form-container .fieldgroup:focus .fieldset-wrapper p, .products-view .filter-form-container .fieldgroup:active .fieldset-wrapper p {
            margin-top: 0; }
            .products-view .filter-form-container .fieldgroup:hover .fieldset-wrapper p:last-child, .products-view .filter-form-container .fieldgroup:focus .fieldset-wrapper p:last-child, .products-view .filter-form-container .fieldgroup:active .fieldset-wrapper p:last-child {
              margin-bottom: 0; }
    .products-view .filter-form-container .fieldsets-container .fieldgroup:first-child:hover .fieldset-wrapper, .products-view .filter-form-container .fieldsets-container .fieldgroup:first-child:focus .fieldset-wrapper, .products-view .filter-form-container .fieldsets-container .fieldgroup:first-child:active .fieldset-wrapper,
    .products-view .filter-form-container .fieldsets-container .fieldgroup:nth-child(2):hover .fieldset-wrapper,
    .products-view .filter-form-container .fieldsets-container .fieldgroup:nth-child(2):focus .fieldset-wrapper,
    .products-view .filter-form-container .fieldsets-container .fieldgroup:nth-child(2):active .fieldset-wrapper {
      left: 0; }
    .products-view .filter-form-container .fieldgroup legend {
      cursor: pointer;
      font-size: var(--sm);
      font-weight: var(--font-weight-regular);
      margin: initial;
      padding-right: 1.5em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z'/%3E%3C/svg%3E");
      background-size: 0.85em;
      background-position: center right;
      background-repeat: no-repeat; }
    .products-view .filter-form-container .fieldgroup legend {
      font-size: var(--sm);
      font-weight: var(--font-weight-regular); }
    .products-view .filter-form-container .form-checkboxes {
      display: grid;
      grid-template-rows: repeat(16, 1fr);
      grid-auto-columns: 12em;
      grid-auto-flow: column;
      grid-gap: var(--blh-050); }
      .products-view .filter-form-container .form-checkboxes .bef-checkboxes {
        display: contents; }
    .products-view .filter-form-container .form-checkboxes .form-item {
      padding: var(--blh-025);
      border-radius: var(--radius-sm);
      margin-bottom: 0; }
      .products-view .filter-form-container .form-checkboxes .form-item label {
        padding-left: 1.5em;
        background-size: 1em 1em;
        font-size: var(--sm);
        line-height: 1em;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='Rectangle_19486' data-name='Rectangle 19486' fill='none' stroke='%23575756' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='14' height='14' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='12.5' height='12.5' rx='1.25' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .products-view .filter-form-container .form-checkboxes .form-item label:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='Rectangle_19486' data-name='Rectangle 19486' fill='none' stroke='%23575756' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='14' height='14' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='12.5' height='12.5' rx='1.25' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); }
      .products-view .filter-form-container .form-checkboxes .form-item input[type="checkbox"]:checked + label {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='Group_93381' data-name='Group 93381' transform='translate(-603 -218)'%3E%3Cg id='Rectangle_19487' data-name='Rectangle 19487' transform='translate(603 218)' fill='none' stroke='%23575756' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='14' height='14' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='12.5' height='12.5' rx='1.25' fill='none'/%3E%3C/g%3E%3Crect id='Rectangle_19488' data-name='Rectangle 19488' width='6' height='6' rx='1' transform='translate(607 222)' fill='%23575756'/%3E%3C/g%3E%3C/svg%3E"); }
        .products-view .filter-form-container .form-checkboxes .form-item input[type="checkbox"]:checked + label:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='Group_93381' data-name='Group 93381' transform='translate(-603 -218)'%3E%3Cg id='Rectangle_19487' data-name='Rectangle 19487' transform='translate(603 218)' fill='none' stroke='%23575756' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='14' height='14' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='12.5' height='12.5' rx='1.25' fill='none'/%3E%3C/g%3E%3Crect id='Rectangle_19488' data-name='Rectangle 19488' width='6' height='6' rx='1' transform='translate(607 222)' fill='%23575756'/%3E%3C/g%3E%3C/svg%3E%0A"); }
      .products-view .filter-form-container .form-checkboxes .form-item input[type="checkbox"]:focus + label {
        text-decoration: underline;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23335D96' opacity='0.5' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-16 368a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16z' /%3E%3Cpath fill='%23335D96' opacity='0.4' d='M64 400V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16v288a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16z' /%3E%3C/svg%3E"); }
        .products-view .filter-form-container .form-checkboxes .form-item input[type="checkbox"]:focus + label:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23335D96' opacity='0.6' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-16 368a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16z' /%3E%3Cpath fill='%23335D96' opacity='0.5' d='M64 400V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16v288a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16z' /%3E%3C/svg%3E"); } }
@media screen and (min-width: 1260px) {
  .products-view section {
    padding-bottom: var(--blh-200); }
  .products-view .pager {
    margin-top: var(--blh-200); }
  .products-view .product-details {
    padding: var(--blh-075) var(--blh); }

  .fieldsets-container .fieldgroup:hover .fieldset-wrapper, .fieldsets-container .fieldgroup:focus .fieldset-wrapper, .fieldsets-container .fieldgroup:active .fieldset-wrapper {
    left: 0 !important; } }
@media screen and (min-width: 1680px) {
  .products-view .product-list {
    grid-gap: var(--blh-150); } }
.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.product-single {
  position: relative;
  min-height: calc(100vh - var(--navbar-height));
  background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.3) 65%), radial-gradient(circle farthest-corner at 100% 100%, rgba(251, 118, 10, 0.4), rgba(240, 161, 14, 0) 40%), radial-gradient(circle farthest-corner at 0% 50%, rgba(240, 106, 93, 0.4), rgba(240, 106, 93, 0) 40%), radial-gradient(circle farthest-corner at 50% 50%, #bad8ff, #709ba7); }
  .product-single::after, .product-single::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 0 0;
    background-repeat: space space;
    z-index: 0; }
  .product-single::after {
    background-image: url("../images/star-cluster-01.svg"), url("../images/star-cluster-02.svg");
    background-size: 100vw, auto;
    opacity: 0.3; }
  .product-single::before {
    background-image: url("../images/star-cluster-03.svg"), url("../images/star-cluster-04.svg");
    background-size: 60vw, auto;
    opacity: 0.1; }

.product-single .product-content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1920px - (var(--container-inline-padding) * 2));
  width: 100%;
  padding-left: var(--container-inline-padding);
  padding-right: var(--container-inline-padding);
  padding-top: var(--container-block-padding-tight);
  padding-bottom: var(--container-block-padding);
  z-index: 4; }

.product-single .product-container {
  display: grid;
  justify-items: center;
  align-items: flex-start;
  grid-gap: var(--blh); }

@keyframes rotate-spinner {
  from {
    transform: translate(-50%, -50%) rotate(0deg); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }
.product-single .product-image {
  padding: var(--blh-050);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--product-card-shadow);
  position: relative;
  min-height: 40vh;
  min-width: 40vw; }
  .product-single .product-image p {
    margin-top: 0; }
    .product-single .product-image p:last-child {
      margin-bottom: 0; }
  .product-single .product-image img {
    position: relative;
    z-index: 1; }
  .product-single .product-image .icon-left,
  .product-single .product-image .icon-right {
    position: absolute;
    top: var(--blh);
    z-index: 5; }
    .product-single .product-image .icon-left .icon,
    .product-single .product-image .icon-right .icon {
      width: 2em;
      color: var(--light-trans-3); }
  .product-single .product-image .icon-left {
    left: var(--blh-150); }
    .product-single .product-image .icon-left .icon.selected {
      color: var(--orange); }
  .product-single .product-image .icon-right {
    right: var(--blh-150); }

.product-single .product-image-zoom {
  padding: var(--blh);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--product-card-shadow);
  display: none;
  height: 30vh; }
  .product-single .product-image-zoom p {
    margin-top: 0; }
    .product-single .product-image-zoom p:last-child {
      margin-bottom: 0; }

.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width: 40px;
  height: 40px; }

.product-single .product-images {
  display: flex;
  justify-content: center; }

.product-single .product-images > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--blh-050);
  max-width: 30vw;
  margin-bottom: var(--blh); }
  .product-single .product-images > div img {
    padding: var(--blh-025);
    background-color: white;
    border-radius: var(--radius-m);
    border: var(--box-border-light);
    box-shadow: var(--product-card-shadow);
    opacity: 0.5; }
    .product-single .product-images > div img p {
      margin-top: 0; }
      .product-single .product-images > div img p:last-child {
        margin-bottom: 0; }
    .product-single .product-images > div img.hover {
      opacity: 0.85; }
    .product-single .product-images > div img.active {
      opacity: 1; }

.product-single .product-image,
.product-single .heading-mobile {
  max-width: 60vw; }

.product-single h1 {
  font-size: var(--xxl);
  font-weight: var(--font-weight-medium); }
.product-single .heading-mobile,
.product-single h6 {
  margin: 0; }
.product-single .heading-mobile {
  text-align: center; }

.product-single .product-info {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: var(--blh); }
  .product-single .product-info h1 {
    display: none; }
  .product-single .product-info .product-style {
    order: 5; }
  .product-single .product-info .product-composition {
    order: 6; }
  .product-single .product-info .product-colour {
    order: 1; }
  .product-single .product-info .product-colour-select-container {
    order: 3; }
  .product-single .product-info .product-images {
    order: 2; }
  .product-single .product-info .product-add-to-wishlist {
    order: 4; }
  .product-single .product-info .product-keywords {
    order: 7; }
  .product-single .product-info .product-style,
  .product-single .product-info .product-composition,
  .product-single .product-info .product-keywords {
    display: flex;
    grid-gap: var(--blh-025); }
  .product-single .product-info .product-colour-select {
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-medium);
    color: var(--blue-d);
    text-decoration: none;
    white-space: nowrap;
    border-radius: var(--button-radius-l);
    transition: background-color 150ms ease;
    letter-spacing: 0.5px;
    padding: var(--button-padding-l);
    font-size: 1.25rem;
    line-height: 1.5em;
    padding-right: var(--blh-200); }
    .product-single .product-info .product-colour-select .icon {
      pointer-events: none; }
    .product-single .product-info .product-colour-select .icon.left {
      margin-right: var(--blh-050); }
    .product-single .product-info .product-colour-select .icon.right {
      margin-left: var(--blh-050); }
  .product-single .product-info .product-colour {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    grid-gap: var(--blh-050);
    grid-template-columns: repeat(auto-fit, 1em); }
    .product-single .product-info .product-colour h6:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    .product-single .product-info .product-colour .swatch {
      display: inline-block;
      height: 1em;
      width: 1em;
      border-radius: 50%;
      background: linear-gradient(90deg, #9900ff 0%, #0014ff 33%, #00ff13 66%, #ffc200 100%);
      cursor: pointer; }
  .product-single .product-info .product-add-to-wishlist .btn .icon {
    margin-left: var(--blh-050); }
  .product-single .product-info .product-add-to-wishlist .btn.selected .icon {
    color: var(--orange); }
  .product-single .product-info .product-keywords {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--blh-050);
    justify-content: center;
    margin-top: var(--blh);
    max-width: 25rem; }
    .product-single .product-info .product-keywords h6 {
      white-space: nowrap;
      font-weight: var(--font-weight-regular); }
    .product-single .product-info .product-keywords > div {
      display: contents; }
    .product-single .product-info .product-keywords > div div {
      font-weight: var(--font-weight-medium); }
      .product-single .product-info .product-keywords > div div::before {
        content: "#"; }
    .product-single .product-info .product-keywords a {
      font-size: var(--xs);
      font-weight: var(--font-weight-medium);
      color: var(--text-colour);
      text-decoration: none; }
      .product-single .product-info .product-keywords a:hover {
        text-decoration: underline; }

@media (max-width: 767px) {
  .product-colour-select-container h6:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px; } }
@media (min-width: 768px) {
  .product-single {
    min-height: unset; }

  .product-single .product-container {
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--blh-300);
    justify-items: flex-start;
    align-items: flex-start; }

  .product-single .heading-mobile {
    display: none; }

  .product-single .product-info {
    justify-items: flex-start; }
    .product-single .product-info h1 {
      font-size: var(--m2);
      margin-bottom: 0;
      display: unset;
      order: 1;
      max-width: 25rem; }
    .product-single .product-info .product-style {
      order: 1; }
    .product-single .product-info .product-composition {
      order: 2; }
    .product-single .product-info .product-colour {
      order: 4; }
    .product-single .product-info .product-colour-select-container {
      order: 3; }
    .product-single .product-info .product-images {
      order: 5; }
    .product-single .product-info .product-add-to-wishlist {
      order: 6; }
    .product-single .product-info .product-keywords {
      order: 7; }
    .product-single .product-info .product-style,
    .product-single .product-info .product-composition {
      flex-flow: column;
      grid-gap: 0; }
    .product-single .product-info .product-colour-select {
      height: auto;
      font-size: 1rem;
      padding: var(--blh-025) var(--blh-200) var(--blh-025) var(--blh);
      width: auto;
      background-color: var(--lightgrey);
      color: black; }
    .product-single .product-info .product-keywords {
      justify-content: flex-start; }

  .product-single .product-images,
  .product-single .product-info .product-colour {
    justify-content: flex-start; }

  .product-single .product-images > div {
    max-width: 10em;
    margin-bottom: initial; }

  .product-single .product-images img {
    cursor: pointer; }
    .product-single .product-images img:hover {
      opacity: 0.75; }

  .product-add-to-wishlist {
    margin-top: var(--blh); } }
@media all and (hover: hover) and (min-width: 1260px) {
  .product-single .product-container {
    grid-template-columns: 1fr 2fr;
    justify-items: initial;
    align-items: flex-start; }

  .product-single .product-image-zoom {
    display: unset; } }
.zoomImg {
  background-color: #fff; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.slider-view {
  --slider-control-width: 0.5rem;
  --slider-image-width: 50vw;
  --slider-image-width-active: 60vw;
  position: relative;
  min-height: calc(100vh - var(--navbar-height));
  background-image: radial-gradient(circle farthest-corner at 100% 100%, rgba(251, 118, 10, 0.4), rgba(240, 161, 14, 0) 40%), radial-gradient(circle farthest-corner at 0% 50%, rgba(240, 106, 93, 0.4), rgba(240, 106, 93, 0) 40%), radial-gradient(circle farthest-corner at 50% 50%, #bad8ff, #709ba7);
  overflow-x: hidden; }
  @media (min-width: 768px) {
    .slider-view {
      --slider-control-width: 5rem; } }
  .slider-view .slider-view-container {
    overflow: hidden;
    width: 100%;
    grid-column: 1/4; }
  .slider-view .cloud-01,
  .slider-view .cloud-02,
  .slider-view .zxy-text {
    position: absolute; }
  .slider-view .cloud-01 {
    top: 25vh;
    right: -5em; }
  .slider-view .cloud-02 {
    top: 15vh;
    left: -5em; }
  .slider-view .zxy-text {
    top: 50%;
    left: 50%;
    width: 80vw;
    transform: translate(-50%, -50%); }
  .slider-view .views-field-field-image img {
    height: auto; }
  .slider-view .slider-content {
    position: relative;
    display: block;
    grid-template-rows: max-content 1fr max-content;
    min-height: calc(100vh - var(--navbar-height));
    z-index: 2; }
    .slider-view .slider-content .swiper-pagination {
      display: flex;
      justify-content: center;
      margin-top: 16px;
      position: relative;
      bottom: unset; }
      .slider-view .slider-content .swiper-pagination .swiper-pagination-bullet {
        display: block;
        height: 0.85rem;
        width: 0.85rem;
        border: solid 1px var(--primary-d);
        border-radius: 50%;
        background-color: transparent;
        opacity: 1;
        margin: 8px; }
        .slider-view .slider-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background-color: var(--primary-d); }
    .slider-view .slider-content .swiper-next-arrow,
    .slider-view .slider-content .swiper-prev-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 16px;
      z-index: 1;
      cursor: pointer; }
    .slider-view .slider-content .swiper-next-arrow {
      left: unset;
      right: 16px; }
    .slider-view .slider-content .swiper-wrapper {
      padding: 0;
      margin: 0; }
      @media (min-width: 768px) {
        .slider-view .slider-content .swiper-wrapper {
          margin-top: 5rem; } }
      .slider-view .slider-content .swiper-wrapper .field-content,
      .slider-view .slider-content .swiper-wrapper .swiper-slide,
      .slider-view .slider-content .swiper-wrapper .views-field {
        text-align: center;
        list-style: none; }
      .slider-view .slider-content .swiper-wrapper a {
        cursor: pointer;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: var(--font-weight-medium);
        color: var(--blue-d);
        text-decoration: none;
        white-space: nowrap;
        border-radius: var(--button-radius-l);
        transition: background-color 150ms ease;
        letter-spacing: 0.5px;
        padding: var(--button-padding-m);
        font-size: 1rem;
        line-height: 1.25em;
        font-weight: bold;
        background-color: var(--button-white);
        background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
        color: black;
        box-shadow: var(--button-shadow);
        text-align: center;
        border: none;
        background-color: var(--primary-d);
        background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
        color: white;
        position: relative;
        transform: translateY(-3rem);
        margin: var(--blh-050) 0;
        transition: all ease 750ms;
        display: inline-block;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: 0.5px;
        transform: unset;
        margin-top: 32px; }
        .slider-view .slider-content .swiper-wrapper a .icon {
          pointer-events: none; }
        .slider-view .slider-content .swiper-wrapper a .icon.left {
          margin-right: var(--blh-050); }
        .slider-view .slider-content .swiper-wrapper a .icon.right {
          margin-left: var(--blh-050); }
        .slider-view .slider-content .swiper-wrapper a::before {
          background-color: white;
          background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
        .slider-view .slider-content .swiper-wrapper a:hover, .slider-view .slider-content .swiper-wrapper a:active, .slider-view .slider-content .swiper-wrapper a:focus {
          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
          outline: none;
          text-decoration: underline; }
        .slider-view .slider-content .swiper-wrapper a:focus {
          background-color: #f09a19; }
        .slider-view .slider-content .swiper-wrapper a.btn--large {
          padding: var(--button-padding-sm);
          font-size: 1.15rem;
          line-height: 1.5em; }
        @media all and (min-width: 768px) {
          .slider-view .slider-content .swiper-wrapper a.btn--large {
            padding: var(--button-padding-sm);
            font-size: 1.15rem;
            line-height: 1.5em; } }
        .slider-view .slider-content .swiper-wrapper a::before {
          content: "";
          position: absolute;
          top: -1px;
          right: -1px;
          bottom: -1px;
          left: -1px;
          z-index: -1;
          border-radius: var(--button-radius-l);
          background-color: white;
          background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
      .slider-view .slider-content .swiper-wrapper img {
        max-width: 60%;
        margin: 0 auto; }
        @media (min-width: 768px) {
          .slider-view .slider-content .swiper-wrapper img {
            max-width: 20vw; } }
        @media (min-height: 1300px) {
          .slider-view .slider-content .swiper-wrapper img {
            max-width: 24vw; } }
    .slider-view .slider-content .title-container {
      margin: var(--blh-050) 0;
      z-index: 2; }
      .slider-view .slider-content .title-container .title {
        color: black;
        opacity: 1; }
      .slider-view .slider-content .title-container + div {
        z-index: 1; }
    .slider-view .slider-content .title {
      margin: 0;
      font-size: var(--xxxxl);
      color: var(--primary-d);
      opacity: 0.2;
      text-align: center; }
  .slider-view .slides-section {
    display: flex;
    flex-flow: column;
    justify-content: center;
    overflow: hidden; }
    @media (min-width: 768px) {
      .slider-view .slides-section {
        overflow: unset; } }
  .slider-view .slider {
    display: flex;
    grid-template-columns: var(--slider-control-width) 1fr var(--slider-control-width);
    overflow: visible;
    position: relative; }
    @media (min-width: 768px) {
      .slider-view .slider {
        display: grid; } }
    .slider-view .slider .slider-control {
      position: absolute;
      left: 1rem;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--primary-d);
      opacity: 0.75;
      z-index: 5;
      height: 100%;
      width: 1rem; }
      .slider-view .slider .slider-control:hover {
        opacity: 1; }
      .slider-view .slider .slider-control.right {
        left: unset;
        right: 1rem; }
  .slider-view .slides {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
  .slider-view .slides .slide {
    position: relative;
    flex-basis: var(--slider-image-width);
    flex-shrink: 0;
    flex-grow: 0;
    display: grid;
    grid-template-rows: 50vh 3em;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    opacity: 0.75;
    transition: opacity 250ms ease-in-out, flex-basis 750ms ease-in-out; }
    .slider-view .slides .slide.active {
      flex-basis: var(--slider-image-width-active);
      opacity: 1; }
      .slider-view .slides .slide.active .product-shadow {
        opacity: 0; }
      .slider-view .slides .slide.active .views-field-name a {
        transform: translateY(0rem); }
    .slider-view .slides .slide .views-field-field-image {
      width: 100%; }
      .slider-view .slides .slide .views-field-field-image img {
        transition: max-height 750ms ease-in-out; }
    .slider-view .slides .slide .views-field-name a {
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: var(--font-weight-medium);
      color: var(--blue-d);
      text-decoration: none;
      white-space: nowrap;
      border-radius: var(--button-radius-l);
      transition: background-color 150ms ease;
      letter-spacing: 0.5px;
      padding: var(--button-padding-m);
      font-size: 1rem;
      line-height: 1.25em;
      font-weight: bold;
      background-color: var(--button-white);
      background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
      color: black;
      box-shadow: var(--button-shadow);
      text-align: center;
      border: none;
      background-color: var(--primary-d);
      background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
      color: white;
      position: relative;
      transform: translateY(-3rem);
      margin: var(--blh-050) 0;
      transition: all ease 750ms; }
      .slider-view .slides .slide .views-field-name a .icon {
        pointer-events: none; }
      .slider-view .slides .slide .views-field-name a .icon.left {
        margin-right: var(--blh-050); }
      .slider-view .slides .slide .views-field-name a .icon.right {
        margin-left: var(--blh-050); }
      .slider-view .slides .slide .views-field-name a::before {
        background-color: white;
        background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
      .slider-view .slides .slide .views-field-name a:hover, .slider-view .slides .slide .views-field-name a:active, .slider-view .slides .slide .views-field-name a:focus {
        box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
        outline: none;
        text-decoration: underline; }
      .slider-view .slides .slide .views-field-name a:focus {
        background-color: #f09a19; }
      .slider-view .slides .slide .views-field-name a.btn--large {
        padding: var(--button-padding-sm);
        font-size: 1.15rem;
        line-height: 1.5em; }
      @media all and (min-width: 768px) {
        .slider-view .slides .slide .views-field-name a.btn--large {
          padding: var(--button-padding-sm);
          font-size: 1.15rem;
          line-height: 1.5em; } }
      .slider-view .slides .slide .views-field-name a::before {
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        z-index: -1;
        border-radius: var(--button-radius-l);
        background-color: white;
        background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
    .slider-view .slides .slide .field-content {
      display: flex;
      justify-content: center; }
    .slider-view .slides .slide .views-field-field-image img {
      width: auto;
      max-height: 70vh; }
    .slider-view .slides .slide .product-shadow {
      position: absolute;
      bottom: 2.5em;
      pointer-events: none;
      width: 70%;
      z-index: -1; }
  .slider-view .nav-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--blh); }
    .slider-view .nav-links a {
      font-size: var(--xs);
      font-weight: var(--font-weight-medium);
      color: var(--primary-d);
      text-decoration: none;
      opacity: 0.85; }
      .slider-view .nav-links a:hover {
        text-decoration: underline;
        opacity: 1; }
    .slider-view .nav-links .link-before {
      padding-left: 1.5em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23335D96' d='M231.536 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113L238.607 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L3.515 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z'/%3E%3C/svg%3E");
      background-size: 1em;
      background-position: center left;
      background-repeat: no-repeat; }
    .slider-view .nav-links .link-after {
      padding-right: 1.5em;
      text-align: right;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23335D96' d='M216.464 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887L209.393 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L233.434 36.465c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
      background-size: 1em;
      background-position: center right;
      background-repeat: no-repeat; }
  .slider-view .product-type-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: var(--blh-075);
    line-height: 1em;
    margin-top: var(--blh); }
    .slider-view .product-type-links ul a {
      font-size: var(--xs);
      line-height: 1em;
      color: black;
      opacity: 0.85;
      text-decoration: none; }
      .slider-view .product-type-links ul a:hover {
        opacity: 1;
        text-decoration: underline; }
  .slider-view .slider-dots {
    display: none; }
  @media (orientation: landscape) {
    .slider-view {
      --slider-image-width: 25vw;
      --slider-image-width-active: 35vw; }
      .slider-view .slider {
        margin-top: var(--blh-200); }
      .slider-view .slider-content {
        grid-template-rows: 1fr max-content; }
        .slider-view .slider-content .title-container {
          padding: 0 var(--container-inline-padding); }
        .slider-view .slider-content .title-container {
          position: absolute; }
        .slider-view .slider-content .title {
          font-size: 64px !important;
          text-align: left; }
      .slider-view .slides .slide {
        flex-basis: var(--slider-image-width);
        grid-template-rows: 60vh 3em;
        opacity: 1; }
        .slider-view .slides .slide .views-field-field-image img {
          width: auto;
          max-height: 35vh; }
        .slider-view .slides .slide.active {
          flex-basis: var(--slider-image-width-active); }
          .slider-view .slides .slide.active .views-field-field-image img {
            max-height: 45vh; }
      .slider-view .product-type-links ul {
        max-width: 70vw;
        grid-gap: var(--blh);
        margin: var(--blh-200) auto 0 auto; } }
  @media (orientation: landscape) and (min-height: 375px) {
    .slider-view .slider {
      margin-top: var(--blh-200); }
    .slider-view .slider-content .title {
      font-size: var(--xxl); }
    .slider-view .slides .slide .views-field-field-image img {
      width: auto;
      max-height: 40vh; }
    .slider-view .slides .slide.active .views-field-field-image img {
      max-height: 52vh; } }
  @media (orientation: landscape) and (min-height: 414px) {
    .slider-view .slider-content .title-container {
      margin: var(--blh-075) 0; }
    .slider-view .slider-content .title {
      font-size: var(--xxxl); }
    .slider-view .slides .slide .views-field-field-image img {
      width: auto;
      max-height: 40vh; }
    .slider-view .slides .slide.active .views-field-field-image img {
      max-height: 55vh; } }
  @media (orientation: landscape) and (min-width: 2500px) {
    .slider-view {
      --slider-control-width: 7.5rem; } }
  @media (orientation: landscape) and (min-height: 768px) {
    .slider-view .slides .slide a {
      padding: var(--button-padding-sm);
      font-size: 1.15rem;
      line-height: 1.5em; }
    .slider-view .slider-content .title {
      font-size: var(--xxl); }
    .slider-view .slider {
      margin-top: 0; }
      .slider-view .slider i.icon {
        width: 1.5em; } }
  @media (orientation: landscape) and (min-height: 1024px) {
    .slider-view .slider-content .title {
      font-size: var(--xl); } }
  @media (orientation: portrait) and (min-width: 414px) {
    .slider-view .slider-content .title-container {
      margin-top: var(--blh); }
    .slider-view .white-grad-bottom {
      height: 15vh; }
    .slider-view .product-type-links ul {
      grid-gap: var(--blh);
      margin-top: var(--blh-150); }
      .slider-view .product-type-links ul a {
        font-size: var(--sm); } }
  @media (orientation: portrait) and (min-width: 768px) {
    .slider-view .cloud-01 {
      top: 20vh;
      right: -7.5em; }
    .slider-view .cloud-02 {
      top: 20vh;
      left: 2em; }
    .slider-view .slider-content .title-container {
      margin: var(--blh-200) 0 0 0; }
    .slider-view .slides .slide a {
      padding: var(--button-padding-l);
      font-size: 1.25rem;
      line-height: 1.5em; }
    .slider-view .slides .slide .views-field-field-image img {
      width: auto;
      max-height: 40vh; }
    .slider-view .slides .slide.active .views-field-field-image img {
      max-height: 50vh; }
    .slider-view .nav-links a {
      font-size: var(--sm); }
    .slider-view .product-type-links ul {
      max-width: 70vw;
      grid-gap: var(--blh-150);
      margin: var(--blh-200) auto 0 auto; }
      .slider-view .product-type-links ul a {
        font-size: var(--m); } }
  @media (orientation: portrait) and (min-width: 1024px) {
    .slider-view .cloud-01 {
      top: 18vh;
      right: -3em; }
    .slider-view .cloud-02 {
      top: 15vh;
      left: 2em; }
    .slider-view .slider-content .title-container {
      margin: var(--blh-400) 0 0 0; }
    .slider-view .slides .slide .views-field-field-image img {
      max-height: 45vh; }
    .slider-view .slides .slide.active .views-field-field-image img {
      max-height: 50vh; }
    .slider-view .product-type-links ul {
      grid-gap: var(--blh-200);
      margin: var(--blh-300) auto 0 auto; }
      .slider-view .product-type-links ul a {
        font-size: var(--m2); } }
  @media (min-height: 768px) and (min-width: 1024px) {
    .slider-view .slider-dots {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-auto-flow: column;
      justify-content: center;
      align-items: center;
      grid-gap: var(--blh);
      margin-top: var(--blh-150); }
      .slider-view .slider-dots .slider-dot {
        display: block;
        height: 0.85rem;
        width: 0.85rem;
        border: solid 1px var(--primary-d);
        border-radius: 50%; }
        .slider-view .slider-dots .slider-dot:hover {
          background-color: var(--primary-trans-4); }
        .slider-view .slider-dots .slider-dot.active {
          background-color: var(--primary-d); }
      .slider-view .slider-dots .slider-dots-control {
        display: flex;
        color: var(--primary-d);
        opacity: 0.75; }
        .slider-view .slider-dots .slider-dots-control:hover {
          opacity: 1; }
        .slider-view .slider-dots .slider-dots-control i.icon {
          width: 1.25em; } }
  @media (orientation: landscape) and (min-width: 1260px) {
    .slider-view .cloud-01 {
      width: 20em;
      top: 10vh;
      right: -3em; }
    .slider-view .cloud-02 {
      width: 10em; }
    .slider-view .slider-content .title {
      font-size: var(--xl); }
    .slider-view .slides .slide .views-field-name a {
      padding: var(--button-padding-m-wide); }
    .slider-view .product-type-links ul {
      max-width: 30em;
      grid-column-gap: var(--blh-150);
      grid-row-gap: var(--blh); }
      .slider-view .product-type-links ul a {
        font-size: var(--sm); } }
  @media (orientation: landscape) and (min-width: 1440px) {
    .slider-view .slides .slide {
      grid-template-rows: 60vh 5em; }
      .slider-view .slides .slide .views-field-name a {
        padding: var(--button-padding-l);
        font-size: 1.25rem;
        line-height: 1.5em; }
    .slider-view .slider-content .title-container {
      margin-top: var(--blh-200); } }
  @media (orientation: landscape) and (min-width: 1680px) {
    .slider-view .slider-content .title-container {
      margin-top: var(--blh-300); }
    .slider-view .slides .slide .views-field-name {
      margin-top: var(--blh); }
    .slider-view .slider-dots {
      margin-top: var(--blh-200); }
    .slider-view .product-type-links ul {
      max-width: 40em;
      margin-top: var(--blh-200);
      grid-column-gap: var(--blh-200); }
      .slider-view .product-type-links ul a {
        font-size: var(--m); } }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

@keyframes planeFlyFromRight {
  0% {
    transform: rotate(5deg) translate(50vw, -5em); }
  50% {
    transform: rotate(5deg) translate(50vw, -5em); }
  100% {
    transform: rotate(0deg) translate(0, 0); } }
@keyframes planeFlyFromLeft {
  0% {
    transform: rotateY(180deg) translate(50vw, -5em); }
  50% {
    transform: rotateY(180deg) translate(50vw, -5em); }
  100% {
    transform: rotateY(180deg) translate(0, 0); } }
.zxy-paragraph-content.landing {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(180deg, #1e395f, #036471 33.33%, #c04e00 66.66%, #ee4c3d); }
  .zxy-paragraph-content.landing::after, .zxy-paragraph-content.landing::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 0 0;
    background-repeat: space space;
    z-index: 0; }
  .zxy-paragraph-content.landing::after {
    background-image: url("../images/star-cluster-01.svg"), url("../images/star-cluster-02.svg");
    background-size: 100vw, auto;
    opacity: 0.3; }
  .zxy-paragraph-content.landing::before {
    background-image: url("../images/star-cluster-03.svg"), url("../images/star-cluster-04.svg");
    background-size: 60vw, auto;
    opacity: 0.1; }
  .zxy-paragraph-content.landing::before {
    transform: translate(var(--stars-1-transform));
    max-height: 100vh; }
  .zxy-paragraph-content.landing::after {
    transform: translate(var(--stars-2-transform));
    max-height: 100vh; }
  .zxy-paragraph-content.landing .slide.js-slide:not(.centre-slide) {
    opacity: 0.7; }
  .zxy-paragraph-content.landing .white-grad-top,
  .zxy-paragraph-content.landing .white-grad-bottom {
    height: 70vh; }
    @media all and (min-width: 768px) {
      .zxy-paragraph-content.landing .white-grad-top,
      .zxy-paragraph-content.landing .white-grad-bottom {
        height: 60vh; } }
  .zxy-paragraph-content.landing .white-grad-top {
    width: 100%;
    height: 100vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    top: 0; }
    @media (min-width: 768px) {
      .zxy-paragraph-content.landing .white-grad-top {
        height: 100vh; } }
  .zxy-paragraph-content.landing .section .paragraph.paragraph--type--simple-section p {
    font-size: 1.4em; }
    @media (max-width: 768px) {
      .zxy-paragraph-content.landing .section .paragraph.paragraph--type--simple-section p {
        font-size: 1em; } }
  .zxy-paragraph-content.landing .zxy-grad-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(30, 57, 95, 0), rgba(3, 100, 113, 0) 26%, rgba(30, 57, 95, 0.75) 32%, rgba(30, 57, 95, 0.8) 60%, #a84f07 75%, #ef4d3d);
    z-index: 1; }
  .zxy-paragraph-content.landing .blue-grad-top {
    width: 100%;
    position: absolute;
    height: 2100px;
    top: 300px;
    background: linear-gradient(180deg, rgba(30, 57, 95, 0) 0%, rgba(30, 57, 95, 0.7) 35%, #1e395f 61%, rgba(87, 95, 30, 0) 100%);
    z-index: 3;
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (max-width: 768px) {
      .zxy-paragraph-content.landing .blue-grad-top {
        top: 350px; } }
  .zxy-paragraph-content.landing .section {
    color: white; }
    .zxy-paragraph-content.landing .section h1,
    .zxy-paragraph-content.landing .section h2,
    .zxy-paragraph-content.landing .section h3,
    .zxy-paragraph-content.landing .section p {
      margin: 0; }
    .zxy-paragraph-content.landing .section.section--1 {
      z-index: 5;
      position: unset; }
      .zxy-paragraph-content.landing .section.section--1 h1,
      .zxy-paragraph-content.landing .section.section--1 h2,
      .zxy-paragraph-content.landing .section.section--1 h3,
      .zxy-paragraph-content.landing .section.section--1 p {
        color: black; }
    .zxy-paragraph-content.landing .section.section--2 em {
      color: var(--orange); }
    .zxy-paragraph-content.landing .section.section--4 {
      margin-bottom: 0;
      position: relative;
      padding-bottom: 3.75em;
      z-index: unset;
      max-width: 100%; }
      .zxy-paragraph-content.landing .section.section--4 > div:first-child {
        margin: 0 auto;
        max-width: calc(1920px - (var(--container-inline-padding) * 2)); }
        @media (min-width: 768px) {
          .zxy-paragraph-content.landing .section.section--4 > div:first-child {
            padding: 0px 68px; } }
        @media (min-width: 1024px) {
          .zxy-paragraph-content.landing .section.section--4 > div:first-child {
            padding: 0px 68px; } }
        @media (min-width: 1440px) {
          .zxy-paragraph-content.landing .section.section--4 > div:first-child {
            padding: 0px 68px; } }
        @media (min-width: 1920px) {
          .zxy-paragraph-content.landing .section.section--4 > div:first-child {
            padding: 0 112px; } }
      .zxy-paragraph-content.landing .section.section--4 .handshake {
        z-index: 2; }
        @media (min-width: 768px) {
          .zxy-paragraph-content.landing .section.section--4 .handshake {
            z-index: 0; } }
      @media (min-width: 768px) {
        .zxy-paragraph-content.landing .section.section--4 {
          padding-bottom: var(--blh-143); } }
    .zxy-paragraph-content.landing .section.reset-section {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: unset !important;
      margin-left: unset !important;
      margin-right: unset !important; }
    .zxy-paragraph-content.landing .section.section--5 {
      z-index: 5; }
    .zxy-paragraph-content.landing .section em {
      font-style: normal; }
    .zxy-paragraph-content.landing .section picture.plane {
      width: 40vw;
      margin: var(--blh) auto;
      z-index: 5;
      transform: rotateY(180deg);
      display: none; }
    .zxy-paragraph-content.landing .section picture.sun,
    .zxy-paragraph-content.landing .section picture.globe {
      position: absolute;
      z-index: 2; }
    .zxy-paragraph-content.landing .section .sun-container {
      position: relative; }
    .zxy-paragraph-content.landing .section picture.sun {
      position: absolute;
      left: -1245px;
      top: -760px;
      width: 2546px; }
      @media only screen and (max-width: 1650px) {
        .zxy-paragraph-content.landing .section picture.sun {
          left: -1100px;
          top: -630px;
          width: 2000px; } }
      @media only screen and (max-width: 1260px) {
        .zxy-paragraph-content.landing .section picture.sun {
          left: -1002px;
          top: -800px;
          width: 1800px; } }
      @media only screen and (max-width: 768px) {
        .zxy-paragraph-content.landing .section picture.sun {
          left: -520px;
          top: -440px;
          width: 900px; } }
      @media only screen and (max-width: 500px) {
        .zxy-paragraph-content.landing .section picture.sun {
          left: -430px;
          top: -290px;
          width: 860px; } }
    .zxy-paragraph-content.landing .section picture.globe {
      width: 2160px;
      top: 170px;
      right: -1200px; }
      @media only screen and (max-width: 1260px) {
        .zxy-paragraph-content.landing .section picture.globe {
          width: 1760px;
          top: 170px;
          right: -1000px; } }
      @media only screen and (max-width: 768px) {
        .zxy-paragraph-content.landing .section picture.globe {
          width: 760px;
          top: 270px;
          right: -422px; } }
    .zxy-paragraph-content.landing .section .full-width {
      height: 10em;
      width: 100%; }
    .zxy-paragraph-content.landing .section .rail,
    .zxy-paragraph-content.landing .section .handshake {
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      z-index: 2;
      margin-top: var(--blh-675); }
      @media (min-width: 768px) {
        .zxy-paragraph-content.landing .section .rail,
        .zxy-paragraph-content.landing .section .handshake {
          margin-top: 0;
          background-size: contain; } }
    .zxy-paragraph-content.landing .section .handshake {
      margin-left: -24px;
      margin-right: -24px;
      width: calc(100% + 48px); }
      @media (min-width: 768px) {
        .zxy-paragraph-content.landing .section .handshake {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 10%; } }
      @media (min-width: 1260px) {
        .zxy-paragraph-content.landing .section .handshake {
          bottom: -35%; } }
      @media (min-width: 1680px) {
        .zxy-paragraph-content.landing .section .handshake {
          bottom: -50%; } }
    .zxy-paragraph-content.landing .section .rail {
      height: 37vw;
      background-image: url("../images/mobile/rail.png"); }
      @media (min-width: 768px) {
        .zxy-paragraph-content.landing .section .rail {
          background-image: url("../images/rail.png"); } }
      @media (min-width: 1680px) {
        .zxy-paragraph-content.landing .section .rail {
          height: 25vw;
          background-image: url("../images/rail-wide.png"); } }
    .zxy-paragraph-content.landing .section .handshake {
      display: none;
      /*30 aug handshake img removed*/
      height: 37vw;
      background-image: url("../images/mobile/handshake.png");
      background-size: 100%; }
      @media (min-width: 768px) {
        .zxy-paragraph-content.landing .section .handshake {
          background-image: url("../images/handshake.png"); } }
      @media (max-width: 340px) {
        .zxy-paragraph-content.landing .section .handshake {
          height: 50vw; } }
    .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification,
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
      z-index: 5; }
      .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification h3,
      .zxy-paragraph-content.landing .section .paragraph--type--simple-section h3 {
        margin-top: calc(var(--blh) * -1); }
      @media all and (max-width: 1440px) {
        .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification br.hidden-laptop-15,
        .zxy-paragraph-content.landing .section .paragraph--type--simple-section br.hidden-laptop-15 {
          display: none !important; } }
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
      margin-left: auto;
      margin-right: auto;
      max-width: calc(1920px - (var(--container-inline-padding) * 2));
      width: 100%; }
      .zxy-paragraph-content.landing .section .paragraph--type--simple-section.pad {
        padding-left: var(--container-inline-padding);
        padding-right: var(--container-inline-padding); }
      @media all and (min-width: 1260px) {
        .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
          color: white; } }
  .zxy-paragraph-content.landing .white-grad-bottom {
    z-index: 1; }
  @media all and (min-width: 414px) {
    .zxy-paragraph-content.landing .zxy-grad-overlay {
      background-image: linear-gradient(180deg, rgba(30, 57, 95, 0), rgba(3, 100, 113, 0) 26%, rgba(30, 57, 95, 0.75) 32%, rgba(30, 57, 95, 0.8) 60%, #a84f07 75%, #ef4d3d); } }
  @media all and (min-width: 768px) {
    .zxy-paragraph-content.landing .zxy-grad-overlay {
      background-image: linear-gradient(180deg, rgba(30, 57, 95, 0), rgba(3, 100, 113, 0) 26%, rgba(30, 57, 95, 0.75) 32%, rgba(30, 57, 95, 0.8) 60%, rgba(168, 79, 7, 0.9) 75%, #ef4d3d); }
    .zxy-paragraph-content.landing .section picture.plane {
      display: block;
      position: absolute;
      top: 3em;
      width: 12.9em;
      margin: 0;
      animation: planeFlyFromLeft 2s cubic-bezier(0.77, 0.28, 0.79, 0.83) 0s 1; }
    .zxy-paragraph-content.landing .section picture.rail {
      margin-top: var(--blh-200);
      margin-bottom: var(--blh-200); }
    .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification,
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
      margin-left: 68px;
      margin-right: 68px; }
      .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification h3,
      .zxy-paragraph-content.landing .section .paragraph--type--simple-section h3 {
        margin-top: calc(var(--blh-050) * -1); }
      .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification p,
      .zxy-paragraph-content.landing .section .paragraph--type--simple-section p {
        font-size: 1.25em; }
      .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification.pull-left,
      .zxy-paragraph-content.landing .section .paragraph--type--simple-section.pull-left {
        margin-right: auto;
        text-align: left; }
        .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification.pull-left .btn-group,
        .zxy-paragraph-content.landing .section .paragraph--type--simple-section.pull-left .btn-group {
          justify-content: flex-start; }
      .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification.pull-right,
      .zxy-paragraph-content.landing .section .paragraph--type--simple-section.pull-right {
        margin-left: auto;
        text-align: right; }
        .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification.pull-right .btn-group,
        .zxy-paragraph-content.landing .section .paragraph--type--simple-section.pull-right .btn-group {
          justify-content: flex-end; }
      .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification.centered,
      .zxy-paragraph-content.landing .section .paragraph--type--simple-section.centered {
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
        .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification.centered .btn-group,
        .zxy-paragraph-content.landing .section .paragraph--type--simple-section.centered .btn-group {
          justify-content: center; }
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
      width: 70vw;
      text-align: left; }
    .zxy-paragraph-content.landing .section .btn-group {
      justify-content: flex-start; } }
  @media all and (min-width: 1441px) {
    .zxy-paragraph-content.landing .section picture.plane {
      width: 16.7em !important; } }
  @media all and (min-width: 1024px) {
    .zxy-paragraph-content.landing .section picture.plane {
      top: 55em;
      left: 8vw; } }
  @media all and (min-width: 1260px) {
    .zxy-paragraph-content.landing .zxy-grad-overlay {
      top: 3%;
      background-image: linear-gradient(180deg, rgba(30, 57, 95, 0), rgba(3, 100, 113, 0) 26%, rgba(30, 57, 95, 0.75) 32%, rgba(30, 57, 95, 0.8) 60%, #a84f07 75%, #ef4d3d); }
    .zxy-paragraph-content.landing .section picture.plane {
      top: 45em;
      left: 5vw; }
    .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification h3,
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section h3 {
      margin-top: calc(var(--blh-075) * -1); }
    .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification p,
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section p {
      font-size: 1.5em; }
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
      width: 60vw; } }
  @media all and (min-width: 1680px) {
    .zxy-paragraph-content.landing .section picture.plane {
      top: 40em;
      left: 12vw; }
    .zxy-paragraph-content.landing .section .paragraph--type--section-with-certification,
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
      margin-left: var(--blh-400);
      margin-right: var(--blh-400); }
    .zxy-paragraph-content.landing .section .paragraph--type--simple-section {
      width: 65rem; } }

.has-side-cards {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 64px; }
  @media (min-width: 768px) {
    .has-side-cards > div:not(.side-cards) {
      width: 65rem; } }
  @media (max-width: 768px) {
    .has-side-cards {
      padding: 0 !important;
      flex-direction: column; } }
  .has-side-cards .btn-group {
    margin-bottom: var(--blh-200); }
  @media (max-width: 768px) {
    .has-side-cards .heading-container {
      margin-top: 27.5px;
      margin-bottom: 25.8px !important; } }
  @media (max-width: 768px) {
    .has-side-cards .heading-container br {
      display: none; } }

.zxy-paragraph-content.sustainability {
  position: relative;
  color: black;
  background-color: var(--sustainability-bg-colour);
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: 100%; }
  @media (max-width: 768px) {
    .zxy-paragraph-content.sustainability .heading-container h1 {
      font-size: 45px; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.sustainability .heading-container {
      margin-bottom: 18px; } }
  .zxy-paragraph-content.sustainability .certifications .centre-slide img {
    transform: translate(-50%, -50%) scale(1.5); }
  .zxy-paragraph-content.sustainability .paragraph--type--overflow-card {
    background-color: #fff; }
  .zxy-paragraph-content.sustainability .how-we-operate .slider li {
    display: flex;
    align-items: center; }
    @media (min-width: 768px) {
      .zxy-paragraph-content.sustainability .how-we-operate .slider li {
        display: list-item;
        align-items: unset;
        height: auto !important; } }
  .zxy-paragraph-content.sustainability .section {
    z-index: 1; }
  .zxy-paragraph-content.sustainability .section--1 {
    margin-top: var(--blh);
    z-index: 2; }
  .zxy-paragraph-content.sustainability .heading-container,
  .zxy-paragraph-content.sustainability .section-intro {
    color: black; }
  @media (max-width: 768px) {
    .zxy-paragraph-content.sustainability .section-intro p {
      font-size: 16px !important; } }
  .zxy-paragraph-content.sustainability .paragraph--type--image-card {
    padding-bottom: 3rem; }
    .zxy-paragraph-content.sustainability .paragraph--type--image-card .field-content {
      max-width: 55em; }
      @media (min-width: 1440px) {
        .zxy-paragraph-content.sustainability .paragraph--type--image-card .field-content {
          max-width: 72em; } }
      .zxy-paragraph-content.sustainability .paragraph--type--image-card .field-content h1 {
        margin-bottom: 25px; }
      .zxy-paragraph-content.sustainability .paragraph--type--image-card .field-content h3 {
        margin-top: 0;
        font-size: 31px;
        color: #575756; }
  .zxy-paragraph-content.sustainability .section--4 .card-grid-container .card-grid .field-content {
    margin-top: 0.5rem; }
  .zxy-paragraph-content.sustainability .section.section--4,
  .zxy-paragraph-content.sustainability .section.section--5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: unset !important;
    margin-left: unset !important;
    margin-right: unset !important; }
  .zxy-paragraph-content.sustainability .paragraph--type--simple-section h2,
  .zxy-paragraph-content.sustainability .paragraph--type--simple-section p {
    max-width: 77rem;
    margin-left: auto;
    margin-right: auto; }
  .zxy-paragraph-content.sustainability img.sun,
  .zxy-paragraph-content.sustainability picture.sun,
  .zxy-paragraph-content.sustainability img.tree-left,
  .zxy-paragraph-content.sustainability picture.tree-left,
  .zxy-paragraph-content.sustainability img.tree-right,
  .zxy-paragraph-content.sustainability picture.tree-right {
    position: absolute;
    z-index: -1; }
  .zxy-paragraph-content.sustainability img.circle-top,
  .zxy-paragraph-content.sustainability picture.circle-top {
    position: absolute;
    top: calc(var(--navbar-height) * -1);
    right: 0;
    max-width: 60vw; }
  .zxy-paragraph-content.sustainability img.curve-left,
  .zxy-paragraph-content.sustainability picture.curve-left {
    position: absolute;
    top: -10vh;
    left: 0;
    max-width: 60vw; }
  .zxy-paragraph-content.sustainability img.sun,
  .zxy-paragraph-content.sustainability picture.sun {
    position: absolute;
    top: -65vw;
    left: -45vw;
    max-width: 100vw;
    z-index: -1; }
  .zxy-paragraph-content.sustainability img.tree-left,
  .zxy-paragraph-content.sustainability picture.tree-left,
  .zxy-paragraph-content.sustainability img.tree-right,
  .zxy-paragraph-content.sustainability picture.tree-right,
  .zxy-paragraph-content.sustainability img.tree-left-2,
  .zxy-paragraph-content.sustainability picture.tree-left-2,
  .zxy-paragraph-content.sustainability img.tree-right-2,
  .zxy-paragraph-content.sustainability picture.tree-right-2 {
    position: absolute;
    z-index: 0; }
  .zxy-paragraph-content.sustainability img.tree-left,
  .zxy-paragraph-content.sustainability picture.tree-left,
  .zxy-paragraph-content.sustainability img.tree-left-2,
  .zxy-paragraph-content.sustainability picture.tree-left-2 {
    left: -28vw;
    max-width: 60vw; }
  .zxy-paragraph-content.sustainability img.tree-left,
  .zxy-paragraph-content.sustainability picture.tree-left {
    top: 19%; }
  .zxy-paragraph-content.sustainability img.tree-left-2,
  .zxy-paragraph-content.sustainability picture.tree-left-2 {
    top: 34%; }
  .zxy-paragraph-content.sustainability img.tree-right,
  .zxy-paragraph-content.sustainability picture.tree-right,
  .zxy-paragraph-content.sustainability img.tree-right-2,
  .zxy-paragraph-content.sustainability picture.tree-right-2 {
    right: -19vw;
    max-width: 50vw; }
  .zxy-paragraph-content.sustainability img.tree-right,
  .zxy-paragraph-content.sustainability picture.tree-right {
    top: 15%; }
  .zxy-paragraph-content.sustainability img.tree-right-2,
  .zxy-paragraph-content.sustainability picture.tree-right-2 {
    top: 26%; }
  .zxy-paragraph-content.sustainability .full-width {
    height: 10em;
    width: 100%; }
  .zxy-paragraph-content.sustainability .mountains {
    position: relative;
    height: 50vw;
    margin-top: -5rem;
    background-image: url("../images/mobile/zxy_mountains_sustainability.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1; }
    @media (min-width: 768px) {
      .zxy-paragraph-content.sustainability .mountains {
        background-image: url("../images/zxy_mountains_sustainability.png");
        background-size: contain; } }
  .zxy-paragraph-content.sustainability picture.flowers {
    position: absolute;
    bottom: 0; }
  .zxy-paragraph-content.sustainability .card-grid {
    grid-gap: var(--blh); }
    .zxy-paragraph-content.sustainability .card-grid .paragraph--type--image-card img {
      height: auto;
      max-height: initial; }
  .zxy-paragraph-content.sustainability .zxy-paragraph-slider-section.focused {
    --slider-width-val: 100;
    --slider-width: 100vw; }
    .zxy-paragraph-content.sustainability .zxy-paragraph-slider-section.focused .slides .slide {
      width: 100%; }
  .zxy-paragraph-content.sustainability .paragraph--type--video-section {
    justify-items: flex-end; }
    .zxy-paragraph-content.sustainability .paragraph--type--video-section > div:last-child {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      width: 100%;
      max-width: 100%; }
    .zxy-paragraph-content.sustainability .paragraph--type--video-section iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.sustainability .section--1 {
      margin-top: 0; }
    .zxy-paragraph-content.sustainability img.tree-left-2,
    .zxy-paragraph-content.sustainability picture.tree-left-2,
    .zxy-paragraph-content.sustainability img.tree-right-2,
    .zxy-paragraph-content.sustainability picture.tree-right-2 {
      display: none; }
    .zxy-paragraph-content.sustainability img.tree-left,
    .zxy-paragraph-content.sustainability picture.tree-left {
      top: 30%;
      max-width: 50vw; }
    .zxy-paragraph-content.sustainability img.tree-right,
    .zxy-paragraph-content.sustainability picture.tree-right {
      top: 19%;
      max-width: 40vw; } }
  .zxy-paragraph-content.sustainability .section--6 .heading-container {
    margin-bottom: 2rem; }
  .zxy-paragraph-content.sustainability .section--3 .heading-container {
    margin-bottom: 1.2rem; }
  .zxy-paragraph-content.sustainability .section--3 .section-intro {
    font-size: 31px;
    font-weight: 600;
    color: #575756; }
  .zxy-paragraph-content.sustainability .section--3 .card-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0;
    gap: 16px; }
  .zxy-paragraph-content.sustainability .slide {
    border-radius: 15px !important;
    overflow: hidden; }
    .zxy-paragraph-content.sustainability .slide:not(.center-slide) {
      opacity: 0.6; }
  @media (min-width: 1024px) {
    .zxy-paragraph-content.sustainability .zxy-paragraph-slider-section.focused {
      --slider-width-val: 33.33;
      --slider-width: 33.33%; }
      .zxy-paragraph-content.sustainability .zxy-paragraph-slider-section.focused .slides .slide {
        width: unset; }
    .zxy-paragraph-content.sustainability img.tree-left,
    .zxy-paragraph-content.sustainability picture.tree-left {
      top: 27%; }
    .zxy-paragraph-content.sustainability img.tree-right,
    .zxy-paragraph-content.sustainability picture.tree-right {
      top: 24%; }
    .zxy-paragraph-content.sustainability .card-grid {
      grid-gap: 3rem var(--blh-150); }
      .zxy-paragraph-content.sustainability .card-grid .field-content {
        color: black; } }
  .zxy-paragraph-content.sustainability .section--3 .field-content h3 {
    color: #3c4b54; }
  .zxy-paragraph-content.sustainability .section--5 .field-content h4 {
    font-weight: 700; }
  .zxy-paragraph-content.sustainability .section--5 a {
    font-weight: 700; }
  @media (min-width: 1260px) {
    .zxy-paragraph-content.sustainability img.tree-left,
    .zxy-paragraph-content.sustainability picture.tree-left {
      left: -20vw;
      max-width: 40vw; }
    .zxy-paragraph-content.sustainability img.tree-right,
    .zxy-paragraph-content.sustainability picture.tree-right {
      right: -14vw;
      max-width: 30vw; } }
  @media (min-width: 1440px) {
    .zxy-paragraph-content.sustainability img.tree-left,
    .zxy-paragraph-content.sustainability picture.tree-left {
      left: -15rem;
      max-width: 30rem; }
    .zxy-paragraph-content.sustainability img.tree-right,
    .zxy-paragraph-content.sustainability picture.tree-right {
      right: -16rem;
      max-width: 30rem; }
    .zxy-paragraph-content.sustainability .card-grid > div {
      flex-basis: 20em; }
    .zxy-paragraph-content.sustainability .hide-card .card-grid > div {
      flex-basis: 20em; }
    .zxy-paragraph-content.sustainability .hide-card .card-grid .paragraph--type--image-card {
      padding-left: var(--blh-300);
      padding-right: var(--blh-300); }
    .zxy-paragraph-content.sustainability img.curve-left,
    .zxy-paragraph-content.sustainability picture.curve-left {
      top: -50vh;
      max-width: 47vw; } }
  @media (min-width: 1680px) {
    .zxy-paragraph-content.sustainability .section--1 {
      margin-top: var(--blh-300); }
    .zxy-paragraph-content.sustainability .card-grid > div {
      flex-basis: 24em; } }
  .zxy-paragraph-content.sustainability .bottom-images {
    margin-top: 1rem; }

.zxy-paragraph-content.locations {
  position: relative;
  overflow-x: hidden; }
  @media (max-width: 768px) {
    .zxy-paragraph-content.locations .slider-dots {
      display: grid !important; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.locations .heading-container h1 {
      font-size: 45px; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.locations .heading-container {
      margin-bottom: 1.9375em; } }
  @media (min-width: 768px) {
    .zxy-paragraph-content.locations .slider-control {
      height: 726px; } }
  .zxy-paragraph-content.locations picture.moon,
  .zxy-paragraph-content.locations picture.sun,
  .zxy-paragraph-content.locations picture.globe {
    pointer-events: none; }
  .zxy-paragraph-content.locations picture.moon {
    position: absolute;
    top: -10vw;
    left: 50%;
    transform: translateX(-50%);
    width: 150vw;
    filter: grayscale(100%);
    opacity: 0.4; }
  .zxy-paragraph-content.locations .sun-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .zxy-paragraph-content.locations picture.sun {
    position: absolute;
    bottom: -10vw;
    left: 50%;
    transform: translateX(-50%);
    width: 240vw; }
  .zxy-paragraph-content.locations picture.globe {
    position: absolute;
    top: -30vw;
    left: 50%;
    transform: translateX(-50%);
    width: 180vw;
    opacity: 0.5;
    z-index: -1; }
  .zxy-paragraph-content.locations .section {
    position: relative;
    z-index: 1;
    color: white; }
  .zxy-paragraph-content.locations .section--1, .zxy-paragraph-content.locations .section--5 {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%; }
  .zxy-paragraph-content.locations .section--1 {
    color: var(--text-colour); }
    .zxy-paragraph-content.locations .section--1 h2 {
      margin-left: auto;
      margin-right: auto;
      max-width: calc(1920px - (var(--container-inline-padding) * 2));
      width: 100%;
      margin-bottom: 20px;
      text-align: center;
      line-height: 1; }
    .zxy-paragraph-content.locations .section--1 .zxy-paragraph-slider-section .mask {
      position: relative; }
      .zxy-paragraph-content.locations .section--1 .zxy-paragraph-slider-section .mask .slider-control {
        top: 50px; }
  .zxy-paragraph-content.locations .paragraph--type--video-section {
    display: flex;
    flex-flow: column; }
    .zxy-paragraph-content.locations .paragraph--type--video-section > div:first-child {
      order: 2; }
    .zxy-paragraph-content.locations .paragraph--type--video-section > div:last-child {
      order: 1;
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%; }
    .zxy-paragraph-content.locations .paragraph--type--video-section .field-content h3 + h4 {
      margin-top: -1em;
      font-size: var(--m); }
    .zxy-paragraph-content.locations .paragraph--type--video-section iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .zxy-paragraph-content.locations .card-grid {
    grid-gap: var(--blh); }
  @media (min-width: 768px) {
    .zxy-paragraph-content.locations picture.moon {
      top: -5em;
      left: initial;
      right: -15em;
      transform: initial;
      width: 35em; }
    .zxy-paragraph-content.locations picture.sun {
      bottom: -100vw; }
    .zxy-paragraph-content.locations picture.globe {
      top: -17vw; }
    .zxy-paragraph-content.locations .section--2 .card-grid > div {
      flex-basis: calc(50% - var(--blh-075)); } }
  @media (min-width: 1024px) {
    .zxy-paragraph-content.locations {
      padding-top: var(--blh-300); }
      .zxy-paragraph-content.locations .paragraph--type--video-section {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--blh-200);
        text-align: left; }
        .zxy-paragraph-content.locations .paragraph--type--video-section h3 {
          margin-top: 0; }
        .zxy-paragraph-content.locations .paragraph--type--video-section p {
          max-width: 40em; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .zxy-paragraph-content.locations .section--1 .zxy-paragraph-slider-section {
      --slider-width-val: 388 !important;
      --slider-width: 388px !important; } }
  @media (min-width: 1024px) {
      .zxy-paragraph-content.locations .card-grid {
        grid-gap: var(--blh-150); } }
  @media (min-width: 1260px) {
    .zxy-paragraph-content.locations {
      padding-top: var(--blh-300); }
      .zxy-paragraph-content.locations picture.sun {
        width: 100vw;
        left: initial;
        transform: initial;
        right: -35vw;
        bottom: -25vw; }
      .zxy-paragraph-content.locations .section--3::after {
        content: "";
        position: absolute;
        top: -50%;
        left: 50%;
        transform: translateX(-50%);
        height: 250%;
        width: 150vw;
        background-image: linear-gradient(180deg, rgba(30, 57, 95, 0) 0%, rgba(30, 57, 95, 0.8) 35%, rgba(30, 57, 95, 0.8) 55%, rgba(50, 128, 142, 0.5) 80%, rgba(50, 128, 142, 0) 100%);
        z-index: -1; }
      .zxy-paragraph-content.locations .section--5 .zxy-paragraph-slider-section {
        --slider-width-val: 33.33;
        --slider-width: 33.33%; } }
  @media (min-width: 1440px) {
    .zxy-paragraph-content.locations {
      padding-top: var(--blh-300); }
      .zxy-paragraph-content.locations picture.moon {
        top: -3em;
        right: -18em;
        width: 40em; } }
  @media (min-width: 1680px) {
    .zxy-paragraph-content.locations .section--1 .zxy-paragraph-slider-section {
      --slider-width-val: 33;
      --slider-width: 33%; } }

.world-map {
  display: none;
  max-width: 1500px;
  margin: 0 auto;
  position: relative; }
  .world-map + .slider {
    margin-top: -200px; }
    @media (max-width: 768px) {
  .world-map + .slider {
    margin-top: -66px;
  }
}
  .world-map.active {
    display: block; }
  .world-map svg {
    max-width: 100%;
    height: auto; }
  .world-map .map-tooltip {
    position: absolute; }
    @media (max-width: 768px) {
      .world-map .map-tooltip {
        display: none; } }
    .world-map .map-tooltip .map-tooltip-inner {
      height: 130px;
      position: relative; }
      .world-map .map-tooltip .map-tooltip-inner .map-tooltip-text {
        background-color: white;
        position: relative;
        z-index: 1;
        padding: 8px 25px;
        border: 1px solid black;
        border-radius: 50px;
        font-weight: bold;
        line-height: 1; }
      .world-map .map-tooltip .map-tooltip-inner .dot {
        content: "";
        background-color: black;
        width: 4px;
        height: 4px;
        overflow: visible;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 100%; }
      .world-map .map-tooltip .map-tooltip-inner .line {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: black;
        left: 50%;
        top: 0;
        bottom: 0;
        transform: translateX(-50%); }

.zxy-paragraph-content.company {
  position: relative;
  overflow-x: hidden; }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .heading-container h1 {
      font-size: 45px; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .heading-container {
      margin-bottom: 15px; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .section-intro p {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .paragraph--type--text-with-side-image h2 {
      font-size: 31px; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .paragraph--type--text-with-side-image h4 {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .paragraph--type--text-with-side-image .content {
      text-align: center; } }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .paragraph--type--text-with-side-image .content p {
      font-size: 16px; } }
  .zxy-paragraph-content.company .section--4 {
    margin-bottom: 3rem; }
  .zxy-paragraph-content.company picture.moon,
  .zxy-paragraph-content.company picture.sun,
  .zxy-paragraph-content.company picture.globe {
    pointer-events: none; }
  .zxy-paragraph-content.company picture.moon {
    position: absolute;
    top: -10vw;
    left: 50%;
    transform: translateX(-50%);
    width: 150vw;
    filter: grayscale(100%);
    opacity: 0.4; }
  .zxy-paragraph-content.company .sun-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .zxy-paragraph-content.company picture.sun {
    position: absolute;
    bottom: -10vw;
    left: 50%;
    transform: translateX(-50%);
    width: 240vw; }
  .zxy-paragraph-content.company picture.globe {
    position: absolute;
    top: -30vw;
    left: 50%;
    transform: translateX(-50%);
    width: 180vw;
    opacity: 0.5;
    z-index: -1; }
  .zxy-paragraph-content.company .section {
    position: relative;
    z-index: 1; }
  .zxy-paragraph-content.company .zxy-paragraph-content.locations .section--1, .zxy-paragraph-content.locations .zxy-paragraph-content.company .section--1, .zxy-paragraph-content.company .section--5 {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%; }
  .zxy-paragraph-content.company .section--1 {
    color: var(--text-colour); }
    @media (min-width: 768px) {
      .zxy-paragraph-content.company .section--1 {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%; } }
    .zxy-paragraph-content.company .section--1 h2 {
      margin-left: auto;
      margin-right: auto;
      max-width: calc(1920px - (var(--container-inline-padding) * 2));
      width: 100%;
      padding-left: var(--container-inline-padding);
      padding-right: var(--container-inline-padding);
      margin-bottom: var(--blh);
      text-align: center;
      font-size: var(--xxxl);
      max-width: 45rem; }
    .zxy-paragraph-content.company .section--1 .zxy-paragraph-slider-section .mask {
      position: relative; }
      .zxy-paragraph-content.company .section--1 .zxy-paragraph-slider-section .mask .slider-control {
        top: 50px; }
    .zxy-paragraph-content.company .section--1 p {
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
  @media (max-width: 768px) {
    .zxy-paragraph-content.company .section--5 {
      margin-bottom: 0; } }
  .zxy-paragraph-content.company .paragraph--type--video-section {
    display: flex;
    flex-flow: column; }
    .zxy-paragraph-content.company .paragraph--type--video-section > div:first-child {
      order: 2; }
    .zxy-paragraph-content.company .paragraph--type--video-section > div:last-child {
      order: 1;
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%; }
    .zxy-paragraph-content.company .paragraph--type--video-section .field-content h3 + h4 {
      margin-top: -1em;
      font-size: var(--m); }
    .zxy-paragraph-content.company .paragraph--type--video-section iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .zxy-paragraph-content.company .card-grid {
    grid-gap: var(--blh); }
  @media (min-width: 768px) {
    .zxy-paragraph-content.company picture.moon {
      top: -5em;
      left: initial;
      right: -15em;
      transform: initial;
      width: 35em; }
    .zxy-paragraph-content.company picture.sun {
      bottom: -100vw; }
    .zxy-paragraph-content.company picture.globe {
      top: -17vw; }
    .zxy-paragraph-content.company .section--1 h2 {
      margin-bottom: var(--blh); }
    .zxy-paragraph-content.company .section--2 .card-grid > div {
      flex-basis: calc(50% - var(--blh-075)); } }
  @media (min-width: 1024px) {
    .zxy-paragraph-content.company {
      padding-top: var(--blh-300); }
      .zxy-paragraph-content.company .paragraph--type--video-section {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--blh-200);
        text-align: left; }
        .zxy-paragraph-content.company .paragraph--type--video-section h3 {
          margin-top: 0; }
        .zxy-paragraph-content.company .paragraph--type--video-section p {
          max-width: 40em; }
      .zxy-paragraph-content.company .section--1 h2 {
        font-size: var(--xxxl); }
      .zxy-paragraph-content.company .section--1 .zxy-paragraph-slider-section {
        --slider-width-val: 33.33;
        --slider-width: 33.33%; }
      .zxy-paragraph-content.company .card-grid {
        grid-gap: var(--blh-150); } }
  @media (min-width: 1260px) {
    .zxy-paragraph-content.company {
      padding-top: var(--blh-300); }
      .zxy-paragraph-content.company picture.sun {
        width: 100vw;
        left: initial;
        transform: initial;
        right: -35vw;
        bottom: -25vw; }
      .zxy-paragraph-content.company .section--1 h2 {
        font-size: var(--xl);
        margin-bottom: var(--blh-050); }
      .zxy-paragraph-content.company .section--5 .zxy-paragraph-slider-section {
        --slider-width-val: 33.33;
        --slider-width: 33.33%; } }
  @media (min-width: 1440px) {
    .zxy-paragraph-content.company {
      padding-top: var(--blh-300); }
      .zxy-paragraph-content.company picture.moon {
        top: -3em;
        right: -18em;
        width: 40em; } }
  @media (min-width: 1680px) {
    .zxy-paragraph-content.company .section--1 h2 {
      font-size: var(--xxl); }
    .zxy-paragraph-content.company .section--1 .zxy-paragraph-slider-section {
      --slider-width-val: 20;
      --slider-width: 20%; } }
  .zxy-paragraph-content.company .card-grid .certification-card .certifications-container {
    padding-top: var(--blh-250); }
  .zxy-paragraph-content.company .card-grid .certification-card h6 {
    color: var(--sustainability-text-colour);
    font-weight: bold; }
  .zxy-paragraph-content.company .image-content-grid h2 {
    margin-bottom: 1rem;
    font-weight: bold; }
  .zxy-paragraph-content.company .image-content-grid .image {
    width: 90%; }
  .zxy-paragraph-content.company .section--4 .card-grid .field-content h2 {
    color: var(--sustainability-text-colour); }
  .zxy-paragraph-content.company .section--4 .card-grid .field-content h5 {
    color: var(--history-sub-head-colour);
    font-weight: bold;
    margin-bottom: 1rem; }
  .zxy-paragraph-content.company .section--4 .card-grid .btn-no-surround {
    color: var(--company-readmore-colour); }
  .zxy-paragraph-content.company .section--4 .card-grid > div {
    flex-basis: 24em; }
  .zxy-paragraph-content.company .section--5 .slider .slide {
    opacity: 60%; }
    .zxy-paragraph-content.company .section--5 .slider .slide.centre-slide {
      opacity: 1; }
    .zxy-paragraph-content.company .section--5 .slider .slide .paragraph--type--user-card .user-profile .profile-image-container {
      margin-bottom: 1rem; }
    .zxy-paragraph-content.company .section--5 .slider .slide .paragraph--type--user-card .user-profile h2 {
      margin-bottom: 0px; }
    .zxy-paragraph-content.company .section--5 .slider .slide .paragraph--type--user-card .user-profile h4 {
      font-weight: bold; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.zxy-paragraph-content.contact .section, .zxy-paragraph-content.contact .form-section {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1920px - (var(--container-inline-padding) * 2));
  width: 100%;
  position: relative;
  color: var(--text-colour);
  z-index: 5; }

.zxy-paragraph-content.contact {
  position: relative;
  overflow: hidden;
  padding-top: 0 !important; }
  .zxy-paragraph-content.contact .white-grad-top {
    width: 100%;
    z-index: 1; }
  .zxy-paragraph-content.contact .paragraph,
  .zxy-paragraph-content.contact picture {
    z-index: 2; }
  .zxy-paragraph-content.contact .illustration {
    position: relative;
    width: 100%;
    z-index: -1; }
    .zxy-paragraph-content.contact .illustration picture.sun {
      position: absolute;
      width: 80vw;
      top: -25vw;
      left: -12.5vw;
      z-index: -1; }
    .zxy-paragraph-content.contact .illustration picture.globe img {
      max-width: 80vw; }
    .zxy-paragraph-content.contact .illustration picture.plane-contact {
      position: absolute;
      width: 50vw;
      top: 35vw;
      right: 5vw;
      z-index: 1; }
  .zxy-paragraph-content.contact picture.plane-contact.tablet {
    display: none; }
  .zxy-paragraph-content.contact .section {
    padding-top: var(--blh-150);
    padding-bottom: var(--blh-150);
    min-height: calc(100vh - var(--navbar-height));
    display: grid;
    text-align: center; }
    @media (max-width: 768px) {
      .zxy-paragraph-content.contact .section:first-child {
        padding-bottom: 0; } }
    @media (max-width: 768px) {
      .zxy-paragraph-content.contact .section {
        min-height: auto; } }
    .zxy-paragraph-content.contact .section .heading-container {
      margin-bottom: 0; }
      @media (max-width: 768px) {
        .zxy-paragraph-content.contact .section .heading-container {
          margin-bottom: 12px; } }
      @media (max-width: 768px) {
        .zxy-paragraph-content.contact .section .heading-container h2 {
          font-size: 45px; } }
      @media (max-width: 768px) {
        .zxy-paragraph-content.contact .section .heading-container + h3 {
          font-size: 22px;
          margin-bottom: 24px !important; } }
    .zxy-paragraph-content.contact .section h1 {
      color: black; }
      @media (max-width: 768px) {
        .zxy-paragraph-content.contact .section h1 {
          font-size: 45px; } }
    .zxy-paragraph-content.contact .section h2 {
      font-size: var(--xxl); }
    .zxy-paragraph-content.contact .section h3 {
      font-size: var(--sm);
      font-weight: var(--font-weight-medium);
      color: black;
      margin-top: 0;
      margin-bottom: 34px; }
  .zxy-paragraph-content.contact .contact-buttons {
    grid-gap: var(--blh-200);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    border-top: 1px solid black;
    color: black; }
    @media (max-width: 768px) {
      .zxy-paragraph-content.contact .contact-buttons {
        padding-top: 57px;
        margin-top: 0;
        width: 100%;
        max-width: 300px; } }
    .zxy-paragraph-content.contact .contact-buttons a {
      color: inherit; }
  .zxy-paragraph-content.contact .form-section {
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    scroll-margin-top: 150px;
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: var(--blh);
    margin-bottom: var(--blh-300); }
    .zxy-paragraph-content.contact .form-section #email-form-section,
    .zxy-paragraph-content.contact .form-section #video-call-section {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
      position: absolute;
      top: -150px; }
  .zxy-paragraph-content.contact .calendly-container {
    height: 900px !important; }
    .zxy-paragraph-content.contact .calendly-container:not(:focus):not(:active) {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    .zxy-paragraph-content.contact .calendly-container .calendly-inline-widget {
      height: 100% !important; }
  .zxy-paragraph-content.contact .form-section.video form.webform-submission-contact-form:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px; }
  .zxy-paragraph-content.contact .form-section.video .calendly-container {
    width: 100% !important;
    border-radius: var(--radius-m) !important;
    overflow: hidden !important; }
    .zxy-paragraph-content.contact .form-section.video .calendly-container:not(:focus):not(:active) {
      clip: initial;
      clip-path: initial;
      height: initial;
      overflow: initial;
      position: initial;
      white-space: initial;
      width: initial; }
  @media all and (min-width: 768px) {
    .zxy-paragraph-content.contact .section {
      min-height: 35vh;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: flex-end;
      margin-bottom: 10vh;
      padding: var(--blh-300) var(--blh-400); }
      .zxy-paragraph-content.contact .section h2 {
        font-size: var(--xl);
        margin-bottom: var(--blh-050); }
      .zxy-paragraph-content.contact .section .contact-buttons,
      .zxy-paragraph-content.contact .section .paragraph {
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
      .zxy-paragraph-content.contact .section .paragraph {
        width: 50vw; }
      .zxy-paragraph-content.contact .section .contact-buttons {
        margin-top: var(--blh);
        padding: 40px var(--blh-300);
        width: auto; }
    .zxy-paragraph-content.contact .illustration {
      position: absolute;
      width: 50vw;
      max-width: 34em;
      top: 0;
      left: 0;
      z-index: -1; }
      .zxy-paragraph-content.contact .illustration picture.sun {
        position: absolute;
        width: 100%;
        top: -8em;
        left: -5em;
        z-index: -1; }
      .zxy-paragraph-content.contact .illustration picture.globe {
        position: absolute;
        top: 1em;
        left: 3em;
        width: calc(100% - 3em); }
        .zxy-paragraph-content.contact .illustration picture.globe img {
          max-width: 100%; }
      .zxy-paragraph-content.contact .illustration picture.plane-contact {
        display: none; }
    .zxy-paragraph-content.contact picture.plane-contact.tablet {
      display: block;
      width: 13em; }
    .zxy-paragraph-content.contact .form-section {
      margin-bottom: var(--blh-600); } }
  @media all and (min-width: 1260px) {
    .zxy-paragraph-content.contact .section {
      margin-bottom: 0; }
      .zxy-paragraph-content.contact .section h3 {
        font-size: var(--m); }
    .zxy-paragraph-content.contact .section--1 {
      color: white; }
    .zxy-paragraph-content.contact .illustration {
      top: 6vw;
      max-width: 50vw; }
      .zxy-paragraph-content.contact .illustration picture.sun {
        width: 70%; }
      .zxy-paragraph-content.contact .illustration picture.globe {
        top: 0; }
    .zxy-paragraph-content.contact picture.plane-contact.tablet {
      display: block;
      width: 16em; } }
  @media (min-width: 1440px) {
    .zxy-paragraph-content.contact .paragraph h2 {
      font-size: var(--xxl); }
    .zxy-paragraph-content.contact .paragraph h3 {
      font-size: var(--m2); }
    .zxy-paragraph-content.contact picture.plane-contact.tablet {
      width: 24em; }
    .zxy-paragraph-content.contact .contact-buttons {
      grid-gap: var(--blh-400);
      padding-top: var(--blh-400); }
      .zxy-paragraph-content.contact .contact-buttons a {
        font-size: var(--m); } }
  @media (min-width: 1680px) {
    .zxy-paragraph-content.contact picture.plane-contact.tablet {
      width: 28em; }
    .zxy-paragraph-content.contact .contact-buttons a {
      font-size: var(--m2); } }
  @media (min-width: 1920px) {
    .zxy-paragraph-content.contact .white-grad-top {
      position: fixed;
      top: var(--navbar-height);
      left: 0; } }
  .zxy-paragraph-content.contact .world-map {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0.4;
    top: 150px; }
  .zxy-paragraph-content.contact .js-form-item-mandatory-field {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 768px) {
      .zxy-paragraph-content.contact .js-form-item-mandatory-field {
        justify-content: flex-end; } }

.plane-contact {
  position: absolute; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.no-products__wrapper {
  position: relative;
  min-height: calc(100vh - var(--navbar-height));
  background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.3) 65%), radial-gradient(circle farthest-corner at 100% 100%, rgba(251, 118, 10, 0.4), rgba(240, 161, 14, 0) 40%), radial-gradient(circle farthest-corner at 0% 50%, rgba(240, 106, 93, 0.4), rgba(240, 106, 93, 0) 40%), radial-gradient(circle farthest-corner at 50% 50%, #bad8ff, #709ba7);
  display: grid;
  justify-content: center;
  align-items: center; }
  .no-products__wrapper::after, .no-products__wrapper::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 0 0;
    background-repeat: space space;
    z-index: 0; }
  .no-products__wrapper::after {
    background-image: url("../images/star-cluster-01.svg"), url("../images/star-cluster-02.svg");
    background-size: 100vw, auto;
    opacity: 0.3; }
  .no-products__wrapper::before {
    background-image: url("../images/star-cluster-03.svg"), url("../images/star-cluster-04.svg");
    background-size: 60vw, auto;
    opacity: 0.1; }

.no-products__container {
  padding-top: var(--container-block-padding);
  padding-bottom: var(--container-block-padding);
  padding-left: var(--container-inline-padding);
  padding-right: var(--container-inline-padding);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 35rem;
  z-index: 1; }

.no-products__card {
  padding: var(--blh-200);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--box-l-shadow);
  text-align: center; }
  .no-products__card p {
    margin-top: 0; }
    .no-products__card p:last-child {
      margin-bottom: 0; }

.no-products__title {
  margin-top: 0;
  margin-bottom: var(--blh-050);
  font-size: var(--m);
  font-weight: var(--font-weight-medium); }

.no-products__help-text {
  margin: 0; }

.product-wishlist-container {
  position: relative;
  min-height: calc(100vh - var(--navbar-height));
  background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.3) 65%), radial-gradient(circle farthest-corner at 100% 100%, rgba(251, 118, 10, 0.4), rgba(240, 161, 14, 0) 40%), radial-gradient(circle farthest-corner at 0% 50%, rgba(240, 106, 93, 0.4), rgba(240, 106, 93, 0) 40%), radial-gradient(circle farthest-corner at 50% 50%, #bad8ff, #709ba7); }
  .product-wishlist-container::after, .product-wishlist-container::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 0 0;
    background-repeat: space space;
    z-index: 0; }
  .product-wishlist-container::after {
    background-image: url("../images/star-cluster-01.svg"), url("../images/star-cluster-02.svg");
    background-size: 100vw, auto;
    opacity: 0.3; }
  .product-wishlist-container::before {
    background-image: url("../images/star-cluster-03.svg"), url("../images/star-cluster-04.svg");
    background-size: 60vw, auto;
    opacity: 0.1; }

.product-wishlist {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1920px - (var(--container-inline-padding) * 2));
  width: 100%;
  padding-top: var(--container-block-padding-tight);
  padding-bottom: var(--container-block-padding);
  padding-left: var(--container-inline-padding);
  padding-right: var(--container-inline-padding);
  position: relative;
  padding-bottom: var(--container-block-padding);
  z-index: 1;
  text-align: center; }
  .product-wishlist textarea,
  .product-wishlist input[type='text'],
  .product-wishlist input[type='number'],
  .product-wishlist input[type='tel'],
  .product-wishlist input[type='email'],
  .product-wishlist input[type='password'],
  .product-wishlist input[type='search'],
  .product-wishlist select {
    width: 100%; }
  .product-wishlist .form-item {
    text-align: left; }
  .product-wishlist .form-submit {
    justify-self: center; }
  .product-wishlist .product-wishlist__content {
    padding: var(--blh);
    background-color: white;
    border-radius: var(--radius-m);
    border: var(--box-border-light);
    box-shadow: var(--box-m-shadow); }
    .product-wishlist .product-wishlist__content p {
      margin-top: 0; }
      .product-wishlist .product-wishlist__content p:last-child {
        margin-bottom: 0; }
  .product-wishlist .title {
    margin: 0; }
  .product-wishlist .subtext {
    font-size: var(--xs); }
  .product-wishlist .wishlist-form {
    display: grid;
    grid-gap: var(--blh-300);
    align-items: flex-start; }
    .product-wishlist .wishlist-form .product-wishlist__form__title, .product-wishlist .wishlist-form p {
      margin: 0; }
    .product-wishlist .wishlist-form .form-footer {
      width: 100%;
      display: grid;
      justify-content: center;
      grid-gap: var(--blh);
      align-items: center;
      margin-top: var(--blh-050); }
    .product-wishlist .wishlist-form .form-footer,
    .product-wishlist .wishlist-form .form-footer .form-item {
      text-align: center; }
    .product-wishlist .wishlist-form .mandatory-field {
      font-size: var(--xs); }
  .product-wishlist .products {
    order: 2; }
  .product-wishlist .details {
    order: 1; }
  .product-wishlist .product-wishlist__results__title,
  .product-wishlist .product-wishlist__form__title {
    font-size: var(--m2);
    font-weight: var(--font-weight-medium); }
  .product-wishlist .product-wishlist__results__title {
    margin-top: var(--blh); }
  .product-wishlist .products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid; }
  .product-wishlist .details {
    display: grid;
    grid-gap: var(--blh-050);
    justify-items: flex-start; }
  .product-wishlist .product-container {
    position: relative;
    display: grid;
    flex-flow: row;
    flex-wrap: wrap;
    text-align: left;
    border-bottom: var(--box-border-light);
    border-right: var(--box-border-light);
    border-left: var(--box-border-light);
    padding: var(--box-padding); }
  .product-wishlist .products .product-container:first-child {
    border-top: var(--box-border-light);
    border-top-left-radius: var(--radius-m);
    border-top-right-radius: var(--radius-m); }
  .product-wishlist .products .product-container:last-child {
    border-bottom-left-radius: var(--radius-m);
    border-bottom-right-radius: var(--radius-m); }
  .product-wishlist .product-info {
    display: grid;
    grid-gap: var(--blh-025); }
    .product-wishlist .product-info .remove-product-link {
      font-size: var(--xs);
      justify-self: flex-end;
      margin-bottom: var(--blh-050); }
    .product-wishlist .product-info h1, .product-wishlist .product-info h2, .product-wishlist .product-info h3, .product-wishlist .product-info h4, .product-wishlist .product-info h5, .product-wishlist .product-info h6 {
      margin: 0;
      font-weight: var(--font-weight-medium); }
    .product-wishlist .product-info h1, .product-wishlist .product-info h2, .product-wishlist .product-info h3 {
      font-size: var(--sm); }
    .product-wishlist .product-info h4, .product-wishlist .product-info h5, .product-wishlist .product-info h6, .product-wishlist .product-info p, .product-wishlist .product-info div {
      font-size: var(--xs); }
    .product-wishlist .product-info .swatch {
      display: inline-block;
      height: 1em;
      width: 1em;
      border-radius: 50%;
      background: linear-gradient(90deg, #9900ff 0%, #0014ff 33%, #00ff13 66%, #ffc200 100%); }
    .product-wishlist .product-info > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center; }
      .product-wishlist .product-info > div h6 {
        margin-right: var(--blh-050); }
    .product-wishlist .product-info textarea {
      width: 100%; }
  @media (max-width: 413px) {
    .product-wishlist .remove-product-link {
      position: absolute;
      top: var(--blh);
      right: var(--blh); } }
  @media (min-width: 414px) {
    .product-wishlist .product-container {
      grid-template-columns: 8rem 1fr; }
      .product-wishlist .product-container .product-info {
        align-content: flex-start; }
      .product-wishlist .product-container .product-info + .form-item {
        grid-column: span 2; } }
  @media (min-width: 768px) {
    .product-wishlist {
      text-align: left; }
      .product-wishlist .product-wishlist__content {
        padding: 0;
        background-color: transparent;
        border: none;
        box-shadow: none; }
      .product-wishlist .wishlist-form {
        grid-template-columns: repeat(2, 1fr);
        align-content: flex-start;
        grid-gap: var(--blh-200); }
        .product-wishlist .wishlist-form .form-footer {
          grid-auto-flow: column;
          justify-content: space-between; }
        .product-wishlist .wishlist-form .form-footer,
        .product-wishlist .wishlist-form .form-footer .form-item {
          text-align: left; }
      .product-wishlist .form-submit {
        justify-self: flex-start; }
      .product-wishlist .heading {
        max-width: 30rem;
        grid-column: span 2;
        margin-bottom: var(--blh-200); }
      .product-wishlist .products {
        order: 1; }
      .product-wishlist .details {
        order: 2; }
      .product-wishlist .product-wishlist__results__title {
        margin-top: 0;
        margin-bottom: var(--blh-050); }
      .product-wishlist .product-info {
        align-content: flex-start;
        grid-gap: var(--blh-050);
        flex-basis: 100%; }
      .product-wishlist .products {
        grid-gap: var(--blh); }
      .product-wishlist .product-container,
      .product-wishlist .details {
        padding: var(--blh-150);
        background-color: white;
        border-radius: var(--radius-m);
        border: var(--box-border-light);
        box-shadow: var(--box-m-shadow); }
        .product-wishlist .product-container p,
        .product-wishlist .details p {
          margin-top: 0; }
          .product-wishlist .product-container p:last-child,
          .product-wishlist .details p:last-child {
            margin-bottom: 0; }
      .product-wishlist .product-wishlist__results__title:not(:focus):not(:active) {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px; } }
  @media (min-width: 1024px) {
    .product-wishlist .wishlist-form {
      grid-template-columns: 1fr 25rem; }
    .product-wishlist .products {
      grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); }
    .product-wishlist .product-image {
      flex-shrink: 0; }
    .product-wishlist .product-info h1, .product-wishlist .product-info h2, .product-wishlist .product-info h3 {
      font-size: var(--sm); } }
  @media (min-width: 1260px) {
    .product-wishlist .wishlist-form {
      grid-template-columns: 1fr 26.75rem; }
    .product-wishlist .details {
      padding: var(--blh-150); }
    .product-wishlist .products {
      grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); } }
  @media (min-width: 1440px) {
    .product-wishlist .wishlist-form {
      grid-template-columns: 1fr 35rem; }
    .product-wishlist .details {
      padding: var(--blh-200); }
    .product-wishlist .product-info h1, .product-wishlist .product-info h2, .product-wishlist .product-info h3 {
      font-size: var(--m); } }
  @media (min-width: 1680px) {
    .product-wishlist .products {
      grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); }
    .product-wishlist .details {
      padding: var(--blh-300); } }

.node--type-article {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: white;
  z-index: 1;
  border-radius: 0; }
  .node--type-article header {
    margin-top: var(--blh);
    margin-bottom: var(--blh);
    padding-bottom: var(--blh);
    border-bottom: var(--box-border); }
    .node--type-article header img {
      height: auto;
      max-width: 4rem; }
    .node--type-article header .node__meta {
      display: flex;
      align-items: center; }
      .node--type-article header .node__meta .meet-the-author-container {
        margin-left: var(--blh); }
        .node--type-article header .node__meta .meet-the-author-container .email, .node--type-article header .node__meta .meet-the-author-container .designation {
          font-size: 12px;
          white-space: nowrap; }
        @media (min-width: 768px) {
          .node--type-article header .node__meta .meet-the-author-container {
            margin-left: 0; } }
      .node--type-article header .node__meta img {
        border-radius: 50% !important;
        width: 100%;
        margin-bottom: var(--blh); }
      .node--type-article header .node__meta h1, .node--type-article header .node__meta h2, .node--type-article header .node__meta h3, .node--type-article header .node__meta h4, .node--type-article header .node__meta h5, .node--type-article header .node__meta h6, .node--type-article header .node__meta p {
        margin-bottom: 0; }
      .node--type-article header .node__meta p {
        margin-top: 0;
        color: var(--text-colour-l);
        font-size: var(--xs); }
  .node--type-article .article-body h4 span {
    font-weight: bold; }
  .node--type-article .meet-the-author-container h4, .node--type-article .meet-the-author-container h5 {
    font-weight: bold; }
  .node--type-article .banner-image {
    height: 33vh;
    width: 100%;
    background-size: cover;
    background-position: center; }
  .node--type-article .article-body {
    display: flex;
    flex-flow: column;
    max-width: 52rem;
    margin-top: var(--blh-200);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--blh);
    padding-right: var(--blh); }
    .node--type-article .article-body h1 {
      order: 2;
      margin-top: 0; }
    .node--type-article .article-body header {
      order: 1; }
    .node--type-article .article-body div {
      order: 3; }
    .node--type-article .article-body footer {
      order: 4; }
    .node--type-article .article-body > div h2, .node--type-article .article-body > div h3, .node--type-article .article-body > div h4 {
      margin-top: 0;
      font-weight: var(--font-weight-medium);
      font-size: var(--m);
      color: var(--text-colour-l); }
    .node--type-article .article-body > div h4 {
      font-weight: bold; }
    .node--type-article .article-body figure {
      margin: var(--blh-400) 0;
      text-align: center; }
    .node--type-article .article-body figcaption {
      margin-top: var(--blh-050);
      font-weight: var(--font-weight-medium);
      color: var(--text-colour-l); }
    .node--type-article .article-body img {
      height: auto; }
  .node--type-article blockquote {
    position: relative;
    float: left;
    margin: var(--blh) 0 0 0;
    padding: var(--blh) var(--blh-200) var(--blh) 0;
    font-size: var(--m);
    font-weight: var(--font-weight-medium);
    color: var(--primary-d);
    max-width: 100%; }
    .node--type-article blockquote h4 {
      font-weight: bold; }
  .node--type-article footer.related-tags {
    margin-top: var(--blh-400);
    margin-bottom: var(--blh);
    padding-top: var(--blh);
    border-top: var(--box-border-light); }
    .node--type-article footer.related-tags h6 {
      margin-bottom: var(--blh); }
    .node--type-article footer.related-tags > div {
      display: flex;
      flex-wrap: wrap;
      grid-gap: var(--blh); }
    .node--type-article footer.related-tags a {
      font-weight: var(--font-weight-bold);
      color: var(--text-colour);
      text-decoration: none; }
      .node--type-article footer.related-tags a::before {
        content: '#'; }
  .node--type-article ul.flippy {
    list-style: none;
    margin: 0;
    padding: 0;
    order: 4;
    margin: 0;
    padding: var(--blh) 0 var(--container-block-padding) 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--blh);
    justify-content: space-between;
    border-top: var(--box-border-light); }
    .node--type-article ul.flippy .flippy-next,
    .node--type-article ul.flippy .flippy-previous {
      cursor: pointer;
      padding: 0;
      font-size: var(--xs);
      line-height: var(--line-height-tight); }
      .node--type-article ul.flippy .flippy-next:hover a,
      .node--type-article ul.flippy .flippy-previous:hover a {
        text-decoration: underline; }
    .node--type-article ul.flippy .flippy-control-text {
      display: flex;
      align-items: center;
      grid-gap: var(--blh-050);
      margin-bottom: var(--blh-025);
      font-size: var(--sm);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-base);
      color: var(--text-colour-l); }
    .node--type-article ul.flippy .flippy-previous {
      text-align: left; }
    .node--type-article ul.flippy .flippy-next {
      text-align: right; }
      .node--type-article ul.flippy .flippy-next .flippy-control-text {
        justify-content: flex-end; }
    .node--type-article ul.flippy .icon {
      width: 0.8em;
      color: var(--orange); }
    .node--type-article ul.flippy li a {
      text-decoration: none;
      color: var(--text-colour);
      white-space: initial; }
  .node--type-article .node__content > ul.flippy {
    display: none; }

@media (min-width: 414px) {
  .node--type-article .article-body {
    padding-left: var(--blh-200);
    padding-right: var(--blh-200); } }
@media (min-width: 768px) {
  .article-wrapper {
    padding-top: var(--blh-200);
    padding-bottom: var(--blh-200); }

  .node--type-article {
    max-width: 90%;
    border-radius: var(--radius-l); }
    .node--type-article .article-body {
      display: block;
      margin-top: var(--blh-200); }
      .node--type-article .article-body h1 {
        margin-top: var(--blh); }
    .node--type-article header {
      float: left;
      max-width: 9em;
      margin-bottom: var(--blh);
      margin-right: calc(var(--blh-300) + 5px);
      border-bottom: var(--box-border); }
      .node--type-article header .node__meta {
        flex-flow: column;
        align-items: flex-start; }
        .node--type-article header .node__meta img {
          height: auto;
          max-width: 80%;
          border-radius: 0; }
    .node--type-article blockquote {
      max-width: 50%; } }
@media (min-width: 1260px) {
  .node--type-article {
    position: relative; }
    .node--type-article .article-body > ul.flippy {
      display: none; }
    .node--type-article .node__content > ul.flippy {
      display: grid;
      grid-template-columns: 1fr 52rem 1fr;
      position: absolute;
      top: 33vh;
      left: 0;
      width: 100%;
      margin-top: var(--blh-400);
      border-top: 0;
      padding: 0 var(--blh); }
      .node--type-article .node__content > ul.flippy .flippy-previous {
        grid-column-start: 1; }
      .node--type-article .node__content > ul.flippy .flippy-next {
        grid-column-start: 3;
        justify-self: flex-end; }
    .node--type-article footer.related-tags {
      margin-bottom: var(--blh-400); } }
@media (min-width: 1440px) {
  .node--type-article {
    max-width: 80rem; }
    .node--type-article .node__content > ul.flippy {
      padding: 0 var(--blh-200); }

  .article-wrapper {
    padding-bottom: var(--blh-500); } }
.search.products-view section {
  grid-template-rows: max-content max-content 1fr; }
  .search.products-view section > section {
    padding: var(--blh);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: var(--radius-m);
    text-align: center;
    display: grid;
    justify-content: center; }
    .search.products-view section > section h1, .search.products-view section > section h2, .search.products-view section > section h3, .search.products-view section > section h4, .search.products-view section > section h5, .search.products-view section > section h6, .search.products-view section > section p {
      max-width: 40rem; }
    .search.products-view section > section h1, .search.products-view section > section h2, .search.products-view section > section h3, .search.products-view section > section h4, .search.products-view section > section h5, .search.products-view section > section h6 {
      margin-bottom: var(--blh); }
    .search.products-view section > section p {
      margin-top: 0; }
.search.products-view .item-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-gap: var(--blh);
  grid-template-columns: repeat(auto-fit, minmax(8em, 1fr)); }
.search.products-view .item-list .search-card {
  height: 100%; }
.search.products-view nav.pager {
  border-top-color: rgba(0, 0, 0, 0.2); }
.search.products-view .views-exposed-form {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: var(--text-colour);
  width: 100%;
  margin-bottom: var(--blh); }
  .search.products-view .views-exposed-form:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  .search.products-view .views-exposed-form label:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px; }
  .search.products-view .views-exposed-form input[type="text"] {
    border-radius: 0;
    border: none;
    background-color: transparent;
    font-size: var(--sm); }
  .search.products-view .views-exposed-form input[type="submit"],
  .search.products-view .views-exposed-form .form-submit {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-medium);
    color: var(--blue-d);
    text-decoration: none;
    white-space: nowrap;
    border-radius: var(--button-radius-l);
    transition: background-color 150ms ease;
    letter-spacing: 0.5px;
    border: none;
    background-color: transparent;
    color: black;
    background-image: url("../images/icons/search.svg");
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: right center;
    box-shadow: none;
    padding: 0.25em;
    padding-right: 1.5em;
    text-indent: -9999px;
    font-weight: normal; }
    .search.products-view .views-exposed-form input[type="submit"] .icon,
    .search.products-view .views-exposed-form .form-submit .icon {
      pointer-events: none; }
    .search.products-view .views-exposed-form input[type="submit"] .icon.left,
    .search.products-view .views-exposed-form .form-submit .icon.left {
      margin-right: var(--blh-050); }
    .search.products-view .views-exposed-form input[type="submit"] .icon.right,
    .search.products-view .views-exposed-form .form-submit .icon.right {
      margin-left: var(--blh-050); }
    .search.products-view .views-exposed-form input[type="submit"]:hover, .search.products-view .views-exposed-form input[type="submit"]:focus, .search.products-view .views-exposed-form input[type="submit"]:active,
    .search.products-view .views-exposed-form .form-submit:hover,
    .search.products-view .views-exposed-form .form-submit:focus,
    .search.products-view .views-exposed-form .form-submit:active {
      position: relative;
      z-index: 0; }
    .search.products-view .views-exposed-form input[type="submit"].light:hover, .search.products-view .views-exposed-form input[type="submit"].light:focus, .search.products-view .views-exposed-form input[type="submit"].light:active,
    .search.products-view .views-exposed-form .form-submit.light:hover,
    .search.products-view .views-exposed-form .form-submit.light:focus,
    .search.products-view .views-exposed-form .form-submit.light:active {
      position: relative;
      z-index: 0; }
    .search.products-view .views-exposed-form input[type="submit"]:hover, .search.products-view .views-exposed-form input[type="submit"]:active, .search.products-view .views-exposed-form input[type="submit"]:focus,
    .search.products-view .views-exposed-form .form-submit:hover,
    .search.products-view .views-exposed-form .form-submit:active,
    .search.products-view .views-exposed-form .form-submit:focus {
      text-decoration: underline;
      box-shadow: none;
      border: none;
      background-color: transparent; }
    @media (min-width: 768px) {
      .search.products-view .views-exposed-form input[type="submit"],
      .search.products-view .views-exposed-form .form-submit {
        padding: 0.25em 1em;
        padding-right: 2em;
        text-indent: unset; } }
  @media (min-width: 768px) {
    .search.products-view .views-exposed-form {
      width: auto; } }
  .search.products-view .views-exposed-form form {
    margin-bottom: var(--blh-200); }
  .search.products-view .views-exposed-form input[type=text] {
    font-size: var(--m);
    border-bottom-color: var(--text-colour); }
@media (min-width: 768px) {
  .search.products-view section {
    padding-bottom: var(--blh-200); }
  .search.products-view section > section {
    padding: var(--blh-200); }
  .search.products-view .item-list ul {
    grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); }
  .search.products-view .views-exposed-form {
    margin-bottom: var(--blh-200); } }

.newsfeed .products-view picture.plane {
  display: none; }
.newsfeed .products-view section {
  position: relative;
  margin-bottom: var(--blh-200); }
.newsfeed .products-view .content-container {
  display: grid;
  grid-gap: var(--blh-200);
  grid-template-columns: 1fr; }
.newsfeed .products-view .item-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-gap: var(--blh);
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); }
.newsfeed .products-view nav.pager {
  border-top-color: rgba(0, 0, 0, 0.2); }
.newsfeed .products-view .title,
.newsfeed .products-view .subtitle {
  text-align: center; }
.newsfeed .products-view .title {
  margin-bottom: 0;
  font-size: var(--xxxl); }
.newsfeed .products-view .subtitle {
  font-size: var(--xl);
  font-weight: var(--font-weight-regular); }
  @media (max-width: 768px) {
    .newsfeed .products-view .subtitle {
      font-size: 24px;
      font-weight: 600; } }
.newsfeed .products-view .hr {
  margin-top: 0; }
@media (min-width: 768px) {
  .newsfeed .products-view picture.plane {
    display: block;
    position: absolute;
    top: 1rem;
    right: -4rem;
    max-width: 15rem; }
  .newsfeed .products-view .item-list ul {
    grid-gap: var(--blh-200); }
  .newsfeed .products-view .hr {
    margin-bottom: var(--blh-200); } }
@media (min-width: 1024px) {
  .newsfeed .products-view .title,
  .newsfeed .products-view .subtitle {
    text-align: left; }
  .newsfeed .products-view .item-list ul {
    grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1260px) {
  .newsfeed .products-view .title {
    font-size: var(--xl); }
  .newsfeed .products-view .subtitle {
    font-size: var(--m2); }
  .newsfeed .products-view .content-container {
    display: grid;
    grid-template-columns: 2fr 1fr; } }
@media (min-width: 1680px) {
  .newsfeed .products-view .item-list ul {
    grid-template-columns: repeat(auto-fill, minmax(34rem, 1fr)); } }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.region-content.not-found-region {
  position: relative;
  overflow-x: hidden;
  background-image: linear-gradient(180deg, #1E395F, #32808E 100%);
  padding: 10vw;
  display: flex;
  justify-content: center;
  align-items: center; }
  .region-content.not-found-region section {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1920px - (var(--container-inline-padding) * 2));
    width: 100%;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    padding-top: var(--container-block-padding);
    padding-bottom: var(--container-block-padding);
    position: relative;
    z-index: 1;
    text-align: center; }
  .region-content.not-found-region section.page-not-found {
    padding: var(--blh-300);
    background-color: white;
    border-radius: var(--radius-m);
    border: var(--box-border-light);
    box-shadow: var(--box-m-shadow);
    max-width: 40rem; }
    .region-content.not-found-region section.page-not-found p {
      margin-top: 0; }
      .region-content.not-found-region section.page-not-found p:last-child {
        margin-bottom: 0; }
    .region-content.not-found-region section.page-not-found .not-found-txt {
      font-size: var(--xxxxl);
      font-weight: var(--font-weight-bold);
      color: var(--orange); }
    .region-content.not-found-region section.page-not-found h1 {
      font-size: var(--l); }
    .region-content.not-found-region section.page-not-found a {
      color: var(--primary); }
      .region-content.not-found-region section.page-not-found a:hover {
        color: var(--primary-d); }
  .region-content.not-found-region .not-found-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90vw;
    color: white;
    opacity: 0.05; }

@media (max-width: 768px) {
  .zxy-paragraph-content.product-and-services .heading-container h1 {
    font-size: 45px; } }
@media (max-width: 768px) {
  .zxy-paragraph-content.product-and-services .heading-container {
    margin-bottom: 15px; } }
@media (max-width: 768px) {
  .zxy-paragraph-content.product-and-services .section-intro p {
    font-size: 16px; } }
.zxy-paragraph-content.product-and-services .section--5 .section-intro {
  color: #575756; }
.zxy-paragraph-content.product-and-services .btn-group a {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  color: var(--blue-d);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--button-radius-l);
  transition: background-color 150ms ease;
  letter-spacing: 0.5px;
  padding: var(--button-padding-m);
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: bold;
  background-color: var(--button-white);
  background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
  color: black;
  box-shadow: var(--button-shadow);
  text-align: center;
  border: none;
  background-color: var(--primary-d);
  background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
  color: white;
  padding: var(--button-padding-l);
  font-size: 1.25rem;
  line-height: 1.5em;
  display: inline-block;
  background: linear-gradient(3deg, #335d96 0%, #2e5488 50%, #1e395f 100%) !important;
  padding: 7px 40px !important;
  font-size: 20px !important; }
  .zxy-paragraph-content.product-and-services .btn-group a .icon {
    pointer-events: none; }
  .zxy-paragraph-content.product-and-services .btn-group a .icon.left {
    margin-right: var(--blh-050); }
  .zxy-paragraph-content.product-and-services .btn-group a .icon.right {
    margin-left: var(--blh-050); }
  .zxy-paragraph-content.product-and-services .btn-group a::before {
    background-color: white;
    background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
  .zxy-paragraph-content.product-and-services .btn-group a:hover, .zxy-paragraph-content.product-and-services .btn-group a:active, .zxy-paragraph-content.product-and-services .btn-group a:focus {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
    outline: none;
    text-decoration: underline; }
  .zxy-paragraph-content.product-and-services .btn-group a:focus {
    background-color: #f09a19; }
  .zxy-paragraph-content.product-and-services .btn-group a.btn--large {
    padding: var(--button-padding-sm);
    font-size: 1.15rem;
    line-height: 1.5em; }
  @media all and (min-width: 768px) {
    .zxy-paragraph-content.product-and-services .btn-group a.btn--large {
      padding: var(--button-padding-sm);
      font-size: 1.15rem;
      line-height: 1.5em; } }
  .zxy-paragraph-content.product-and-services .btn-group a::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: -1;
    border-radius: var(--button-radius-l);
    background-color: white;
    background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
.zxy-paragraph-content.product-and-services .paragraph--type--simple-section-with-image h2,
.zxy-paragraph-content.product-and-services .paragraph--type--simple-section-with-image p {
  max-width: 77rem;
  margin-left: auto;
  margin-right: auto; }
.zxy-paragraph-content.product-and-services .image-with-button {
  display: flex;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.product-and-services .image-with-button {
      flex-wrap: nowrap;
      justify-content: space-between; } }
  .zxy-paragraph-content.product-and-services .image-with-button > div {
    flex-basis: 100%;
    transform: rotate(5deg); }
    @media (min-width: 768px) {
      .zxy-paragraph-content.product-and-services .image-with-button > div {
        flex-basis: 750px; } }
    .zxy-paragraph-content.product-and-services .image-with-button > div img {
      max-width: 100%;
      height: auto; }
  .zxy-paragraph-content.product-and-services .image-with-button .btn-group {
    flex-basis: calc(100% - 840px);
    justify-content: flex-start;
    margin-top: 0; }
.zxy-paragraph-content.product-and-services .section {
  margin-bottom: 110px; }
  @media (max-width: 768px) {
    .zxy-paragraph-content.product-and-services .section {
      margin-bottom: 45px; } }
.zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid {
  max-width: 100%;
  gap: 60px;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid {
      grid-template-columns: repeat(3, 1fr); } }
  .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid img {
    max-width: 100%;
    width: 100%;
    object-fit: scale-down; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid > div:nth-child(odd) {
      transform: scale(0.9); } }
  .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid > div:nth-child(odd) img {
    height: 353px; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid > div:nth-child(odd) a {
      transform: scale(1.1); } }
  .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-medium);
    color: var(--blue-d);
    text-decoration: none;
    white-space: nowrap;
    border-radius: var(--button-radius-l);
    transition: background-color 150ms ease;
    letter-spacing: 0.5px;
    padding: var(--button-padding-m);
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: bold;
    background-color: var(--button-white);
    background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
    color: black;
    box-shadow: var(--button-shadow);
    text-align: center;
    border: none;
    background-color: var(--primary-d);
    background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
    color: white;
    padding: var(--button-padding-l);
    font-size: 1.25rem;
    line-height: 1.5em;
    display: inline-block;
    margin-top: 3.75em;
    background: linear-gradient(#335d96 0%, #2e5488 0%, #1e395f 100%); }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a .icon {
      pointer-events: none; }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a .icon.left {
      margin-right: var(--blh-050); }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a .icon.right {
      margin-left: var(--blh-050); }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a::before {
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a:hover, .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a:active, .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a:focus {
      box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
      outline: none;
      text-decoration: underline; }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a:focus {
      background-color: #f09a19; }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a.btn--large {
      padding: var(--button-padding-sm);
      font-size: 1.15rem;
      line-height: 1.5em; }
    @media all and (min-width: 768px) {
      .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a.btn--large {
        padding: var(--button-padding-sm);
        font-size: 1.15rem;
        line-height: 1.5em; } }
    .zxy-paragraph-content.product-and-services .paragraph--type--card-grid .card-grid a::before {
      content: "";
      position: absolute;
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px;
      z-index: -1;
      border-radius: var(--button-radius-l);
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
.zxy-paragraph-content.product-and-services .section--4 .card-grid-container .card-grid {
  grid-template-columns: 1fr !important; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.product-and-services .section--4 .card-grid-container .card-grid {
      grid-template-columns: repeat(2, 1fr) !important; } }
.zxy-paragraph-content.product-and-services .js-slide {
  border-radius: 15px;
  overflow: hidden !important;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  height: auto !important; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.product-and-services .js-slide {
      height: 100% !important; } }
  .zxy-paragraph-content.product-and-services .js-slide:not(.centre-slide) {
    background-color: #f0f0f0;
    opacity: 0.7; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.region-content.user {
  position: relative;
  overflow-x: hidden;
  background-image: linear-gradient(180deg, #1E395F, #32808E 100%);
  padding: 10vw;
  display: flex;
  justify-content: center;
  align-items: center; }
  .region-content.user section {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1920px - (var(--container-inline-padding) * 2));
    width: 100%;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    padding-top: var(--container-block-padding);
    padding-bottom: var(--container-block-padding);
    position: relative;
    z-index: 1;
    text-align: center; }
  .region-content.user .user-login-form {
    padding: var(--blh);
    background-color: white;
    border-radius: var(--radius-m);
    border: var(--box-border-light);
    box-shadow: var(--box-m-shadow);
    display: grid;
    grid-gap: var(--blh); }
    .region-content.user .user-login-form p {
      margin-top: 0; }
      .region-content.user .user-login-form p:last-child {
        margin-bottom: 0; }
    .region-content.user .user-login-form .description {
      font-size: var(--xs);
      color: var(--primary); }
    .region-content.user .user-login-form .form-submit {
      background-color: var(--primary-d);
      background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
      color: white; }
      .region-content.user .user-login-form .form-submit::before {
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        z-index: -1;
        border-radius: var(--button-radius-l);
        background-color: white;
        background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
  @media (min-width: 768px) {
    .region-content.user .user-login-form {
      padding: var(--blh-200); } }
  @media (min-width: 1260px) {
    .region-content.user .user-login-form {
      padding: var(--blh-400) var(--blh-600); } }

.zxy-paragraph-content.standard {
  position: relative;
  overflow-x: hidden;
  padding-top: var(--blh); }
  .zxy-paragraph-content.standard .section {
    position: relative;
    z-index: 1;
    color: white; }
  .zxy-paragraph-content.standard .card {
    padding: var(--blh-200) var(--blh);
    background-color: white;
    border-radius: var(--radius-m);
    border: var(--box-border-light);
    box-shadow: var(--box-m-shadow);
    margin-left: auto;
    margin-right: auto;
    color: var(--text-colour);
    text-align: left;
    max-width: 60rem; }
    .zxy-paragraph-content.standard .card p {
      margin-top: 0; }
      .zxy-paragraph-content.standard .card p:last-child {
        margin-bottom: 0; }
  @media (min-width: 768px) {
    .zxy-paragraph-content.standard {
      padding-top: var(--blh-200); }
      .zxy-paragraph-content.standard .card {
        padding: var(--blh-300) var(--blh-200);
        background-color: white;
        border-radius: var(--radius-m);
        border: var(--box-border-light);
        box-shadow: var(--box-m-shadow);
        color: var(--text-colour);
        text-align: left; }
        .zxy-paragraph-content.standard .card p {
          margin-top: 0; }
          .zxy-paragraph-content.standard .card p:last-child {
            margin-bottom: 0; } }
  @media (min-width: 1024px) {
    .zxy-paragraph-content.standard {
      padding-top: var(--blh-300); }
      .zxy-paragraph-content.standard .card {
        padding: var(--blh-300) var(--blh-300);
        background-color: white;
        border-radius: var(--radius-m);
        border: var(--box-border-light);
        box-shadow: var(--box-m-shadow); }
        .zxy-paragraph-content.standard .card p {
          margin-top: 0; }
          .zxy-paragraph-content.standard .card p:last-child {
            margin-bottom: 0; } }
  @media (min-width: 1260px) {
    .zxy-paragraph-content.standard {
      padding-top: var(--blh-300); } }
  @media (min-width: 1440px) {
    .zxy-paragraph-content.standard {
      padding-top: var(--blh-300); } }

.section .heading-container {
  margin-bottom: 2.5rem; }
  .section .heading-container h1,
  .section .heading-container h2,
  .section .heading-container h3,
  .section .heading-container h4,
  .section .heading-container h5,
  .section .heading-container h6 {
    margin: 0; }
  @media all and (min-width: 768px) {
    .section .heading-container {
      margin-bottom: 4.125rem; } }
.section .section-intro:not(:last-child) {
  margin-bottom: 2.5rem; }
  @media all and (min-width: 768px) {
    .section .section-intro:not(:last-child) {
      margin-bottom: 5rem; } }
.section .section-intro p {
  margin: 0; }
  @media all and (min-width: 768px) {
    .section .section-intro p:not(:last-child) {
      margin-bottom: 2.5rem; } }
.landing .section .heading-container {
  margin-bottom: 2.5rem; }
  @media all and (min-width: 768px) {
    .landing .section .heading-container {
      margin-bottom: 2.6875rem; } }
  .landing .section .heading-container.mb-small {
    margin-bottom: 0.5rem; }
.landing .section .section-intro {
  margin-bottom: 0.75rem; }
  @media all and (min-width: 768px) {
    .landing .section .section-intro {
      margin-bottom: 4.625rem; } }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.paragraph--type--image-card {
  padding: var(--blh-200);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--box-l-shadow);
  display: grid;
  justify-content: center; }
  .paragraph--type--image-card p {
    margin-top: 0; }
    .paragraph--type--image-card p:last-child {
      margin-bottom: 0; }
  .paragraph--type--image-card.hide-card {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none; }
  .paragraph--type--image-card .extra-content:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px; }
  .paragraph--type--image-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    grid-gap: var(--blh-200); }
    .paragraph--type--image-card ul li {
      flex-basis: 8em; }
  .paragraph--type--image-card ul:not(.bottom-images) img {
    max-height: 2em;
    max-width: 8em; }
  .paragraph--type--image-card ul.bottom-images li {
    flex-basis: 7em; }
  .paragraph--type--image-card ul.bottom-images img {
    height: auto; }
  .paragraph--type--image-card .field-content {
    max-width: 50em;
    margin: 0 auto; }
  .paragraph--type--image-card.extra-content-card {
    position: relative;
    z-index: 50; }
    .paragraph--type--image-card.extra-content-card .field-content h4 {
      margin-top: var(--blh-050); }
    .paragraph--type--image-card.extra-content-card .field-content p {
      max-width: 321px;
      height: 75px;
      text-overflow: clip;
      margin: 0 auto;
      overflow: hidden; }
    .paragraph--type--image-card.extra-content-card .extra-content-toggle {
      margin-top: 24px;
      color: #32808e; }
    .paragraph--type--image-card.extra-content-card .extra-content[data-show] {
      padding: var(--blh);
      background-color: white;
      border-radius: var(--radius-m);
      border: var(--box-border-light);
      box-shadow: var(--box-m-shadow);
      max-width: 60vw;
      z-index: 999; }
      .paragraph--type--image-card.extra-content-card .extra-content[data-show]:not(:focus):not(:active) {
        clip: initial;
        clip-path: initial;
        height: initial;
        overflow: initial;
        position: initial;
        white-space: initial;
        width: initial; }
      .paragraph--type--image-card.extra-content-card .extra-content[data-show] p {
        margin-top: 0; }
        .paragraph--type--image-card.extra-content-card .extra-content[data-show] p:last-child {
          margin-bottom: 0; }
      .paragraph--type--image-card.extra-content-card .extra-content[data-show] h3,
      .paragraph--type--image-card.extra-content-card .extra-content[data-show] h4 {
        font-size: var(--m); }
  @media all and (min-width: 768px) {
    .paragraph--type--image-card {
      padding: var(--blh-300); }
      .paragraph--type--image-card ul {
        grid-gap: var(--blh-300); }
        .paragraph--type--image-card ul li {
          flex-basis: 10em; }
      .paragraph--type--image-card ul:not(.bottom-images) img {
        max-height: 2.5em;
        width: 10em; } }
  @media all and (min-width: 1260px) {
    .paragraph--type--image-card {
      padding: var(--blh-400); }
      .paragraph--type--image-card ul {
        grid-gap: var(--blh-400); }
      .paragraph--type--image-card ul:not(.bottom-images) img {
        max-height: 5em; } }
  @media all and (min-width: 1680px) {
    .paragraph--type--image-card {
      padding: var(--blh-600); }
      .paragraph--type--image-card ul {
        grid-gap: var(--blh-600); }
        .paragraph--type--image-card ul li {
          flex-basis: 14em; }
      .paragraph--type--image-card ul:not(.bottom-images) img {
        max-height: 7em;
        width: 14em; } }
  .collaboration-slider .paragraph--type--image-card, .certifications .paragraph--type--image-card {
    grid-auto-columns: 1fr; }
    .collaboration-slider .paragraph--type--image-card ul, .certifications .paragraph--type--image-card ul {
      grid-gap: unset;
      margin-bottom: var(--blh); }
      .collaboration-slider .paragraph--type--image-card ul li, .certifications .paragraph--type--image-card ul li {
        flex-basis: unset;
        width: calc(50% - var(--blh) * 2);
        margin: var(--blh);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .collaboration-slider .paragraph--type--image-card ul li::before, .certifications .paragraph--type--image-card ul li::before {
          content: "";
          display: block;
          padding-top: 100%;
          min-width: var(--blh-200); }
      .collaboration-slider .paragraph--type--image-card ul img, .certifications .paragraph--type--image-card ul img {
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .collaboration-slider .paragraph--type--image-card ul:not(.bottom-images) img, .certifications .paragraph--type--image-card ul:not(.bottom-images) img {
      max-height: 100%;
      max-width: 100 .collaboration-slider .paragraph--type--image-card ul:not(.bottom-images) img, .certifications .paragraph--type--image-card ul:not(.bottom-images) img; }
    .collaboration-slider .paragraph--type--image-card ul.bottom-images li, .certifications .paragraph--type--image-card ul.bottom-images li {
      flex-basis: unset; }
    .collaboration-slider .paragraph--type--image-card ul.bottom-images img, .certifications .paragraph--type--image-card ul.bottom-images img {
      height: 100%; }
    @media all and (min-width: 768px) {
      .collaboration-slider .paragraph--type--image-card ul, .certifications .paragraph--type--image-card ul {
        grid-gap: unset; }
        .collaboration-slider .paragraph--type--image-card ul li, .certifications .paragraph--type--image-card ul li {
          flex-basis: unset;
          width: calc(25% - var(--blh-100) * 2);
          margin: var(--blh-100); }
      .collaboration-slider .paragraph--type--image-card ul:not(.bottom-images) img, .certifications .paragraph--type--image-card ul:not(.bottom-images) img {
        max-height: 100%;
        width: 100%; } }
    @media all and (min-width: 1260px) {
      .collaboration-slider .paragraph--type--image-card ul, .certifications .paragraph--type--image-card ul {
        grid-gap: unset;
        margin: 0 auto;
        width: 100%; }
        .collaboration-slider .paragraph--type--image-card ul li, .certifications .paragraph--type--image-card ul li {
          width: calc(25% - calc(var(--blh) * 2));
          margin: var(--blh); }
      .collaboration-slider .paragraph--type--image-card ul:not(.bottom-images) img, .certifications .paragraph--type--image-card ul:not(.bottom-images) img {
        max-height: 100%; } }
    @media all and (min-width: 1680px) {
      .collaboration-slider .paragraph--type--image-card ul, .certifications .paragraph--type--image-card ul {
        grid-gap: unset; }
        .collaboration-slider .paragraph--type--image-card ul li, .certifications .paragraph--type--image-card ul li {
          flex-basis: unset; }
      .collaboration-slider .paragraph--type--image-card ul:not(.bottom-images) img, .certifications .paragraph--type--image-card ul:not(.bottom-images) img {
        max-height: 100%;
        width: 100%;
        max-width: 100%; } }
  .certifications .paragraph--type--image-card {
    padding: 0; }
    .certifications .paragraph--type--image-card .extra-content-toggle i {
      margin-left: 12px; }
    .certifications .paragraph--type--image-card ul {
      margin-bottom: 0;
      transition: max-width ease 750ms; }
      .certifications .paragraph--type--image-card ul li {
        width: 100%;
        margin: 0; }
    @media all and (min-width: 768px) {
      .certifications .paragraph--type--image-card ul li {
        width: 100%;
        margin: 0; } }
    @media all and (min-width: 1260px) {
      .certifications .paragraph--type--image-card ul {
        max-width: 235px;
        margin: 0 auto; }
        .certifications .paragraph--type--image-card ul li {
          width: 100%;
          margin: 0; } }
  .single-bottom-image .paragraph--type--image-card .bottom-images li {
    flex-basis: 100% !important; }
  .large-bottom-image .paragraph--type--image-card .bottom-images {
    display: grid;
    grid-template-columns: repeat(3, 305px);
    grid-template-columns: repeat(3, 305px);
    column-gap: 12px; }
    @media screen and (max-width: 1440px) {
      .large-bottom-image .paragraph--type--image-card .bottom-images {
        column-gap: 10px;
        grid-template-columns: repeat(3, 229.3px); } }
    @media screen and (max-width: 768px) {
      .large-bottom-image .paragraph--type--image-card .bottom-images {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
        row-gap: 10px; } }
    .large-bottom-image .paragraph--type--image-card .bottom-images li {
      border-radius: 15px;
      overflow: hidden;
      display: block; }
      .large-bottom-image .paragraph--type--image-card .bottom-images li img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

@media (min-width: 768px) {
  .certifications .mask {
    min-height: 577px;
    overflow: hidden; } }
.certifications .slide img {
  max-width: 70% !important;
  object-fit: contain !important;
  transition: max-width ease 750ms; }
  @media (min-width: 768px) {
    .certifications .slide img {
      max-width: 100% !important; } }
.certifications .centre-slide img {
  transform: translate(-50%, -50%) !important;
  max-width: 80% !important; }
  @media (min-width: 768px) {
    .certifications .centre-slide img {
      max-width: 100% !important; } }
.certifications .centre-slide .paragraph--type--image-card > ul {
  max-width: 100%; }
  @media (min-width: 768px) {
    .certifications .centre-slide .paragraph--type--image-card > ul {
      max-width: 300px; } }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.location-card {
  padding: var(--blh-200);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--box-l-shadow);
  padding: 60px !important;
  display: grid;
  justify-content: center;
  justify-items: center;
  position: relative;
  margin-top: 50px; }
  .location-card p {
    margin-top: 0; }
    .location-card p:last-child {
      margin-bottom: 0; }
  @media (max-width: 768px) {
    .location-card {
      padding: 40px !important; } }
  .zxy-paragraph-slider-section .slider .slide .location-card {
    height: 100%; }
  .location-card img {
    position: absolute;
    top: -3em;
    left: 50%;
    transform: translateX(-50%);
    max-width: 8em;
    max-height: 4em; }
  .location-card a {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-medium);
    color: var(--blue-d);
    text-decoration: none;
    white-space: nowrap;
    border-radius: var(--button-radius-l);
    transition: background-color 150ms ease;
    letter-spacing: 0.5px;
    padding: var(--button-padding-m);
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: bold;
    background-color: var(--button-white);
    background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
    color: black;
    box-shadow: var(--button-shadow);
    text-align: center;
    border: none;
    background-color: var(--primary-d);
    background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
    color: white;
    padding: var(--button-padding-l);
    font-size: 1.25rem;
    line-height: 1.5em;
    margin-bottom: var(--blh); }
    .location-card a .icon {
      pointer-events: none; }
    .location-card a .icon.left {
      margin-right: var(--blh-050); }
    .location-card a .icon.right {
      margin-left: var(--blh-050); }
    .location-card a::before {
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
    .location-card a:hover, .location-card a:active, .location-card a:focus {
      box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
      outline: none;
      text-decoration: underline; }
    .location-card a:focus {
      background-color: #f09a19; }
    .location-card a.btn--large {
      padding: var(--button-padding-sm);
      font-size: 1.15rem;
      line-height: 1.5em; }
    @media all and (min-width: 768px) {
      .location-card a.btn--large {
        padding: var(--button-padding-sm);
        font-size: 1.15rem;
        line-height: 1.5em; } }
    .location-card a::before {
      content: "";
      position: absolute;
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px;
      z-index: -1;
      border-radius: var(--button-radius-l);
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
  .location-card h3,
  .location-card h4 {
    margin-top: 0;
    margin-bottom: 0; }
  .location-card h4 {
    font-size: var(--m);
    font-weight: var(--font-weight-regular); }
  .location-card .location-features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    grid-gap: var(--blh);
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: var(--blh-200);
    margin-bottom: var(--blh-200); }
    .location-card .location-features li {
      display: grid;
      flex-basis: 30%;
      grid-gap: 0.25em;
      justify-items: center;
      line-height: var(--line-height-tight); }
    .location-card .location-features li.showroom .icon {
      color: var(--pink); }
    .location-card .location-features li.production .icon {
      color: var(--blue); }
    .location-card .location-features li.sourcing .icon {
      color: var(--red); }
    .location-card .location-features li.design--innovation .icon {
      color: var(--green); }
    .location-card .location-features li.business-development .icon {
      color: var(--purple); }
  @media all and (min-width: 768px) {
    .location-card {
      padding: var(--blh-300); }
      .location-card h3 {
        font-size: var(--xxl); } }
  @media all and (min-width: 1260px) {
    .location-card {
      padding: var(--blh-400); }
      .location-card h3 {
        font-size: var(--l); } }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.certification-card {
  padding: 0;
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--box-l-shadow);
  margin-top: var(--default-card-margin);
  display: grid;
  position: relative;
  text-align: left;
  color: var(--text-colour); }
  .certification-card p {
    margin-top: 0; }
    .certification-card p:last-child {
      margin-bottom: 0; }
  .certification-card > div:first-child {
    padding: var(--blh-200); }
    .certification-card > div:first-child h2,
    .certification-card > div:first-child h3,
    .certification-card > div:first-child h3 {
      margin-top: 0;
      margin-bottom: var(--blh-050);
      font-size: var(--m2);
      font-weight: var(--font-weight-medium); }
    .certification-card > div:first-child ul {
      margin: 0;
      padding-left: 1.5em; }
  .certification-card .certifications-container {
    padding: var(--blh);
    border-top: 2px solid var(--border-colour); }
    .certification-card .certifications-container h6 {
      font-weight: var(--font-weight-regular); }
    .certification-card .certifications-container > div {
      display: flex;
      flex-wrap: wrap;
      grid-gap: var(--blh-050);
      align-items: center;
      align-content: center;
      justify-content: center; }
      .certification-card .certifications-container > div > div {
        flex-basis: 20%; }
        .certification-card .certifications-container > div > div img {
          max-height: 2.5em; }
  @media all and (min-width: 1260px) {
    .certification-card {
      grid-template-columns: repeat(2, 1fr); }
      .certification-card > div:last-child {
        border-top: none;
        border-left: 2px solid var(--border-colour); }
      .certification-card > div:last-child > div {
        flex-basis: 30%; } }

.card-grid .certification-card {
  height: 100%; }
  @media (max-width: 768px) {
    .card-grid .certification-card {
      height: auto; } }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

.section-with-certification {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 1024px) {
    .section-with-certification {
      flex-direction: row;
      flex-wrap: nowrap; } }
  .section-with-certification .certification-left {
    flex-basis: 100%; }
    @media (min-width: 1024px) {
      .section-with-certification .certification-left {
        flex-basis: 48%; } }
    @media (min-width: 1260px) {
      .section-with-certification .certification-left {
        flex-basis: 40%; } }
    @media (min-width: 1680px) {
      .section-with-certification .certification-left {
        flex-basis: 757px; } }
  .section-with-certification .certification-right {
    text-align: center;
    flex-basis: 100%; }
    @media (min-width: 1024px) {
      .section-with-certification .certification-right {
        text-align: right;
        flex-basis: 48%; } }
    @media (min-width: 1260px) {
      .section-with-certification .certification-right {
        flex-basis: 50%; } }
    @media (min-width: 1680px) {
      .section-with-certification .certification-right {
        flex-basis: 589px; } }
    .section-with-certification .certification-right .btn-group {
      justify-content: center !important; }
      @media (min-width: 1024px) {
        .section-with-certification .certification-right .btn-group {
          justify-content: flex-end !important; } }
  .section-with-certification .certifications {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 39px;
    margin-top: 0; }
    @media (min-width: 1024px) {
      .section-with-certification .certifications {
        gap: 78px; } }
    .section-with-certification .certifications li {
      display: inline-block;
      flex: 1; }
      .section-with-certification .certifications li img {
        width: auto;
        height: auto;
        max-width: 100%; }

.paragraph--type--user-card {
  padding: var(--blh-200);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--box-l-shadow); }
  .paragraph--type--user-card p {
    margin-top: 0; }
    .paragraph--type--user-card p:last-child {
      margin-bottom: 0; }
  .paragraph--type--user-card .user-profile {
    --profile-img-width: 8em;
    --flag-img-width: 3em;
    display: grid;
    justify-items: center;
    max-width: 30em;
    margin-left: auto;
    margin-right: auto; }
    .paragraph--type--user-card .user-profile .profile-image-container {
      position: relative;
      height: var(--profile-img-width);
      width: var(--profile-img-width); }
    .paragraph--type--user-card .user-profile .profile-picture img {
      height: var(--profile-img-width);
      width: var(--profile-img-width);
      border-radius: 50%; }
    .paragraph--type--user-card .user-profile .flag-image {
      position: absolute;
      bottom: 1rem;
      right: -0.5rem;
      max-width: var(--flag-img-width); }
      .paragraph--type--user-card .user-profile .flag-image.globe-image {
        max-width: 40px; }
        @media (min-width: 768px) {
          .paragraph--type--user-card .user-profile .flag-image.globe-image {
            max-width: 60px; } }
    .paragraph--type--user-card .user-profile h3, .paragraph--type--user-card .user-profile h6 {
      margin-bottom: 0; }
    .paragraph--type--user-card .user-profile h6 {
      font-weight: var(--font-weight-medium); }
  @media (min-width: 768px) {
    .paragraph--type--user-card {
      padding: var(--blh-400); }
      .paragraph--type--user-card .user-profile {
        --profile-img-width: 12em;
        --flag-img-width: 5em; } }

.paragraph--type--overflow-card {
  padding: var(--blh-200);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: 10px 10px 20px rgba(var(--blue-d-rgb), 0.2);
  position: relative;
  display: block;
  color: var(--text-colour);
  text-decoration: none;
  text-align: left;
  --max-height: 45rem; }
  .paragraph--type--overflow-card p {
    margin-top: 0; }
    .paragraph--type--overflow-card p:last-child {
      margin-bottom: 0; }
  .paragraph--type--overflow-card h1,
  .paragraph--type--overflow-card h2,
  .paragraph--type--overflow-card h3,
  .paragraph--type--overflow-card h4 {
    margin-top: 0;
    margin-bottom: 0; }
  .paragraph--type--overflow-card h3 + h4 {
    font-size: var(--sm); }
  .paragraph--type--overflow-card p {
    display: -webkit-box;
    max-height: 3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    transition: max-height 500ms ease; }
  .paragraph--type--overflow-card.show-more p {
    max-height: var(--max-height);
    display: block; }
  .paragraph--type--overflow-card .show-more-button {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    padding: 0;
    color: #32808e;
    transition: var(--transition);
    font-size: var(--xs); }
    .paragraph--type--overflow-card .show-more-button i.icon {
      margin-left: var(--blh-025); }
    .paragraph--type--overflow-card .show-more-button:focus, .paragraph--type--overflow-card .show-more-button:active {
      color: var(--primary-sustainability-d); }
    .paragraph--type--overflow-card .show-more-button.active {
      transform: rotate(180deg); }

.card-grid .paragraph--type--overflow-card {
  height: 100%; }

.zxy-paragraph-slider-section {
  --slider-control-width-val: 10;
  --slider-control-width: 10%;
  --slider-width-val: 90;
  --slider-width: 90%; }
  .zxy-paragraph-slider-section .slider {
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, auto);
    justify-items: center;
    color: var(--text-colour); }
    .zxy-paragraph-slider-section .slider .mask {
      width: 100%; }
    .zxy-paragraph-slider-section .slider .slides {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: var(--slider-width);
      grid-template-rows: 1fr;
      align-items: center; }
    .zxy-paragraph-slider-section .slider .slide {
      transform: scale(0.85);
      transition: all ease 750ms;
      justify-self: center;
      width: 100%;
      height: 100%; }
      .zxy-paragraph-slider-section .slider .slide .location-card {
        background-color: #f0f0f0; }
      .zxy-paragraph-slider-section .slider .slide.centre-slide {
        opacity: 100%;
        transform: scale(1) translate(0, 0);
        z-index: 1; }
        .zxy-paragraph-slider-section .slider .slide.centre-slide .location-card {
          background-color: #fff; }
  .zxy-paragraph-slider-section.stacked .mask {
    width: 100%; }
  .zxy-paragraph-slider-section.stacked .slides {
    position: relative; }
    .zxy-paragraph-slider-section.stacked .slides .slide.left-of-centre {
      transform: scale(0.85) translateX(25%); }
    .zxy-paragraph-slider-section.stacked .slides .slide.right-of-centre {
      transform: scale(0.85) translateX(-25%); }
  .zxy-paragraph-slider-section .slider-control {
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: var(--slider-control-width);
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    opacity: 0.8;
    z-index: 5; }
    .zxy-paragraph-slider-section .slider-control.left {
      left: 20px; }
    .zxy-paragraph-slider-section .slider-control.right {
      right: 20px; }
    .zxy-paragraph-slider-section .slider-control:hover {
      opacity: 1; }
    .zxy-paragraph-slider-section .slider-control svg {
      width: 60px;
      height: 60px; }
    .zxy-paragraph-slider-section .slider-control::after {
      content: "";
      position: absolute;
      background-color: rgba(255, 255, 255, 0.75);
      height: 3em;
      width: 3em;
      border-radius: 50%;
      box-shadow: 0 0 15px 15px rgba(255, 255, 255, 0.75);
      z-index: -1;
      opacity: 0; }
    .zxy-paragraph-slider-section .slider-control:hover::after {
      opacity: 1; }
  .zxy-paragraph-slider-section .slider-dots {
    display: none;
    grid-row-start: 2;
    grid-column: 1/-1;
    margin-top: var(--blh-600);
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    justify-content: center;
    grid-gap: 21px; }
    .zxy-paragraph-slider-section .slider-dots .slider-dots-control {
      display: flex;
      width: 1.25em;
      color: white;
      visibility: hidden; }
    .zxy-paragraph-slider-section .slider-dots .slider-dot {
      height: 14px;
      width: 14px;
      border: 2px solid black;
      border-radius: 50%; }
    .zxy-paragraph-slider-section .slider-dots .slider-dot.active {
      background-color: black; }
  .zxy-paragraph-slider-section.certifications .slider-dots {
    margin-top: var(--blh-200); }
  .zxy-paragraph-slider-section .slider-name-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: var(--container-inline-padding);
    padding-right: var(--container-inline-padding);
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--blh);
    justify-content: center;
    align-items: center;
    margin-top: var(--blh-600);
    margin-bottom: var(--blh-400);
    padding-top: var(--blh);
    border-top: 1px solid black; }
    @media (max-width: 768px) {
      .zxy-paragraph-slider-section .slider-name-controls {
        margin: 28px 0 45px;
        padding-top: 28px !important; } }
    .zxy-paragraph-slider-section .slider-name-controls a {
      font-weight: var(--font-weight-regular);
      color: black; }
  @media all and (min-width: 414px) {
    .zxy-paragraph-slider-section .slider-name-controls {
      margin-bottom: var(--blh-600); } }
  @media all and (min-width: 540px) {
    .zxy-paragraph-slider-section {
      --slider-width-val: 80;
      --slider-width: 80%; } }
  @media all and (min-width: 768px) {
    .zxy-paragraph-slider-section .slider-dots {
      display: grid; }
    .zxy-paragraph-slider-section .slider .slides {
      grid-column-gap: 0; }
    .zxy-paragraph-slider-section .slider .slide {
      display: grid;
      width: 100% !important;
      height: 100% !important; }
      .zxy-paragraph-slider-section .slider .slide:not(:focus):not(:active) {
        clip: initial;
        clip-path: initial;
        height: initial;
        overflow: initial;
        position: initial;
        white-space: initial;
        width: initial; }
    .zxy-paragraph-slider-section .slider-name-controls {
      margin-bottom: var(--blh-800); } }
  @media all and (min-width: 1260px) {
    .zxy-paragraph-slider-section .slider-name-controls {
      grid-gap: var(--blh-200);
      margin-top: var(--blh-200); } }

@media (min-width: 768px) {
  .zxy-paragraph-content.product-and-services .zxy-paragraph-slider-section {
    --slider-width-val: 667;
    --slider-width: 667px; } }

.product-attribute-slide {
  background-color: white;
  padding: 4.06rem 2.5rem; }
  .product-attribute-slide.zxy-paragraph-slider-section {
    --slider-width-val: 33;
    --slider-width: 33.33%; }
  .product-attribute-slide h3 {
    margin-top: 0;
    margin-bottom: 2.3rem; }
  .product-attribute-slide h4 {
    font-weight: 400;
    margin-bottom: 1rem; }
  .product-attribute-slide .product-attribute-icon img {
    width: auto;
    height: 75px;
    max-width: 100%; }
  .product-attribute-slide ul {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(1fr);
    gap: 10px; }
    @media (min-width: 768px) {
      .product-attribute-slide ul {
        grid-template-columns: repeat(2, 1fr); } }
    .product-attribute-slide ul li {
      background-color: #f2f2f2;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 25px;
      border-radius: 10px; }
      @media (min-width: 768px) {
        .product-attribute-slide ul li {
          min-height: 95px; } }
  .product-attribute-slide .certifications {
    margin-top: 70px; }
    .product-attribute-slide .certifications > div {
      display: flex;
      justify-content: center;
      gap: 25px;
      flex-wrap: wrap; }
      .product-attribute-slide .certifications > div img {
        width: auto;
        height: 86.67px;
        max-width: 100%; }

.product-and-services .zxy-paragraph-slider-section .slider .slide {
  height: auto !important;
  min-height: 700px; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }
.product-details h5 { margin-bottom: 5px; }
:root {
  --control-border-width: 1px;
  --control-height: 2.5em;
  --control-line-height: 1.5;
  --control-padding-vertical: calc(0.375em - var(--control-border-width));
  --control-padding-horizontal: calc(0.625em - var(--control-border-width));
  --control-radius: var(--radius-sm);
  --select-arrow-size: 1.25em; }

textarea,
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  border: var(--control-border-width) solid transparent;
  border-radius: var(--control-radius);
  box-shadow: none;
  display: inline-flex;
  font-size: var(--sm);
  justify-content: flex-start;
  line-height: var(--control-line-height);
  padding: var(--control-padding-vertical) var(--control-padding-horizontal);
  position: relative;
  vertical-align: top;
  border: var(--box-border); }
  textarea:focus, textarea.is-focused, textarea:active, textarea.is-active,
  input[type="text"]:focus,
  input[type="text"].is-focused,
  input[type="text"]:active,
  input[type="text"].is-active,
  input[type="number"]:focus,
  input[type="number"].is-focused,
  input[type="number"]:active,
  input[type="number"].is-active,
  input[type="tel"]:focus,
  input[type="tel"].is-focused,
  input[type="tel"]:active,
  input[type="tel"].is-active,
  input[type="email"]:focus,
  input[type="email"].is-focused,
  input[type="email"]:active,
  input[type="email"].is-active,
  input[type="password"]:focus,
  input[type="password"].is-focused,
  input[type="password"]:active,
  input[type="password"].is-active,
  input[type="search"]:focus,
  input[type="search"].is-focused,
  input[type="search"]:active,
  input[type="search"].is-active,
  select:focus,
  select.is-focused,
  select:active,
  select.is-active {
    outline: none; }
    textarea:focus:disabled,
    textarea:focus fieldset:disabled, textarea.is-focused:disabled,
    textarea.is-focused fieldset:disabled, textarea:active:disabled,
    textarea:active fieldset:disabled, textarea.is-active:disabled,
    textarea.is-active fieldset:disabled,
    input[type="text"]:focus:disabled,
    input[type="text"]:focus fieldset:disabled,
    input[type="text"].is-focused:disabled,
    input[type="text"].is-focused fieldset:disabled,
    input[type="text"]:active:disabled,
    input[type="text"]:active fieldset:disabled,
    input[type="text"].is-active:disabled,
    input[type="text"].is-active fieldset:disabled,
    input[type="number"]:focus:disabled,
    input[type="number"]:focus fieldset:disabled,
    input[type="number"].is-focused:disabled,
    input[type="number"].is-focused fieldset:disabled,
    input[type="number"]:active:disabled,
    input[type="number"]:active fieldset:disabled,
    input[type="number"].is-active:disabled,
    input[type="number"].is-active fieldset:disabled,
    input[type="tel"]:focus:disabled,
    input[type="tel"]:focus fieldset:disabled,
    input[type="tel"].is-focused:disabled,
    input[type="tel"].is-focused fieldset:disabled,
    input[type="tel"]:active:disabled,
    input[type="tel"]:active fieldset:disabled,
    input[type="tel"].is-active:disabled,
    input[type="tel"].is-active fieldset:disabled,
    input[type="email"]:focus:disabled,
    input[type="email"]:focus fieldset:disabled,
    input[type="email"].is-focused:disabled,
    input[type="email"].is-focused fieldset:disabled,
    input[type="email"]:active:disabled,
    input[type="email"]:active fieldset:disabled,
    input[type="email"].is-active:disabled,
    input[type="email"].is-active fieldset:disabled,
    input[type="password"]:focus:disabled,
    input[type="password"]:focus fieldset:disabled,
    input[type="password"].is-focused:disabled,
    input[type="password"].is-focused fieldset:disabled,
    input[type="password"]:active:disabled,
    input[type="password"]:active fieldset:disabled,
    input[type="password"].is-active:disabled,
    input[type="password"].is-active fieldset:disabled,
    input[type="search"]:focus:disabled,
    input[type="search"]:focus fieldset:disabled,
    input[type="search"].is-focused:disabled,
    input[type="search"].is-focused fieldset:disabled,
    input[type="search"]:active:disabled,
    input[type="search"]:active fieldset:disabled,
    input[type="search"].is-active:disabled,
    input[type="search"].is-active fieldset:disabled,
    select:focus:disabled,
    select:focus fieldset:disabled,
    select.is-focused:disabled,
    select.is-focused fieldset:disabled,
    select:active:disabled,
    select:active fieldset:disabled,
    select.is-active:disabled,
    select.is-active fieldset:disabled {
      cursor: not-allowed; }

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
select {
  height: var(--control-height); }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: var(--button-padding-sm);
  font-size: 1.15rem;
  line-height: 1.5em;
  line-height: var(--body-line-height);
  height: initial;
  border: none; }

input[type="submit"]:not(.btn) {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  color: var(--blue-d);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--button-radius-l);
  transition: background-color 150ms ease;
  letter-spacing: 0.5px;
  padding: var(--button-padding-m);
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: bold;
  background-color: var(--button-white);
  background-image: linear-gradient(180deg, var(--button-grad-white-1), var(--button-grad-white-2));
  color: black;
  box-shadow: var(--button-shadow);
  text-align: center;
  border: none; }
  input[type="submit"]:not(.btn) .icon {
    pointer-events: none; }
  input[type="submit"]:not(.btn) .icon.left {
    margin-right: var(--blh-050); }
  input[type="submit"]:not(.btn) .icon.right {
    margin-left: var(--blh-050); }
  input[type="submit"]:not(.btn)::before {
    background-color: white;
    background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1)); }
  input[type="submit"]:not(.btn):hover, input[type="submit"]:not(.btn):active, input[type="submit"]:not(.btn):focus {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.6);
    outline: none;
    text-decoration: underline; }
  input[type="submit"]:not(.btn):focus {
    background-color: #f09a19; }
  input[type="submit"]:not(.btn).btn--large {
    padding: var(--button-padding-sm);
    font-size: 1.15rem;
    line-height: 1.5em; }
  @media all and (min-width: 768px) {
    input[type="submit"]:not(.btn).btn--large {
      padding: var(--button-padding-sm);
      font-size: 1.15rem;
      line-height: 1.5em; } }

.webform-submission-form {
  max-width: 50rem;
  display: grid;
  justify-items: stretch;
  grid-row-gap: var(--blh); }
  .webform-submission-form label {
    display: block;
    font-size: var(--xs); }
  .webform-submission-form textarea,
  .webform-submission-form input[type="text"],
  .webform-submission-form input[type="number"],
  .webform-submission-form input[type="tel"],
  .webform-submission-form input[type="email"],
  .webform-submission-form input[type="password"],
  .webform-submission-form input[type="search"],
  .webform-submission-form select {
    width: 100%; }
    .webform-submission-form textarea:focus, .webform-submission-form textarea:active,
    .webform-submission-form input[type="text"]:focus,
    .webform-submission-form input[type="text"]:active,
    .webform-submission-form input[type="number"]:focus,
    .webform-submission-form input[type="number"]:active,
    .webform-submission-form input[type="tel"]:focus,
    .webform-submission-form input[type="tel"]:active,
    .webform-submission-form input[type="email"]:focus,
    .webform-submission-form input[type="email"]:active,
    .webform-submission-form input[type="password"]:focus,
    .webform-submission-form input[type="password"]:active,
    .webform-submission-form input[type="search"]:focus,
    .webform-submission-form input[type="search"]:active,
    .webform-submission-form select:focus,
    .webform-submission-form select:active {
      box-shadow: 0 0 3px var(--primary-trans-3); }

.webform-submission-contact-form {
  padding: var(--blh-200) var(--blh);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--box-m-shadow);
  padding: 26px; }
  .webform-submission-contact-form p {
    margin-top: 0; }
    .webform-submission-contact-form p:last-child {
      margin-bottom: 0; }
  .webform-submission-contact-form .form-item {
    text-align: left; }
  .webform-submission-contact-form .form-item-form-text {
    text-align: center; }
  .webform-submission-contact-form h1,
  .webform-submission-contact-form h2 {
    font-size: var(--l);
    margin-bottom: var(--blh-025); }
  .webform-submission-contact-form h3 {
    margin-top: 0;
    font-size: var(--m);
    font-weight: var(--font-weight-medium); }
  .webform-submission-contact-form .form-actions {
    justify-self: center;
    margin-top: var(--blh);
    margin-bottom: var(--blh);
    position: relative; }
    @media (max-width: 768px) {
      .webform-submission-contact-form .form-actions {
        display: inline-block;
        margin-right: auto; } }
  .webform-submission-contact-form input[type="submit"] {
    background-color: var(--primary-d);
    background-image: linear-gradient(180deg, var(--button-grad-blue-1), var(--button-grad-blue-2));
    color: white; }
    .webform-submission-contact-form input[type="submit"]::before {
      content: "";
      position: absolute;
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px;
      z-index: -1;
      border-radius: var(--button-radius-l);
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-blue-2), var(--button-grad-blue-1)); }
  .webform-submission-contact-form select.form-select {
    position: relative;
    cursor: pointer;
    padding-right: 2.35em;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: calc(100% - var(--blh-050)) 50%;
    background-size: var(--select-arrow-size) var(--select-arrow-size);
    transition: background ease 150ms;
    background-image: url("../images/icons/chevron-down.svg"); }
    .webform-submission-contact-form select.form-select:active {
      background-image: url("../images/icons/chevron-up.svg"); }
    .webform-submission-contact-form select.form-select.select-txt-black {
      color: black;
      background-image: url("../images/icons/chevron-down-black.svg"); }
      .webform-submission-contact-form select.form-select.select-txt-black:active {
        background-image: url("../images/icons/chevron-up-black.svg"); }
  .webform-submission-contact-form .iti.iti--allow-dropdown {
    width: 100%; }
  @media all and (min-width: 768px) {
    .webform-submission-contact-form {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: var(--blh);
      padding: var(--blh-400) var(--blh-300); }
      .webform-submission-contact-form .form-actions {
        justify-self: flex-start;
        grid-column: 1 / span 1; }
      .webform-submission-contact-form .form-item-form-text {
        text-align: left; }
      .webform-submission-contact-form .form-item-form-text,
      .webform-submission-contact-form .form-item-email,
      .webform-submission-contact-form .form-item-message {
        grid-column: 1/-1; }
      .webform-submission-contact-form .captcha {
        grid-column: 1 / span 2; } }

.webform-submission-newsletter-subscription-form {
  margin-bottom: var(--blh); }
  .webform-submission-newsletter-subscription-form .form-item-email-address label {
    margin-left: var(--blh-050);
    font-size: var(--xs); }
  .webform-submission-newsletter-subscription-form .form-item-email-address input {
    border-radius: 2em;
    padding-left: var(--blh);
    padding-right: var(--blh); }
  .webform-submission-newsletter-subscription-form .form-actions {
    justify-self: left;
    position: relative; }
    .webform-submission-newsletter-subscription-form .form-actions::before {
      background-color: white;
      background-image: linear-gradient(180deg, var(--button-grad-white-2), var(--button-grad-white-1));
      z-index: 0; }
    .webform-submission-newsletter-subscription-form .form-actions input[type="submit"] {
      padding: var(--button-padding-l);
      font-size: 1.25rem;
      line-height: 1.5em;
      padding: var(--button-padding-m-wide); }
  .webform-submission-newsletter-subscription-form .webform-confirmation {
    padding: var(--blh);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-m); }
    @media (min-width: 768px) {
      .webform-submission-newsletter-subscription-form .webform-confirmation {
        padding: var(--blh-200); } }
  .webform-submission-newsletter-subscription-form .webform-confirmation__message {
    font-weight: var(--font-weight-medium); }
  .webform-submission-newsletter-subscription-form .webform-confirmation__back {
    margin-bottom: 0; }
    .webform-submission-newsletter-subscription-form .webform-confirmation__back a {
      color: inherit;
      opacity: 0.8; }
      .webform-submission-newsletter-subscription-form .webform-confirmation__back a:hover {
        opacity: 1; }

.webform-submission-contact-form {
  background-color: #ffffff; }
  .webform-submission-contact-form .js-form-type-webform-markup h2 {
    font-size: 43pt;
    font-weight: bold; }
    @media (max-width: 768px) {
      .webform-submission-contact-form .js-form-type-webform-markup h2 {
        font-size: 30px;
        text-align: left;
        margin-bottom: 21px; } }
  @media (max-width: 768px) {
    .webform-submission-contact-form .js-form-type-webform-markup p {
      font-size: 16px;
      text-align: left; } }
  .webform-submission-contact-form .form-item label {
    font-size: 14pt;
    margin-bottom: 10px; }
  .webform-submission-contact-form .form-item input,
  .webform-submission-contact-form .form-item select {
    height: 64px;
    padding: 21px; }
  .webform-submission-contact-form .form-item-mandatory-field {
    font-size: 14pt; }
  .webform-submission-contact-form .iti__flag-container {
    border-right: 1px solid #707070; }
  .webform-submission-contact-form .iti--allow-dropdown input {
    padding-left: 70px; }

.has-video-banner .region-header:not(.sticky) .menu-burger span {
  background-color: #fff; }

nav.pager {
  padding-top: var(--blh);
  border-top: var(--box-border); }
  nav.pager ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  nav.pager a {
    color: var(--text-colour);
    text-decoration: none; }
    nav.pager a:hover {
      text-decoration: underline; }
  nav.pager .pager__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "left middle right";
    font-weight: var(--font-weight-medium); }
  nav.pager .pager__item.pager__item--first,
  nav.pager .pager__item.pager__item--last {
    display: none; }
  nav.pager .left, nav.pager .middle, nav.pager .right {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: var(--blh-075); }
  nav.pager .middle {
    grid-area: middle;
    justify-content: center; }
  nav.pager .left {
    grid-area: left;
    justify-content: flex-start; }
  nav.pager .right {
    grid-area: right;
    justify-content: flex-end; }
  nav.pager .pager__item {
    opacity: 0.85; }
    nav.pager .pager__item a {
      display: grid;
      grid-auto-flow: column;
      grid-column-gap: var(--blh-050); }
      nav.pager .pager__item a i.icon {
        display: flex;
        align-items: center;
        width: 0.85em; }
        nav.pager .pager__item a i.icon svg {
          max-height: 1em; }
  nav.pager .pager__item.is-active a {
    cursor: default;
    text-decoration: underline; }
  nav.pager .pager__item:hover,
  nav.pager .pager__item:focus,
  nav.pager .pager__item:active,
  nav.pager .pager__item.is-active {
    opacity: 1; }
  @media (min-width: 768px) {
    nav.pager .pager__item.pager__item--first,
    nav.pager .pager__item.pager__item--last {
      display: unset; } }

.status-messages {
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-items: center;
  align-content: center;
  padding: var(--blh-200);
  background-color: var(--primary-d-trans-8);
  text-align: center;
  border: none;
  border-radius: 0;
  z-index: 9999;
  color: white;
  font-size: var(--m); }
  .status-messages h3 {
    margin-bottom: var(--blh-025); }
  .status-messages .btn.close-status-message {
    margin-top: var(--blh); }

.wishlist__notification {
  position: fixed;
  left: 50%;
  bottom: 30px;
  margin-left: -85px;
  visibility: hidden;
  z-index: 3; }
  .wishlist__notification.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
    /* Animations to fade the snackbar in and out */ }
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }
  .wishlist__notification .btn {
    border: var(--box-border-light);
    box-shadow: var(--product-card-shadow);
    background: #ffffff; }

.search-card {
  padding: var(--blh-050);
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--product-card-shadow);
  background-color: #fff;
  display: grid;
  justify-content: center;
  text-decoration: none;
  color: var(--text-colour);
  text-align: center;
  margin: initial; }
  .search-card p {
    margin-top: 0; }
    .search-card p:last-child {
      margin-bottom: 0; }
  .search-card.article {
    grid-template-rows: 2fr minmax(max-content, 1fr) max-content;
    grid-gap: var(--blh-050); }
  .search-card:hover {
    box-shadow: var(--box-m-shadow); }
    .search-card:hover h1,
    .search-card:hover h2,
    .search-card:hover h3,
    .search-card:hover h4,
    .search-card:hover h5,
    .search-card:hover h6 {
      text-decoration: underline; }
  .search-card h1,
  .search-card h2,
  .search-card h3,
  .search-card h4,
  .search-card h5,
  .search-card h6 {
    margin: 0;
    font-size: var(--xs);
    line-height: var(--line-height-tight); }
  .search-card .article-image {
    height: auto;
    max-height: initial; }
  @media (min-width: 768px) {
    .search-card h1,
    .search-card h2,
    .search-card h3,
    .search-card h4,
    .search-card h5,
    .search-card h6 {
      font-size: var(--sm); } }

.article-card {
  padding: 0;
  background-color: white;
  border-radius: var(--radius-m);
  border: var(--box-border-light);
  box-shadow: var(--product-card-shadow);
  background-color: #fff;
  display: grid;
  grid-template-rows: max-content 1fr;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin: initial;
  text-decoration: none;
  color: var(--text-colour);
  text-align: center;
  overflow: hidden; }
  .article-card p {
    margin-top: 0; }
    .article-card p:last-child {
      margin-bottom: 0; }
  .article-card .card-image {
    height: 8em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .article-card .card-title {
    margin: 0;
    font-size: 24px;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-tight); }
    .article-card .card-title a {
      color: inherit;
      text-decoration: none; }
      .article-card .card-title a:hover {
        text-decoration: underline; }
  .article-card .author-details {
    margin-bottom: var(--blh);
    color: #000; }
  .article-card .content {
    display: flex;
    height: 100%;
    flex-flow: column;
    padding: var(--blh); }
  .article-card .read-more-link {
    margin-top: auto;
    padding-top: var(--blh); }
    .article-card .read-more-link a {
      font-weight: var(--font-weight-medium);
      color: inherit; }
  .article-card .tags > div {
    margin-top: var(--blh);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-column-gap: var(--blh-050); }
    .article-card .tags > div a {
      font-size: var(--xs);
      font-weight: var(--font-weight-medium);
      color: var(--text-colour);
      text-decoration: none; }
      .article-card .tags > div a:hover {
        text-decoration: underline; }
      .article-card .tags > div a::before {
        content: "#"; }
  @media (min-width: 414px) {
    .article-card .content {
      padding: var(--blh-150); } }
  @media (min-width: 768px) {
    .article-card .card-title {
      font-size: var(--m2);
      margin-bottom: var(--blh-025); }
    .article-card .card-image {
      height: 10em; } }
  @media (min-width: 1024px) {
    .article-card {
      grid-template-columns: 12em 1fr;
      grid-template-rows: auto;
      justify-content: flex-start;
      text-align: left; }
      .article-card .card-image {
        height: 100%; }
      .article-card .tags > div {
        justify-content: flex-start;
        grid-column-gap: var(--blh); } }
  @media (min-width: 1260px) {
    .article-card {
      grid-template-columns: 1fr 2fr; } }

.zxy-paragraph-content.product-and-services .section--4 .paragraph--type--card-grid .card-grid {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 26px 20px;
  align-items: stretch; }
  .zxy-paragraph-content.product-and-services .section--4 .paragraph--type--card-grid .card-grid > div:nth-child(odd) {
    transform: scale(1); }

.paragraph--type--simple-card {
  background-color: white;
  height: 100%;
  border-radius: 10px;
  text-align: left;
  border: 0.5px solid #bebebe;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16); }
  .paragraph--type--simple-card:not(.has-card-banner) {
    padding: 40px; }
  .paragraph--type--simple-card .pre-heading {
    color: #84706a;
    margin-bottom: 23px; }
  .paragraph--type--simple-card .heading {
    margin-top: 0;
    margin-bottom: 21px; }
  .paragraph--type--simple-card .sub-heading {
    margin-top: 0;
    margin-bottom: 20px; }
  .paragraph--type--simple-card .phase-list ul {
    padding: 0;
    margin: 0;
    list-style-position: inside; }
  .paragraph--type--simple-card.has-card-banner {
    overflow: hidden !important; }
    .paragraph--type--simple-card.has-card-banner .card-banner {
      margin-bottom: 30px; }
    .paragraph--type--simple-card.has-card-banner .pre-heading {
      margin-bottom: 10px !important; }
    .paragraph--type--simple-card.has-card-banner .heading {
      color: #3c4b54; }
    .paragraph--type--simple-card.has-card-banner .card-banner {
      padding: 30px 40px;
      position: relative; }
      .paragraph--type--simple-card.has-card-banner .card-banner .heading-container {
        margin-bottom: 0 !important; }
      .paragraph--type--simple-card.has-card-banner .card-banner > * {
        z-index: 2;
        position: relative; }
      .paragraph--type--simple-card.has-card-banner .card-banner img {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        object-fit: cover !important;
        left: 0;
        top: 0;
        z-index: 1; }
    .paragraph--type--simple-card.has-card-banner .card-content {
      padding: 0 40px 40px; }
  .side-cards .paragraph--type--simple-card {
    border-radius: 10px;
    background: transparent;
    border: 0.25px solid #1d415f;
    /* Note: currently only Safari supports backdrop-filter */
    backdrop-filter: blur(29.8626003265px);
    --webkit-backdrop-filter: blur(29.862600326538086px);
    background-color: rgba(255, 255, 255, 0.18);
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.5) 0%, rgba(250, 250, 250, 0.6) 100%);
    backdrop-filter: blur(30px);
    text-align: center;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .side-cards .paragraph--type--simple-card {
        flex-direction: row; } }

.side-cards > div {
  display: grid;
  grid-template-columns: repeat(2, 220px);
  grid-template-rows: repeat(2, 170px);
  column-gap: 25px;
  row-gap: 15px; }
  @media screen and (max-width: 1440px) {
    .side-cards > div {
      grid-template-columns: repeat(2, 165px);
      grid-template-rows: repeat(2, 128px);
      column-gap: 20px;
      row-gap: 12px; } }
  @media (max-width: 768px) {
    .side-cards > div {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-auto-rows: auto;
      grid-template-rows: unset;
      column-gap: 15px; } }
  .side-cards > div div {
    width: auto; }
    @media (max-width: 768px) {
      .side-cards > div div .paragraph--type--simple-card {
        display: flex;
        flex-direction: column;
        padding: 1em 0; } }
  @media (max-width: 768px) {
    .side-cards > div .heading-container {
      margin-top: 0; } }
  @media (max-width: 768px) {
    .side-cards > div .heading-container div {
      padding: 0; } }
@media (max-width: 768px) {
  .side-cards .card-content,
  .side-cards .card-banner,
  .side-cards .heading-container {
    padding: 0; } }
.side-cards .heading-container {
  margin-bottom: 0 !important; }
  @media screen and (max-width: 1440px) {
    .side-cards .heading-container h2 {
      font-size: 2.0625em !important; } }
  @media (max-width: 500px) {
    .side-cards .heading-container h2 {
      font-size: 5vw !important; } }
.side-cards p {
  font-size: 1.5em !important; }
  @media screen and (max-width: 1440px) {
    .side-cards p {
      font-size: 1.0625em !important; } }
@media (max-width: 768px) {
  .side-cards .phase-list {
    padding: 0; } }
@media (max-width: 768px) {
  .side-cards .phase-list p {
    font-size: 14px !important; } }
@media (max-width: 500px) {
  .side-cards .phase-list p {
    font-size: 3vw !important; } }

.video-section.full {
  max-width: 1578px;
  margin: 0 auto;
  width: 100%; }
.video-section .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border-radius: 15px;
  overflow: hidden; }
.video-section .video-container iframe,
.video-section .video-container object,
.video-section .video-container video,
.video-section .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.image-content-grid {
  display: grid;
  text-align: left;
  grid-template-columns: 1fr;
  gap: 44px; }
  @media (min-width: 768px) {
      
       .products-view .product-list {
    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
}
      
      
    .image-content-grid {
      grid-template-columns: 566px 1fr;
      gap: 80px; } }
  .image-content-grid .image img {
    width: 100%;
    height: auto;
    border-radius: 20px; }
  .image-content-grid .content h1 {
    margin-bottom: 20px; }
  .image-content-grid .content h4 {
    margin-bottom: 34px;
    color: #575756; }
  .image-content-grid .content p {
    font-size: var(--m2);
    margin-top: 0; }

pre {
  text-align: left;
  background-color: white;
  color: black; }

/*# sourceMappingURL=style.css.map */


/*.product-single, .product-wishlist-container {*/
/*    background-image: none!important;*/
/*}*/


.product-single::before, .product-single::after,.product-wishlist-container::before, .product-wishlist-container::after,.no-products__wrapper::before,.no-products__wrapper::after {
    display:none;
}


.large-bottom-image .paragraph--type--image-card .bottom-images li {
    line-height: 0;
}


.region-header .navigation > .menu .menu-main > li > .menu-main__submenu > li:last-child>a {
	margin-right: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 20px;
    border: 2px solid #000;
    border-radius: 10px;
    margin-top: 38px;
    display:block;
}

.newsfeed .products-view .subtitle {
    margin-top: 0px;
}

.add-product-icon::before {
    background-image: url(../images/icons/upload.svg);
}

.add-product-icon.is-active::before {
    background-image: url(../images/icons/upload-Clicked.svg);
}


.zsiq_theme1.siq_bL {
    left: auto;
    right: 10px;
    bottom: 90px;
}
.zsiq-newtheme.siq_lft {
    left: auto !important;
    right: 5px !important;
}
.grecaptcha-badge {
    z-index: 5;
}

.siq_bL.zsiq_theme1 .zsiq_cnt, .siq_lM.zsiq_theme1 .zsiq_cnt, .siq_tL.zsiq_theme1 .zsiq_cnt {
    left: -218px !important;
    right: auto !important;
}
.siq_bL.zsiq_theme1 .zsiq_cnt:after, .siq_lM.zsiq_theme1 .zsiq_cnt:after, .siq_tL.zsiq_theme1 .zsiq_cnt:after {
    right: -5px !important;
    left: auto !important;
}

.siq_bL .zsiq_unrdcnt, .siq_lM .zsiq_unrdcnt, .siq_tL .zsiq_unrdcnt {
    left: -5px !important;
    right: auto !important;
}