:root {
    --fill-primary-on-light: #8d741e;
    --fill-primary-on-light-90: rgba(141, 116, 30, 0.866667);
    --fill-primary-on-colour: #7ce0d3;
    --fill-secondary-on-light: #ccc2a0;
    --fill-focus-on-light: #8d741e;
    --fill-focus-on-colour: #8d741e;
    --fill-other-light-100: #fff;
    --fill-other-light-60: hsla(0, 0%, 100%, 0.376471);
    --fill-other-light-10: hsla(0, 0%, 100%, 0.0627451);
    --fill-other-dark-100: #3d3d3d;
    --fill-other-dark-60: rgba(61, 61, 61, 0.376471);
    --fill-other-dark-10: rgba(61, 61, 61, 0.0627451);
    --fill-other-dark-05: rgba(61, 61, 61, 0.0196078);
    --fill-other-underline: #7ce0d3;
    --fill-other-accent: #7ce0d3;
    --fill-gradient: #0857c3;
    --fill-gradient-accent: #e0ec89;
    --fill-gradient-secondary: #e0ec89;
    --fill-gradient-accent-40: rgba(224, 236, 137, 0.4);
    --fill-gradient-secondary-40: rgba(224, 236, 137, 0.4);
    --fill-gradient-accent-20: rgba(224, 236, 137, 0.2);
    --fill-gradient-secondary-20: rgba(224, 236, 137, 0.2);
    --fill-header: rgba(8, 87, 195, 0.866667);
    --header-scrolling-background: rgba(8, 87, 195, 0.866667);
    --header-standard-indicator: #7ce0d3;
    --txt-primary-on-light: #3d3d3d;
    --txt-primary-on-colour: #7ce0d3;
    --txt-secondary-on-light: #8d741e;
    --txt-secondary-on-colour: #fff;
    --txt-tertiary-default: #fff;
    --txt-other-accent: #7ce0d3;
    --txt-other-footer: #fff;
    --txt-other-footer-labels: #7ce0d3;
    --txt-other-category: #8d741e;
    --link-primary-default-on-light: #8d741e;
    --link-primary-hover-on-light: #0857c3;
    --link-primary-active-on-light: #8d741e;
    --link-primary-default-on-colour: #fff;
    --link-primary-hover-on-colour: #7ce0d3;
    --link-primary-active-on-colour: #fff;
    --link-secondary-default-on-colour: #7ce0d3;
    --link-secondary-hover-on-colour: #fff;
    --link-secondary-active-on-colour: #7ce0d3;
    --link-special-default-on-colour: #7ce0d3;
    --link-special-hover-on-colour: #0857c3;
    --link-special-active-on-colour: #7ce0d3;
    --link-tertiary-default-on-light: #8d741e;
    --link-tertiary-hover-on-light: #8d741e;
    --link-tertiary-active-on-light: #8d741e;
    --link-footer-default: #fff;
    --link-footer-hover: #fff;
    --link-footer-active: #fff;
    --link-header-default: #fff;
    --link-header-hover: #fff;
    --link-header-scrolling-default: #fff;
    --link-header-scrolling-hover: #fff;
    --txt-btn-primary-on-colour-default: #8d741e;
    --txt-btn-primary-on-colour-hover: #0857c3;
    --txt-btn-primary-on-colour-active: #0857c3;
    --txt-btn-primary-on-light-default: #fff;
    --txt-btn-primary-on-light-hover: #0857c3;
    --txt-btn-primary-on-light-active: #0857c3;
    --txt-btn-secondary-on-colour-default: #fff;
    --txt-btn-secondary-on-colour-hover: #0857c3;
    --txt-btn-secondary-on-colour-active: #0857c3;
    --txt-btn-secondary-on-light-default: #8d741e;
    --txt-btn-secondary-on-light-hover: #0857c3;
    --txt-btn-secondary-on-light-active: #0857c3;
    --txt-btn-disabled-default: #3d3d3d;
    --btn-primary-on-colour-default: #fff;
    --btn-primary-on-colour-hover: #7ce0d3;
    --btn-primary-on-colour-active: #7ce0d3;
    --btn-primary-on-light-default: #8d741e;
    --btn-primary-on-light-hover: #7ce0d3;
    --btn-primary-on-light-active: #7ce0d3;
    --btn-secondary-on-colour-default: #fff;
    --btn-secondary-on-colour-hover: #7ce0d3;
    --btn-secondary-on-colour-active: #7ce0d3;
    --btn-secondary-on-light-default: #8d741e;
    --btn-secondary-on-light-hover: #7ce0d3;
    --btn-secondary-on-light-active: #7ce0d3;
    --btn-special-default: #0857c3;
    --btn-special-hover: #fff;
    --btn-special-active: #7ce0d3;
    --btn-disabled-on-colour: #c6c6c6;
    --alternateaccents-accentfill-mossgreen: #173f35;
    --alternateaccents-accentfill-pistachio: #e0ec89;
    --alternateaccents-accenttext-mossgreen: #173f35;
    --alternateaccents-accenttext-pistachio: #e0ec89;
  }
  @font-face {
    font-family: GT Ultra;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/gt-ultra/GT-Ultra-Median-Regular.woff2) format("woff2"),
      url(../assets/fonts/gt-ultra/GT-Ultra-Median-Regular.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_Hair.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_Lt.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_Rg.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_Md.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_SBd.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_Bd.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_XBd.woff) format("woff");
  }
  @font-face {
    font-family: Aktiv Grotesk;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/aktiv-grotesk/AktivGrotesk_W_Blk.woff) format("woff");
  }
  @font-face {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local(""),
      url(../assets/fonts/material-icons/material-icons.woff2) format("woff2");
  }
  .gold-theme,
  :root {
    --header-standard-background: rgba(0, 0, 0, 0.188235);
    --nav-link-primary-default: #264c6d;
    --nav-link-primary-hover: #8d741e;
    --nav-link-primary-active: #3d3d3d;
    --nav-link-secondary-default: #8d741e;
    --nav-link-secondary-hover: #3d3d3d;
    --nav-link-secondary-active: #8d741e;
    --nav-btn-default: #45627c;
    --nav-btn-hover: #264c6d;
    --nav-btn-active: #8d741e;
    --nav-txt-btn-default: #fff;
    --nav-txt-btn-hover: #fff;
    --nav-txt-btn-active: #fff;
    --nav-other-accent: #8d741e;
    --semantic-error: #b92e3e;
    --semantic-success: #3d3d3d;
  }
  .gold-theme {
    --fill-primary-on-light: #5a758b;
    --fill-primary-on-light-90: rgba(141, 116, 30, 0.866667);
    --fill-primary-on-colour: #3c3e55;
    --fill-secondary-on-light: #ccc2a0;
    --fill-focus-on-light: #8d741e;
    --fill-focus-on-colour: #8d741e;
    --fill-other-light-100: #fff;
    --fill-other-light-60: hsla(0, 0%, 100%, 0.376471);
    --fill-other-light-10: hsla(0, 0%, 100%, 0.0627451);
    --fill-other-dark-100: #3d3d3d;
    --fill-other-dark-60: rgba(61, 61, 61, 0.376471);
    --fill-other-dark-10: rgba(61, 61, 61, 0.0627451);
    --fill-other-dark-05: rgba(61, 61, 61, 0.0196078);
    --fill-other-underline: #8d741e;
    --fill-other-accent: #8d741e;
    --fill-gradient: #465d70;
    --fill-gradient-accent: #ffbf3f;
    --fill-gradient-secondary: #ffbf3f;
    --fill-gradient-accent-40: rgba(255, 191, 63, 0.4);
    --fill-gradient-secondary-40: rgba(52, 69, 85, 0.4);
    --fill-gradient-accent-20: rgba(56, 74, 90, 0.2);
    --fill-gradient-secondary-20: rgba(255, 191, 63, 0.2);
    --header-scrolling-background: rgba(70, 93, 112, 0.866667);
    --header-standard-indicator: #ced5db;
    --txt-primary-on-light: #3d3d3d;
    --txt-primary-on-colour: #fff;
    --txt-secondary-on-light: #8d741e;
    --txt-secondary-on-colour: #fff;
    --txt-tertiary-default: #3c0f11;
    --txt-other-accent: #ffbf3f;
    --txt-other-footer: #3c0f11;
    --txt-other-footer-labels: #3c0f11;
    --txt-other-category: #8d741e;
    --link-primary-default-on-light: #8d741e;
    --link-primary-hover-on-light: #3c0f11;
    --link-primary-active-on-light: #8d741e;
    --link-primary-default-on-colour: #fff;
    --link-primary-hover-on-colour: #8d741e;
    --link-primary-active-on-colour: #fff;
    --link-secondary-default-on-colour: #8d741e;
    --link-secondary-hover-on-colour: #fff;
    --link-secondary-active-on-colour: #8d741e;
    --link-special-default-on-colour: #fff;
    --link-special-hover-on-colour: #8d741e;
    --link-special-active-on-colour: #fff;
    --link-tertiary-default-on-light: #8d741e;
    --link-tertiary-hover-on-light: #3c0f11;
    --link-tertiary-active-on-light: #8d741e;
    --link-footer-default: #fff;
    --link-footer-hover: #fff;
    --link-footer-active: #3c0f11;
    --link-header-default: #fff;
    --link-header-hover: #fff;
    --link-header-scrolling-default: #fff;
    --link-header-scrolling-hover: #fff;
    --txt-btn-primary-on-colour-default: #8d741e;
    --txt-btn-primary-on-colour-hover: #fff;
    --txt-btn-primary-on-colour-active: #fff;
    --txt-btn-primary-on-light-default: #fff;
    --txt-btn-primary-on-light-hover: #fff;
    --txt-btn-primary-on-light-active: #fff;
    --txt-btn-secondary-on-colour-default: #fff;
    --txt-btn-secondary-on-colour-hover: #fff;
    --txt-btn-secondary-on-colour-active: #fff;
    --txt-btn-secondary-on-light-default: #8d741e;
    --txt-btn-secondary-on-light-hover: #fff;
    --txt-btn-secondary-on-light-active: #fff;
    --txt-btn-disabled-default: #3d3d3d;
    --btn-primary-on-colour-default: #fff;
    --btn-primary-on-colour-hover: #3c0f11;
    --btn-primary-on-colour-active: #3c0f11;
    --btn-primary-on-light-default: #4a6d8b;
    --btn-primary-on-light-hover: #5f8eb6;
    --btn-primary-on-light-active: #3c0f11;
    --btn-secondary-on-colour-default: #fff;
    --btn-secondary-on-colour-hover: #3c0f11;
    --btn-secondary-on-colour-active: #3c0f11;
    --btn-secondary-on-light-default: #8d741e;
    --btn-secondary-on-light-hover: #3c0f11;
    --btn-secondary-on-light-active: #3c0f11;
    --btn-special-default: #8d741e;
    --btn-special-hover: #fff;
    --btn-special-active: #8d741e;
    --btn-disabled-on-colour: #c6c6c6;
  }
  .cobalt-theme {
    --fill-primary-on-light: #8d741e;
    --fill-primary-on-light-90: rgba(141, 116, 30, 0.866667);
    --fill-primary-on-colour: #7ce0d3;
    --fill-secondary-on-light: #ccc2a0;
    --fill-focus-on-light: #8d741e;
    --fill-focus-on-colour: #8d741e;
    --fill-other-light-100: #fff;
    --fill-other-light-60: hsla(0, 0%, 100%, 0.376471);
    --fill-other-light-10: hsla(0, 0%, 100%, 0.0627451);
    --fill-other-dark-100: #3d3d3d;
    --fill-other-dark-60: rgba(61, 61, 61, 0.376471);
    --fill-other-dark-10: rgba(61, 61, 61, 0.0627451);
    --fill-other-dark-05: rgba(61, 61, 61, 0.0196078);
    --fill-other-underline: #7ce0d3;
    --fill-other-accent: #7ce0d3;
    --fill-gradient: #0857c3;
    --fill-gradient-accent: #e0ec89;
    --fill-gradient-secondary: #e0ec89;
    --fill-gradient-accent-40: rgba(224, 236, 137, 0.4);
    --fill-gradient-secondary-40: rgba(224, 236, 137, 0.4);
    --fill-gradient-accent-20: rgba(224, 236, 137, 0.2);
    --fill-gradient-secondary-20: rgba(224, 236, 137, 0.2);
    --header-scrolling-background: rgba(8, 87, 195, 0.866667);
    --header-standard-indicator: #7ce0d3;
    --txt-primary-on-light: #3d3d3d;
    --txt-primary-on-colour: #7ce0d3;
    --txt-secondary-on-light: #8d741e;
    --txt-secondary-on-colour: #fff;
    --txt-tertiary-default: #fff;
    --txt-other-accent: #7ce0d3;
    --txt-other-footer: #fff;
    --txt-other-footer-labels: #7ce0d3;
    --txt-other-category: #8d741e;
    --link-primary-default-on-light: #8d741e;
    --link-primary-hover-on-light: #0857c3;
    --link-primary-active-on-light: #8d741e;
    --link-primary-default-on-colour: #fff;
    --link-primary-hover-on-colour: #7ce0d3;
    --link-primary-active-on-colour: #fff;
    --link-secondary-default-on-colour: #7ce0d3;
    --link-secondary-hover-on-colour: #fff;
    --link-secondary-active-on-colour: #7ce0d3;
    --link-special-default-on-colour: #7ce0d3;
    --link-special-hover-on-colour: #0857c3;
    --link-special-active-on-colour: #7ce0d3;
    --link-tertiary-default-on-light: #8d741e;
    --link-tertiary-hover-on-light: #8d741e;
    --link-tertiary-active-on-light: #8d741e;
    --link-footer-default: #fff;
    --link-footer-hover: #fff;
    --link-footer-active: #fff;
    --link-header-default: #fff;
    --link-header-hover: #fff;
    --link-header-scrolling-default: #fff;
    --link-header-scrolling-hover: #fff;
    --txt-btn-primary-on-colour-default: #8d741e;
    --txt-btn-primary-on-colour-hover: #0857c3;
    --txt-btn-primary-on-colour-active: #0857c3;
    --txt-btn-primary-on-light-default: #fff;
    --txt-btn-primary-on-light-hover: #0857c3;
    --txt-btn-primary-on-light-active: #0857c3;
    --txt-btn-secondary-on-colour-default: #fff;
    --txt-btn-secondary-on-colour-hover: #0857c3;
    --txt-btn-secondary-on-colour-active: #0857c3;
    --txt-btn-secondary-on-light-default: #8d741e;
    --txt-btn-secondary-on-light-hover: #0857c3;
    --txt-btn-secondary-on-light-active: #0857c3;
    --txt-btn-disabled-default: #3d3d3d;
    --btn-primary-on-colour-default: #fff;
    --btn-primary-on-colour-hover: #7ce0d3;
    --btn-primary-on-colour-active: #7ce0d3;
    --btn-primary-on-light-default: #8d741e;
    --btn-primary-on-light-hover: #7ce0d3;
    --btn-primary-on-light-active: #7ce0d3;
    --btn-secondary-on-colour-default: #fff;
    --btn-secondary-on-colour-hover: #7ce0d3;
    --btn-secondary-on-colour-active: #7ce0d3;
    --btn-secondary-on-light-default: #8d741e;
    --btn-secondary-on-light-hover: #7ce0d3;
    --btn-secondary-on-light-active: #7ce0d3;
    --btn-special-default: #0857c3;
    --btn-special-hover: #fff;
    --btn-special-active: #7ce0d3;
    --btn-disabled-on-colour: #c6c6c6;
  }
  .cobalt-theme,
  .moss-one-theme {
    --header-standard-background: rgba(0, 0, 0, 0.188235);
    --nav-link-primary-default: #8d741e;
    --nav-link-primary-hover: #8d741e;
    --nav-link-primary-active: #3d3d3d;
    --nav-link-secondary-default: #8d741e;
    --nav-link-secondary-hover: #3d3d3d;
    --nav-link-secondary-active: #8d741e;
    --nav-btn-default: #8d741e;
    --nav-btn-hover: #3d3d3d;
    --nav-btn-active: #8d741e;
    --nav-txt-btn-default: #fff;
    --nav-txt-btn-hover: #fff;
    --nav-txt-btn-active: #fff;
    --nav-other-accent: #8d741e;
    --semantic-error: #b92e3e;
    --semantic-success: #3d3d3d;
  }
  .moss-one-theme {
    --fill-primary-on-light: #8d741e;
    --fill-primary-on-light-90: rgba(141, 116, 30, 0.866667);
    --fill-primary-on-colour: #e0ec89;
    --fill-secondary-on-light: #ccc2a0;
    --fill-focus-on-light: #8d741e;
    --fill-focus-on-colour: #8d741e;
    --fill-other-light-100: #fff;
    --fill-other-light-60: hsla(0, 0%, 100%, 0.376471);
    --fill-other-light-10: hsla(0, 0%, 100%, 0.0627451);
    --fill-other-dark-100: #3d3d3d;
    --fill-other-dark-60: rgba(61, 61, 61, 0.376471);
    --fill-other-dark-10: rgba(61, 61, 61, 0.0627451);
    --fill-other-dark-05: rgba(61, 61, 61, 0.0196078);
    --fill-other-underline: #e0ec89;
    --fill-other-accent: #e0ec89;
    --fill-gradient: #173f35;
    --fill-gradient-accent: #e0ec89;
    --fill-gradient-secondary: #e0ec89;
    --fill-gradient-accent-40: rgba(224, 236, 137, 0.4);
    --fill-gradient-secondary-40: rgba(224, 236, 137, 0.4);
    --fill-gradient-accent-20: rgba(224, 236, 137, 0.2);
    --fill-gradient-secondary-20: rgba(224, 236, 137, 0.2);
    --txt-primary-on-light: #3d3d3d;
    --txt-primary-on-colour: #e0ec89;
    --txt-secondary-on-light: #8d741e;
    --txt-secondary-on-colour: #fff;
    --txt-tertiary-default: #fff;
    --txt-other-accent: #e0ec89;
    --txt-other-footer: #fff;
    --txt-other-footer-labels: #e0ec89;
    --txt-other-category: #8d741e;
    --link-primary-default-on-light: #8d741e;
    --link-primary-hover-on-light: #173f35;
    --link-primary-active-on-light: #8d741e;
    --link-primary-default-on-colour: #fff;
    --link-primary-hover-on-colour: #e0ec89;
    --link-primary-active-on-colour: #fff;
    --link-secondary-default-on-colour: #e0ec89;
    --link-secondary-hover-on-colour: #fff;
    --link-secondary-active-on-colour: #e0ec89;
    --link-special-default-on-colour: #173f35;
    --link-special-hover-on-colour: #e0ec89;
    --link-special-active-on-colour: #173f35;
    --link-tertiary-default-on-light: #8d741e;
    --link-tertiary-hover-on-light: #3d3d3d;
    --link-tertiary-active-on-light: #8d741e;
    --link-footer-default: #fff;
    --link-footer-hover: #e0ec89;
    --link-footer-active: #fff;
    --link-header-default: #fff;
    --link-header-hover: #fff;
    --link-header-scrolling-default: #fff;
    --link-header-scrolling-hover: #fff;
    --txt-btn-primary-on-colour-default: #8d741e;
    --txt-btn-primary-on-colour-hover: #173f35;
    --txt-btn-primary-on-colour-active: #173f35;
    --txt-btn-primary-on-light-default: #fff;
    --txt-btn-primary-on-light-hover: #173f35;
    --txt-btn-primary-on-light-active: #173f35;
    --txt-btn-secondary-on-colour-default: #fff;
    --txt-btn-secondary-on-colour-hover: #173f35;
    --txt-btn-secondary-on-colour-active: #173f35;
    --txt-btn-secondary-on-light-default: #8d741e;
    --txt-btn-secondary-on-light-hover: #173f35;
    --txt-btn-secondary-on-light-active: #173f35;
    --txt-btn-disabled-default: #3d3d3d;
    --btn-primary-on-colour-hover: #e0ec89;
    --btn-primary-on-colour-active: #e0ec89;
    --btn-primary-on-light-hover: #e0ec89;
    --btn-primary-on-light-active: #e0ec89;
    --btn-secondary-on-colour-default: #fff;
    --btn-secondary-on-colour-hover: #e0ec89;
    --btn-secondary-on-colour-active: #e0ec89;
    --btn-secondary-on-light-hover: #e0ec89;
    --btn-secondary-on-light-active: #e0ec89;
    --btn-special-default: #e0ec89;
    --btn-special-hover: #fff;
    --btn-special-active: #e0ec89;
    --btn-disabled-on-colour: #c6c6c6;
  }
  .moss-one-theme,
  .pistachio-theme {
    --header-scrolling-background: rgba(23, 63, 53, 0.866667);
    --header-standard-indicator: #e0ec89;
    --btn-primary-on-colour-default: #fff;
    --btn-primary-on-light-default: #8d741e;
    --btn-secondary-on-light-default: #8d741e;
  }
  .pistachio-theme {
    --fill-primary-on-light: #8d741e;
    --fill-primary-on-light-90: rgba(141, 116, 30, 0.866667);
    --fill-primary-on-colour: #173f35;
    --fill-secondary-on-light: #ccc2a0;
    --fill-focus-on-light: #8d741e;
    --fill-focus-on-colour: #8d741e;
    --fill-other-light-100: #fff;
    --fill-other-light-60: hsla(0, 0%, 100%, 0.376471);
    --fill-other-light-10: hsla(0, 0%, 100%, 0.0627451);
    --fill-other-dark-100: #3d3d3d;
    --fill-other-dark-60: rgba(61, 61, 61, 0.376471);
    --fill-other-dark-10: rgba(61, 61, 61, 0.0627451);
    --fill-other-dark-05: rgba(61, 61, 61, 0.0196078);
    --fill-other-underline: #e0ec89;
    --fill-other-accent: #e0ec89;
    --fill-gradient: #e0ec89;
    --fill-gradient-accent: #173f35;
    --fill-gradient-secondary: #ffbf3f;
    --fill-gradient-accent-40: rgba(23, 63, 53, 0.4);
    --fill-gradient-secondary-40: rgba(255, 191, 63, 0.4);
    --fill-gradient-accent-20: rgba(23, 63, 53, 0.2);
    --fill-gradient-secondary-20: rgba(255, 191, 63, 0.2);
    --header-standard-background: rgba(0, 0, 0, 0.313725);
    --txt-primary-on-light: #3d3d3d;
    --txt-primary-on-colour: #173f35;
    --txt-secondary-on-light: #8d741e;
    --txt-secondary-on-colour: #173f35;
    --txt-tertiary-default: #fff;
    --txt-other-accent: #e0ec89;
    --txt-other-footer: #173f35;
    --txt-other-footer-labels: #173f35;
    --txt-other-category: #8d741e;
    --link-primary-default-on-light: #8d741e;
    --link-primary-hover-on-light: #173f35;
    --link-primary-active-on-light: #8d741e;
    --link-primary-default-on-colour: #fff;
    --link-primary-hover-on-colour: #e0ec89;
    --link-primary-active-on-colour: #fff;
    --link-secondary-default-on-colour: #e0ec89;
    --link-secondary-hover-on-colour: #fff;
    --link-secondary-active-on-colour: #e0ec89;
    --link-special-default-on-colour: #173f35;
    --link-special-hover-on-colour: #e0ec89;
    --link-special-active-on-colour: #173f35;
    --link-tertiary-default-on-light: #8d741e;
    --link-tertiary-hover-on-light: #3d3d3d;
    --link-tertiary-active-on-light: #8d741e;
    --link-footer-default: #3d3d3d;
    --link-footer-hover: #3d3d3d;
    --link-footer-active: #fff;
    --link-header-default: #fff;
    --link-header-hover: #fff;
    --link-header-scrolling-default: #fff;
    --link-header-scrolling-hover: #fff;
    --nav-link-primary-default: #8d741e;
    --nav-link-primary-hover: #8d741e;
    --nav-link-primary-active: #3d3d3d;
    --nav-link-secondary-default: #8d741e;
    --nav-link-secondary-hover: #3d3d3d;
    --nav-link-secondary-active: #8d741e;
    --nav-btn-default: #8d741e;
    --nav-btn-hover: #3d3d3d;
    --nav-btn-active: #8d741e;
    --nav-txt-btn-default: #fff;
    --nav-txt-btn-hover: #fff;
    --nav-txt-btn-active: #fff;
    --nav-other-accent: #8d741e;
    --txt-btn-primary-on-colour-default: #8d741e;
    --txt-btn-primary-on-colour-hover: #e0ec89;
    --txt-btn-primary-on-colour-active: #e0ec89;
    --txt-btn-primary-on-light-default: #fff;
    --txt-btn-primary-on-light-hover: #e0ec89;
    --txt-btn-primary-on-light-active: #e0ec89;
    --txt-btn-secondary-on-colour-default: #173f35;
    --txt-btn-secondary-on-colour-hover: #e0ec89;
    --txt-btn-secondary-on-colour-active: #e0ec89;
    --txt-btn-secondary-on-light-default: #8d741e;
    --txt-btn-secondary-on-light-hover: #e0ec89;
    --txt-btn-secondary-on-light-active: #e0ec89;
    --txt-btn-disabled-default: #3d3d3d;
    --btn-primary-on-colour-hover: #173f35;
    --btn-primary-on-colour-active: #173f35;
    --btn-primary-on-light-hover: #173f35;
    --btn-primary-on-light-active: #173f35;
    --btn-secondary-on-colour-default: #173f35;
    --btn-secondary-on-colour-hover: #173f35;
    --btn-secondary-on-colour-active: #173f35;
    --btn-secondary-on-light-hover: #173f35;
    --btn-secondary-on-light-active: #173f35;
    --btn-special-default: #e0ec89;
    --btn-special-hover: #fff;
    --btn-special-active: #e0ec89;
    --btn-disabled-on-colour: #c6c6c6;
    --semantic-error: #b92e3e;
    --semantic-success: #3d3d3d;
  }
  .rosewood-theme {
    --fill-primary-on-light: #8d741e;
    --fill-primary-on-light-90: rgba(141, 116, 30, 0.866667);
    --fill-primary-on-colour: #f9423a;
    --fill-secondary-on-light: #ccc2a0;
    --fill-focus-on-light: #3d3d3d;
    --fill-focus-on-colour: #fff;
    --fill-other-light-100: #fff;
    --fill-other-light-60: hsla(0, 0%, 100%, 0.376471);
    --fill-other-light-10: hsla(0, 0%, 100%, 0.0627451);
    --fill-other-dark-100: #3d3d3d;
    --fill-other-dark-60: rgba(61, 61, 61, 0.376471);
    --fill-other-dark-10: rgba(61, 61, 61, 0.0627451);
    --fill-other-dark-05: rgba(61, 61, 61, 0.0196078);
    --fill-other-underline: #f9423a;
    --fill-other-accent: #f9423a;
    --fill-gradient: #3c0f11;
    --fill-gradient-accent: #f9423a;
    --fill-gradient-secondary: #f9423a;
    --fill-gradient-accent-40: rgba(249, 66, 58, 0.4);
    --fill-gradient-secondary-40: rgba(249, 66, 58, 0.4);
    --fill-gradient-accent-20: rgba(249, 66, 58, 0.2);
    --fill-gradient-secondary-20: rgba(249, 66, 58, 0.2);
    --header-standard-background: rgba(0, 0, 0, 0.188235);
    --header-scrolling-background: rgba(60, 15, 17, 0.866667);
    --header-standard-indicator: #f9423a;
    --txt-primary-on-light: #3d3d3d;
    --txt-primary-on-colour: #f9423a;
    --txt-secondary-on-light: #8d741e;
    --txt-secondary-on-colour: #fff;
    --txt-tertiary-default: #fff;
    --txt-other-accent: #f9423a;
    --txt-other-footer: #fff;
    --txt-other-footer-labels: #f9423a;
    --txt-other-category: #8d741e;
    --link-primary-default-on-light: #8d741e;
    --link-primary-hover-on-light: #3c0f11;
    --link-primary-active-on-light: #8d741e;
    --link-primary-default-on-colour: #fff;
    --link-primary-hover-on-colour: #f9423a;
    --link-primary-active-on-colour: #fff;
    --link-secondary-default-on-colour: #f9423a;
    --link-secondary-hover-on-colour: #fff;
    --link-secondary-active-on-colour: #f9423a;
    --link-special-default-on-colour: #fff;
    --link-special-hover-on-colour: #f9423a;
    --link-special-active-on-colour: #fff;
    --link-tertiary-default-on-light: #8d741e;
    --link-tertiary-hover-on-light: #3d3d3d;
    --link-tertiary-active-on-light: #8d741e;
    --link-footer-default: #fff;
    --link-footer-hover: #f9423a;
    --link-footer-active: #fff;
    --link-header-default: #fff;
    --link-header-hover: #fff;
    --link-header-scrolling-default: #fff;
    --link-header-scrolling-hover: #fff;
    --txt-btn-primary-on-colour-default: #8d741e;
    --txt-btn-primary-on-colour-hover: #3c0f11;
    --txt-btn-primary-on-colour-active: #3c0f11;
    --txt-btn-primary-on-light-default: #fff;
    --txt-btn-primary-on-light-hover: #3c0f11;
    --txt-btn-primary-on-light-active: #3c0f11;
    --txt-btn-secondary-on-colour-default: #fff;
    --txt-btn-secondary-on-colour-hover: #3c0f11;
    --txt-btn-secondary-on-colour-active: #3c0f11;
    --txt-btn-secondary-on-light-default: #8d741e;
    --txt-btn-secondary-on-light-hover: #3c0f11;
    --txt-btn-secondary-on-light-active: #3c0f11;
    --txt-btn-disabled-default: #3d3d3d;
    --btn-primary-on-colour-default: #fff;
    --btn-primary-on-colour-hover: #f9423a;
    --btn-primary-on-colour-active: #f9423a;
    --btn-primary-on-light-default: #8d741e;
    --btn-primary-on-light-hover: #f9423a;
    --btn-primary-on-light-active: #f9423a;
    --btn-secondary-on-colour-default: #fff;
    --btn-secondary-on-colour-hover: #f9423a;
    --btn-secondary-on-colour-active: #f9423a;
    --btn-secondary-on-light-default: #8d741e;
    --btn-secondary-on-light-hover: #f9423a;
    --btn-secondary-on-light-active: #f9423a;
    --btn-special-default: #f9423a;
    --btn-special-hover: #fff;
    --btn-special-active: #f9423a;
    --btn-disabled-on-colour: #c6c6c6;
  }
  .private-clients-theme,
  .rosewood-theme {
    --nav-link-primary-default: #8d741e;
    --nav-link-primary-hover: #8d741e;
    --nav-link-primary-active: #3d3d3d;
    --nav-link-secondary-default: #8d741e;
    --nav-link-secondary-hover: #3d3d3d;
    --nav-link-secondary-active: #8d741e;
    --nav-btn-default: #8d741e;
    --nav-btn-hover: #3d3d3d;
    --nav-btn-active: #8d741e;
    --nav-txt-btn-default: #fff;
    --nav-txt-btn-hover: #fff;
    --nav-txt-btn-active: #fff;
    --nav-other-accent: #8d741e;
    --semantic-error: #b92e3e;
    --semantic-success: #3d3d3d;
  }
  .private-clients-theme {
    --fill-primary-on-light: #ffbf3f;
    --fill-primary-on-light-90: rgba(255, 191, 63, 0.866667);
    --fill-primary-on-colour: #ffbf3f;
    --fill-secondary-on-light: #ccc2a0;
    --fill-focus-on-light: #8d741e;
    --fill-focus-on-colour: #8d741e;
    --fill-other-light-100: #fff;
    --fill-other-light-60: hsla(0, 0%, 100%, 0.376471);
    --fill-other-light-10: hsla(0, 0%, 100%, 0.0627451);
    --fill-other-dark-100: #3d3d3d;
    --fill-other-dark-60: rgba(61, 61, 61, 0.376471);
    --fill-other-dark-10: rgba(61, 61, 61, 0.0627451);
    --fill-other-dark-05: rgba(61, 61, 61, 0.0196078);
    --fill-other-underline: #8d741e;
    --fill-other-accent: #ffbf3f;
    --fill-gradient: #d9d9d9;
    --fill-gradient-accent: #d9d9d9;
    --fill-gradient-secondary: #d9d9d9;
    --fill-gradient-accent-40: #fff;
    --fill-gradient-secondary-40: #fff;
    --fill-gradient-accent-20: #fff;
    --fill-gradient-secondary-20: #fff;
    --header-standard-background: #fff;
    --header-scrolling-background: hsla(0, 0%, 100%, 0.866667);
    --header-standard-indicator: #8d741e;
    --txt-primary-on-light: #3d3d3d;
    --txt-primary-on-colour: #3c0f11;
    --txt-secondary-on-light: #8d741e;
    --txt-secondary-on-colour: #fff;
    --txt-tertiary-default: #3c0f11;
    --txt-other-accent: #ffbf3f;
    --txt-other-footer: #8d741e;
    --txt-other-footer-labels: #8d741e;
    --txt-other-category: #8d741e;
    --link-primary-default-on-light: #8d741e;
    --link-primary-hover-on-light: #3c0f11;
    --link-primary-active-on-light: #8d741e;
    --link-primary-default-on-colour: #fff;
    --link-primary-hover-on-colour: #8d741e;
    --link-primary-active-on-colour: #fff;
    --link-secondary-default-on-colour: #8d741e;
    --link-secondary-hover-on-colour: #fff;
    --link-secondary-active-on-colour: #8d741e;
    --link-special-default-on-colour: #fff;
    --link-special-hover-on-colour: #8d741e;
    --link-special-active-on-colour: #fff;
    --link-tertiary-default-on-light: #8d741e;
    --link-tertiary-hover-on-light: #3c0f11;
    --link-tertiary-active-on-light: #8d741e;
    --link-footer-default: #3c0f11;
    --link-footer-hover: #3c0f11;
    --link-footer-active: #3c0f11;
    --link-header-default: #3d3d3d;
    --link-header-hover: #3d3d3d;
    --link-header-scrolling-default: #3d3d3d;
    --link-header-scrolling-hover: #3d3d3d;
    --txt-btn-primary-on-colour-default: #fff;
    --txt-btn-primary-on-colour-hover: #3c0f11;
    --txt-btn-primary-on-colour-active: #3c0f11;
    --txt-btn-primary-on-light-default: #fff;
    --txt-btn-primary-on-light-hover: #3c0f11;
    --txt-btn-primary-on-light-active: #3c0f11;
    --txt-btn-secondary-on-colour-default: #3d3d3d;
    --txt-btn-secondary-on-colour-hover: #3c0f11;
    --txt-btn-secondary-on-colour-active: #3c0f11;
    --txt-btn-secondary-on-light-default: #8d741e;
    --txt-btn-secondary-on-light-hover: #3c0f11;
    --txt-btn-secondary-on-light-active: #3c0f11;
    --txt-btn-disabled-default: #3d3d3d;
    --btn-primary-on-colour-default: #8d741e;
    --btn-primary-on-colour-hover: #ffbf3f;
    --btn-primary-on-colour-active: #ffbf3f;
    --btn-primary-on-light-default: #8d741e;
    --btn-primary-on-light-hover: #ffbf3f;
    --btn-primary-on-light-active: #ffbf3f;
    --btn-secondary-on-colour-default: #3d3d3d;
    --btn-secondary-on-colour-hover: #ffbf3f;
    --btn-secondary-on-colour-active: #ffbf3f;
    --btn-secondary-on-light-default: #8d741e;
    --btn-secondary-on-light-hover: #ffbf3f;
    --btn-secondary-on-light-active: #ffbf3f;
    --btn-special-default: #8d741e;
    --btn-special-hover: #fff;
    --btn-special-active: #8d741e;
    --btn-disabled-on-colour: #c6c6c6;
  }
  :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
      "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.15),
      hsla(0, 0%, 100%, 0)
    );
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
  }
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .container,
    .container-sm {
      max-width: 100%;
    }
  }
  @media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
      max-width: 100%;
    }
  }
  @media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
      max-width: 100%;
    }
  }
  @media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      max-width: 100%;
    }
  }
  @media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 1400px;
    }
  }
  .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  .col {
    flex: 1 0 0%;
  }
  .row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-1 {
    margin-left: 8.33333%;
  }
  .offset-2 {
    margin-left: 16.66667%;
  }
  .offset-3 {
    margin-left: 25%;
  }
  .offset-4 {
    margin-left: 33.33333%;
  }
  .offset-5 {
    margin-left: 41.66667%;
  }
  .offset-6 {
    margin-left: 50%;
  }
  .offset-7 {
    margin-left: 58.33333%;
  }
  .offset-8 {
    margin-left: 66.66667%;
  }
  .offset-9 {
    margin-left: 75%;
  }
  .offset-10 {
    margin-left: 83.33333%;
  }
  .offset-11 {
    margin-left: 91.66667%;
  }
  .g-0,
  .gx-0 {
    --bs-gutter-x: 0;
  }
  .g-0,
  .gy-0 {
    --bs-gutter-y: 0;
  }
  .g-1,
  .gx-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-1,
  .gy-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-2,
  .gx-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-2,
  .gy-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-3,
  .gx-3 {
    --bs-gutter-x: 1rem;
  }
  .g-3,
  .gy-3 {
    --bs-gutter-y: 1rem;
  }
  .g-4,
  .gx-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-4,
  .gy-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-5,
  .gx-5 {
    --bs-gutter-x: 3rem;
  }
  .g-5,
  .gy-5 {
    --bs-gutter-y: 3rem;
  }
  @media (min-width: 576px) {
    .col-sm {
      flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-sm-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-sm-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .row-cols-sm-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-sm-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-sm-6 > * {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-sm-1 {
      flex: 0 0 auto;
      width: 8.33333%;
    }
    .col-sm-2 {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .col-sm-5 {
      flex: 0 0 auto;
      width: 41.66667%;
    }
    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-sm-7 {
      flex: 0 0 auto;
      width: 58.33333%;
    }
    .col-sm-8 {
      flex: 0 0 auto;
      width: 66.66667%;
    }
    .col-sm-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333%;
    }
    .col-sm-11 {
      flex: 0 0 auto;
      width: 91.66667%;
    }
    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-sm-0 {
      margin-left: 0;
    }
    .offset-sm-1 {
      margin-left: 8.33333%;
    }
    .offset-sm-2 {
      margin-left: 16.66667%;
    }
    .offset-sm-3 {
      margin-left: 25%;
    }
    .offset-sm-4 {
      margin-left: 33.33333%;
    }
    .offset-sm-5 {
      margin-left: 41.66667%;
    }
    .offset-sm-6 {
      margin-left: 50%;
    }
    .offset-sm-7 {
      margin-left: 58.33333%;
    }
    .offset-sm-8 {
      margin-left: 66.66667%;
    }
    .offset-sm-9 {
      margin-left: 75%;
    }
    .offset-sm-10 {
      margin-left: 83.33333%;
    }
    .offset-sm-11 {
      margin-left: 91.66667%;
    }
    .g-sm-0,
    .gx-sm-0 {
      --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
      --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
      --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
      --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
      --bs-gutter-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
      --bs-gutter-y: 3rem;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      flex: 1 0 0%;
    }
    .row-cols-md-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-md-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-md-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-md-3 > * {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .row-cols-md-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-md-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-md-6 > * {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-md-1 {
      flex: 0 0 auto;
      width: 8.33333%;
    }
    .col-md-2 {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-md-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .col-md-5 {
      flex: 0 0 auto;
      width: 41.66667%;
    }
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-md-7 {
      flex: 0 0 auto;
      width: 58.33333%;
    }
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.66667%;
    }
    .col-md-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-md-10 {
      flex: 0 0 auto;
      width: 83.33333%;
    }
    .col-md-11 {
      flex: 0 0 auto;
      width: 91.66667%;
    }
    .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-md-0 {
      margin-left: 0;
    }
    .offset-md-1 {
      margin-left: 8.33333%;
    }
    .offset-md-2 {
      margin-left: 16.66667%;
    }
    .offset-md-3 {
      margin-left: 25%;
    }
    .offset-md-4 {
      margin-left: 33.33333%;
    }
    .offset-md-5 {
      margin-left: 41.66667%;
    }
    .offset-md-6 {
      margin-left: 50%;
    }
    .offset-md-7 {
      margin-left: 58.33333%;
    }
    .offset-md-8 {
      margin-left: 66.66667%;
    }
    .offset-md-9 {
      margin-left: 75%;
    }
    .offset-md-10 {
      margin-left: 83.33333%;
    }
    .offset-md-11 {
      margin-left: 91.66667%;
    }
    .g-md-0,
    .gx-md-0 {
      --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
      --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
      --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
      --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
      --bs-gutter-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
      --bs-gutter-y: 3rem;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      flex: 1 0 0%;
    }
    .row-cols-lg-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-lg-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-lg-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .row-cols-lg-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-lg-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-lg-6 > * {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333%;
    }
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66667%;
    }
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333%;
    }
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66667%;
    }
    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333%;
    }
    .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66667%;
    }
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-lg-0 {
      margin-left: 0;
    }
    .offset-lg-1 {
      margin-left: 8.33333%;
    }
    .offset-lg-2 {
      margin-left: 16.66667%;
    }
    .offset-lg-3 {
      margin-left: 25%;
    }
    .offset-lg-4 {
      margin-left: 33.33333%;
    }
    .offset-lg-5 {
      margin-left: 41.66667%;
    }
    .offset-lg-6 {
      margin-left: 50%;
    }
    .offset-lg-7 {
      margin-left: 58.33333%;
    }
    .offset-lg-8 {
      margin-left: 66.66667%;
    }
    .offset-lg-9 {
      margin-left: 75%;
    }
    .offset-lg-10 {
      margin-left: 83.33333%;
    }
    .offset-lg-11 {
      margin-left: 91.66667%;
    }
    .g-lg-0,
    .gx-lg-0 {
      --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
      --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
      --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
      --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
      --bs-gutter-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
      --bs-gutter-y: 3rem;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      flex: 1 0 0%;
    }
    .row-cols-xl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .row-cols-xl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xl-6 > * {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xl-1 {
      flex: 0 0 auto;
      width: 8.33333%;
    }
    .col-xl-2 {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-xl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .col-xl-5 {
      flex: 0 0 auto;
      width: 41.66667%;
    }
    .col-xl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xl-7 {
      flex: 0 0 auto;
      width: 58.33333%;
    }
    .col-xl-8 {
      flex: 0 0 auto;
      width: 66.66667%;
    }
    .col-xl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xl-10 {
      flex: 0 0 auto;
      width: 83.33333%;
    }
    .col-xl-11 {
      flex: 0 0 auto;
      width: 91.66667%;
    }
    .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.33333%;
    }
    .offset-xl-2 {
      margin-left: 16.66667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.33333%;
    }
    .offset-xl-5 {
      margin-left: 41.66667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.33333%;
    }
    .offset-xl-8 {
      margin-left: 66.66667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.33333%;
    }
    .offset-xl-11 {
      margin-left: 91.66667%;
    }
    .g-xl-0,
    .gx-xl-0 {
      --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
      --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
      --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
      --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
      --bs-gutter-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
      --bs-gutter-y: 3rem;
    }
  }
  @media (min-width: 1400px) {
    .col-xxl {
      flex: 1 0 0%;
    }
    .row-cols-xxl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xxl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xxl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xxl-3 > * {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .row-cols-xxl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xxl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xxl-6 > * {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.33333%;
    }
    .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.66667%;
    }
    .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.33333%;
    }
    .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.66667%;
    }
    .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.33333%;
    }
    .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.66667%;
    }
    .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.33333%;
    }
    .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.66667%;
    }
    .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.33333%;
    }
    .offset-xxl-2 {
      margin-left: 16.66667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.33333%;
    }
    .offset-xxl-5 {
      margin-left: 41.66667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.33333%;
    }
    .offset-xxl-8 {
      margin-left: 66.66667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.33333%;
    }
    .offset-xxl-11 {
      margin-left: 91.66667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
      --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
      --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
      --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
      --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
      --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
      --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
      --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
      --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
      --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
      --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
      --bs-gutter-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
      --bs-gutter-y: 3rem;
    }
  }
  .form-label {
    margin-bottom: 0.5rem;
  }
  .col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
  }
  .col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
  }
  .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
  }
  .form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
  }
  .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none;
    }
  }
  .form-control[type="file"] {
    overflow: hidden;
  }
  .form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
  }
  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-control::-webkit-date-and-time-value {
    height: 1.5em;
  }
  .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .form-control:disabled {
    background-color: #e9ecef;
    opacity: 1;
  }
  .form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
      transition: none;
    }
  }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
  }
  .form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
  }
  .form-control-plaintext:focus {
    outline: 0;
  }
  .form-control-plaintext.form-control-lg,
  .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
  }
  .form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
  }
  .form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
  }
  .form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
  }
  textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
  }
  textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
  }
  textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
  }
  .form-control-color {
    width: 3rem;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem;
  }
  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
  }
  .form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: 0.375rem;
  }
  .form-control-color::-webkit-color-swatch {
    border-radius: 0.375rem;
  }
  .form-control-color.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
  }
  .form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
  }
  .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-select {
      transition: none;
    }
  }
  .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-select[multiple],
  .form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
  }
  .form-select:disabled {
    background-color: #e9ecef;
  }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
  }
  .form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
  }
  .form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
  }
  .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
  }
  .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
  }
  .form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
  }
  .form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
  }
  .form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    print-color-adjust: exact;
  }
  .form-check-input[type="checkbox"] {
    border-radius: 0.25em;
  }
  .form-check-input[type="radio"] {
    border-radius: 50%;
  }
  .form-check-input:active {
    filter: brightness(90%);
  }
  .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E");
  }
  .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E");
  }
  .form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
  }
  .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
  }
  .form-check-input:disabled ~ .form-check-label,
  .form-check-input[disabled] ~ .form-check-label {
    cursor: default;
    opacity: 0.5;
  }
  .form-switch {
    padding-left: 2.5em;
  }
  .form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0,0,0,0.25)'/%3E%3C/svg%3E");
    background-position: 0;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
      transition: none;
    }
  }
  .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E");
  }
  .form-switch .form-check-input:checked {
    background-position: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  }
  .form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
  }
  .form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0;
  }
  .form-check-inline {
    display: inline-block;
    margin-right: 1rem;
  }
  .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .btn-check:disabled + .btn,
  .btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
  }
  .form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .form-range:focus {
    outline: 0;
  }
  .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-range::-moz-focus-outer {
    border: 0;
  }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
      box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
    }
  }
  .form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe;
  }
  .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
  }
  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
      box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
    }
  }
  .form-range::-moz-range-thumb:active {
    background-color: #b6d4fe;
  }
  .form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
  }
  .form-range:disabled {
    pointer-events: none;
  }
  .form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
  }
  .form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
  }
  .form-floating {
    position: relative;
  }
  .form-floating > .form-control,
  .form-floating > .form-control-plaintext,
  .form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
  }
  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-floating > label {
      transition: none;
    }
  }
  .form-floating > .form-control,
  .form-floating > .form-control-plaintext {
    padding: 1rem 0.75rem;
  }
  .form-floating > .form-control-plaintext::-moz-placeholder,
  .form-floating > .form-control::-moz-placeholder {
    color: transparent;
  }
  .form-floating > .form-control-plaintext::placeholder,
  .form-floating > .form-control::placeholder {
    color: transparent;
  }
  .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown),
  .form-floating > .form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  .form-floating > .form-control-plaintext:focus,
  .form-floating > .form-control-plaintext:not(:placeholder-shown),
  .form-floating > .form-control:focus,
  .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  .form-floating > .form-control-plaintext:-webkit-autofill,
  .form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  .form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > .form-control-plaintext ~ label,
  .form-floating > .form-control:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0;
  }
  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }
  .input-group > .form-control,
  .input-group > .form-floating,
  .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
  .input-group > .form-control:focus,
  .input-group > .form-floating:focus-within,
  .input-group > .form-select:focus {
    z-index: 5;
  }
  .input-group .btn {
    position: relative;
    z-index: 2;
  }
  .input-group .btn:focus {
    z-index: 5;
  }
  .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
  }
  .input-group-lg > .btn,
  .input-group-lg > .form-control,
  .input-group-lg > .form-select,
  .input-group-lg > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
  }
  .input-group-sm > .btn,
  .input-group-sm > .form-control,
  .input-group-sm > .form-select,
  .input-group-sm > .input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
  }
  .input-group-lg > .form-select,
  .input-group-sm > .form-select {
    padding-right: 3rem;
  }
  .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
  .input-group.has-validation
    > .form-floating:nth-last-child(n + 3)
    > .form-control,
  .input-group.has-validation
    > .form-floating:nth-last-child(n + 3)
    > .form-select,
  .input-group.has-validation
    > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(
      .form-floating
    ),
  .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
  .input-group:not(.has-validation)
    > .form-floating:not(:last-child)
    > .form-control,
  .input-group:not(.has-validation)
    > .form-floating:not(:last-child)
    > .form-select,
  .input-group:not(.has-validation)
    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
      .form-floating
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
      .valid-feedback
    ):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group > .form-floating:not(:first-child) > .form-control,
  .input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #198754;
  }
  .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, 0.9);
    border-radius: 0.375rem;
  }
  .is-valid ~ .valid-feedback,
  .is-valid ~ .valid-tooltip,
  .was-validated :valid ~ .valid-feedback,
  .was-validated :valid ~ .valid-tooltip {
    display: block;
  }
  .form-control.is-valid,
  .was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .form-control.is-valid:focus,
  .was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
  }
  .was-validated textarea.form-control:valid,
  textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right
      calc(0.375em + 0.1875rem);
  }
  .form-select.is-valid,
  .was-validated .form-select:valid {
    border-color: #198754;
  }
  .form-select.is-valid:not([multiple]):not([size]),
  .form-select.is-valid:not([multiple])[size="1"],
  .was-validated .form-select:valid:not([multiple]):not([size]),
  .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"),
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .form-select.is-valid:focus,
  .was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
  }
  .form-control-color.is-valid,
  .was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em);
  }
  .form-check-input.is-valid,
  .was-validated .form-check-input:valid {
    border-color: #198754;
  }
  .form-check-input.is-valid:checked,
  .was-validated .form-check-input:valid:checked {
    background-color: #198754;
  }
  .form-check-input.is-valid:focus,
  .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
  }
  .form-check-input.is-valid ~ .form-check-label,
  .was-validated .form-check-input:valid ~ .form-check-label {
    color: #198754;
  }
  .form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
  }
  .input-group > .form-control:not(:focus).is-valid,
  .input-group > .form-floating:not(:focus-within).is-valid,
  .input-group > .form-select:not(:focus).is-valid,
  .was-validated .input-group > .form-control:not(:focus):valid,
  .was-validated .input-group > .form-floating:not(:focus-within):valid,
  .was-validated .input-group > .form-select:not(:focus):valid {
    z-index: 3;
  }
  .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
  }
  .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.375rem;
  }
  .is-invalid ~ .invalid-feedback,
  .is-invalid ~ .invalid-tooltip,
  .was-validated :invalid ~ .invalid-feedback,
  .was-validated :invalid ~ .invalid-tooltip {
    display: block;
  }
  .form-control.is-invalid,
  .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .form-control.is-invalid:focus,
  .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  }
  .was-validated textarea.form-control:invalid,
  textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right
      calc(0.375em + 0.1875rem);
  }
  .form-select.is-invalid,
  .was-validated .form-select:invalid {
    border-color: #dc3545;
  }
  .form-select.is-invalid:not([multiple]):not([size]),
  .form-select.is-invalid:not([multiple])[size="1"],
  .was-validated .form-select:invalid:not([multiple]):not([size]),
  .was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"),
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .form-select.is-invalid:focus,
  .was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  }
  .form-control-color.is-invalid,
  .was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em);
  }
  .form-check-input.is-invalid,
  .was-validated .form-check-input:invalid {
    border-color: #dc3545;
  }
  .form-check-input.is-invalid:checked,
  .was-validated .form-check-input:invalid:checked {
    background-color: #dc3545;
  }
  .form-check-input.is-invalid:focus,
  .was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  }
  .form-check-input.is-invalid ~ .form-check-label,
  .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
  }
  .form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
  }
  .input-group > .form-control:not(:focus).is-invalid,
  .input-group > .form-floating:not(:focus-within).is-invalid,
  .input-group > .form-select:not(:focus).is-invalid,
  .was-validated .input-group > .form-control:not(:focus):invalid,
  .was-validated .input-group > .form-floating:not(:focus-within):invalid,
  .was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4;
  } /*! Flickity v2.3.0
  https://flickity.metafizzy.co
  ---------------------------------------------- */
  .flickity-enabled {
    position: relative;
  }
  .flickity-enabled:focus {
    outline: 0;
  }
  .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: grab;
  }
  .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: grabbing;
  }
  .flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
  }
  .flickity-button:hover {
    background: #fff;
    cursor: pointer;
  }
  .flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f;
  }
  .flickity-button:active {
    opacity: 0.6;
  }
  .flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
  }
  .flickity-button-icon {
    fill: currentColor;
  }
  .flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
  }
  .flickity-prev-next-button.previous {
    left: 10px;
  }
  .flickity-prev-next-button.next {
    right: 10px;
  }
  .flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
  }
  .flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
  }
  .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
  }
  .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
  }
  .flickity-rtl .flickity-page-dots {
    direction: rtl;
  }
  .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
  }
  .flickity-page-dots .dot.is-selected {
    opacity: 1;
  }
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  summary,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body {
    line-height: 1.15;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  :root {
    --hero-title: 40px;
    --hero-headline: 56px;
    --heading-h1: 46px;
    --heading-h2: 32px;
    --heading-h3: 26px;
    --heading-h4: 20px;
    --heading-h5: 18px;
    --heading-h6: 16px;
    --paragraph-large: 24px;
    --paragraph-standard-bold: 16px;
    --paragraph-standard: 16px;
    --paragraph-small: 14px;
    --paragraph-small-bold: 14px;
    --paragraph-xsmall: 11px;
    --link-text-xxlarge: 24px;
    --link-text-xlarge: 20px;
    --link-text-large: 16px;
    --link-text-small: 14px;
    --other-category: 16px;
    --other-date: 16px;
    --other-button-label: 14px;
    --other-breadcrumb: 14px;
  }
  @media (min-width: 1200px) {
    :root {
      --hero-title: 40px;
      --hero-headline: 140px;
      --heading-h1: 80px;
      --heading-h2: 44px;
      --heading-h3: 32px;
      --heading-h4: 24px;
      --heading-h5: 20px;
      --heading-h6: 16px;
    }
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: GT Ultra, sans-serif;
    font-weight: 400;
    color: var(--txt-primary-on-light);
  }
  .h1 a,
  .h2 a,
  .h3 a,
  .h4 a,
  .h5 a,
  .h6 a,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
  }
  .h1 a:hover,
  .h2 a:hover,
  .h3 a:hover,
  .h4 a:hover,
  .h5 a:hover,
  .h6 a:hover,
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover {
    text-decoration: underline;
  }
  .h5,
  .h6,
  h5,
  h6 {
    font-family: Aktiv Grotesk, sans-serif;
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 0.5em;
  }
  p {
    margin-bottom: 2rem;
    line-height: 1.5;
    font-size: var(--paragraph-standard);
  }
  p.small {
    font-size: var(--paragraph-small);
  }
  p.large {
    font-size: var(--paragraph-large);
  }
  .h1,
  h1 {
    font-size: var(--heading-h1);
  }
  .h2,
  h2 {
    font-size: var(--heading-h2);
  }
  .h3,
  h3 {
    font-size: var(--heading-h3);
  }
  .h4,
  h4 {
    font-size: var(--heading-h4);
  }
  .h5,
  h5 {
    font-size: var(--heading-h5);
  }
  .h6,
  h6 {
    font-size: var(--heading-h6);
  }
  a {
    color: var(--link-primary-default-on-light);
    text-decoration: underline;
    cursor: pointer;
  }
  a:hover {
    color: var(--link-primary-hover-on-light);
  }
  a.icon-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding-bottom: 0.5rem;
  }
  a.icon-link:after,
  a.icon-link:before {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-position: 50% 65%;
    background-repeat: no-repeat;
    background-size: contain;
    filter: grayscale(1);
  }
  a.icon-link--email:before {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/email-icon.svg);
  }
  a.icon-link--phone:before {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/icon-phone.svg);
  }
  a.icon-link--download:before {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/icon-download.svg);
  }
  a.icon-link--download:after {
    content: "(" attr(data-filetype) " / " attr(data-filesize) ")";
    width: auto;
    height: auto;
    text-decoration: none;
  }
  a.icon-link--external:before {
    display: none;
  }
  a.icon-link--external:after {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/icon-open-in-new.svg);
    opacity: 0.3;
  }
  .underline {
    display: inline-block;
    padding: 0 2px;
    box-sizing: border-box;
    font-weight: 600;
    font-family: GT Ultra;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.75rem;
    line-height: 2.5em;
  }
  .underline:after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    transition: all 0.3s ease-in;
    background-color: var(--fill-primary-on-light);
  }
  .underline:active,
  .underline:focus {
    outline: 1px dotted grey;
  }
  blockquote {
    padding-top: 1rem;
    margin: 3rem 0;
    font-family: GT Ultra;
    font-size: var(--heading-h4);
    position: relative;
    line-height: 1.25;
  }
  @media (max-width: 767.98px) {
    blockquote {
      padding-top: 3rem;
    }
  }
  blockquote:before {
    content: "“";
    display: block;
    position: absolute;
    left: -2rem;
    font-family: GT Ultra;
    color: var(--fill-primary-on-light);
    font-size: var(--heading-h3);
  }
  @media (max-width: 767.98px) {
    blockquote:before {
      left: 0;
      top: 0;
    }
  }
  blockquote:after {
    content: "”";
    font-family: GT Ultra;
    color: var(--fill-primary-on-light);
    font-size: var(--heading-h3);
    padding-left: 1rem;
    line-height: 0;
    position: relative;
    top: 0.5rem;
  }
  @media (max-width: 767.98px) {
    blockquote:after {
      display: block;
      padding-left: 0;
      padding-top: 1.5rem;
    }
  }
  blockquote h2,
  blockquote h3,
  blockquote h4,
  blockquote h5,
  blockquote h6,
  blockquote p {
    font-size: inherit;
    line-height: inherit;
    position: relative;
    background-color: #fff;
    z-index: 1;
    display: inline;
  }
  blockquote h2 br,
  blockquote h3 br,
  blockquote h4 br,
  blockquote h5 br,
  blockquote h6 br,
  blockquote p br {
    display: none;
  }
  em {
    font-style: italic;
  }
  .split-line a div {
    text-decoration: inherit;
  }
  table.styled {
    min-width: 100%;
    font-size: 1rem;
  }
  table.styled td {
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid var(--fill-primary-on-light);
  }
  table.styled th {
    border-bottom: 4px solid var(--fill-primary-on-light);
    padding: 1rem 0;
    text-align: left;
    font-weight: 700;
  }
  table.styled tr:last-child td {
    border-bottom: 0;
  }
  body,
  html {
    background-color: #fff;
    color: var(--txt-primary-on-light);
    font-family: Aktiv Grotesk, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    font-size: var(--paragraph-standard);
  }
  html {
    font-size: 100%;
    position: relative;
  }
  body {
    min-height: 100vh;
  }
  button,
  input[type="button"] {
    cursor: pointer;
  }
  img {
    max-width: 100%;
  }
  img,
  img:not([height]) {
    height: auto;
  }
  hr {
    border: none;
    height: 1px;
    background: #c6c6c6;
    margin: 30px 0;
  }
  strong {
    font-weight: 700;
  }
  iframe,
  table {
    width: 100%;
  }
  *,
  :after,
  :before {
    box-sizing: border-box;
  }
  .modal--open body,
  .no-scroll body,
  html.modal--open,
  html.no-scroll {
    overflow: hidden !important;
  }
  main.page-content {
    padding-top: 177px;
  }
  @media (max-width: 991.98px) {
    main.page-content {
      padding-top: 56px;
    }
  }
  @media (min-width: 992px) {
    .pistachio-theme main.page-content,
    .top-nav-disabled main.page-content {
      position: relative;
      padding-top: 129px;
    }
  }
  .howden-breadcrumb-enabled main.page-content {
    padding-top: 177px;
  }
  @media (max-width: 991.98px) {
    .howden-breadcrumb-enabled main.page-content {
      padding-top: 56px;
    }
  }
  .skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
  }
  a.skip-main:active,
  a.skip-main:focus {
    color: #fff;
    background-color: #173f35;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    border: 4px solid #ff0;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
  }
  .hidden,
  .u-hidden {
    display: none;
  }
  .u-sr-only {
    height: 1px !important;
    left: -10000px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: auto !important;
    width: 1px !important;
  }
  .visually-hidden {
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
  }
  .sr-only,
  .visually-hidden {
    position: absolute !important;
  }
  .sr-only {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
  }
  .u-full-screen {
    height: 100vh;
    height: 100dvh;
    transition: all 0.5s ease-in-out;
    width: 100%;
    display: flex;
    flex-grow: 1;
    align-items: center;
    overflow: hidden;
  }
  .howden-breadcrumb-enabled .u-full-screen {
    height: calc(100vh - 177px);
    height: calc(var(--vh, 1vh) * 100 - 177px);
  }
  .g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .text-center {
    text-align: center;
  }
  [data-showmore] {
    transition: height 0.8s cubic-bezier(0.075, 0.82, 0.165, 1),
      opacity 1s ease-in-out;
  }
  [data-showmore].more {
    height: 0 !important;
    opacity: 0;
  }
  [data-showmore].less {
    opacity: 1;
  }
  [data-hideWrapper] {
    overflow: hidden;
  }
  .show-more-trigger {
    border: none;
    background: none;
    font-family: GT Ultra;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
  }
  .show-more-trigger span {
    padding-right: 15px;
  }
  .show-more-trigger span:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: 8px;
    width: 8px;
    position: relative;
    left: 8px;
    top: 8px;
    transform: rotate(135deg);
    vertical-align: top;
  }
  .show-more-trigger span:last-child:after {
    transform: rotate(-45deg);
    top: 12px;
  }
  .show-more-trigger.less span:first-child,
  .show-more-trigger.more span:last-child {
    display: none;
  }
  .site-header {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
    background-color: var(--header-standard-background);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out,
      transform 0.5s ease-in-out;
  }
  .path-user .site-header:not(.site-header--scrolling),
  .path-webform .site-header:not(.site-header--scrolling) {
    background-color: var(--header-scrolling-background);
  }
  .site-header--transparent {
    background-color: rgba(0, 0, 0, 0.25);
  }
  @media (max-width: 991.98px) {
    .site-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
  .site-header--scrolling-down,
  .site-header--scrolling-up {
    background-color: var(--header-scrolling-background);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
  }
  .site-header--hide-on-scroll-down .site-header--scrolling-down,
  .site-header--hide-on-scroll-down .site-header--scrolling-up {
    transform: translateY(-100%);
    background-color: var(--header-standard-background);
    box-shadow: none;
  }
  .site-header--show-on-scroll-up .site-header--scrolling-up {
    transform: translateY(0);
    background-color: var(--header-scrolling-background);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
  }
  .site-header__message {
    display: none;
  }
  .site-header__top {
    background-color: rgba(0, 0, 0, 0.2);
    transition: height 0.5s ease-in-out;
    overflow: hidden;
    height: 48px;
  }
  @media (min-width: 992px) {
    .pistachio-theme .site-header__top,
    .top-nav-disabled .site-header__top {
      display: none;
    }
  }
  @media (max-width: 991.98px) {
    .site-header__top .container {
      padding: 0;
    }
  }
  .site-header__middle {
    transition: background-color 0.5s ease-in-out;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  }
  @media (max-width: 991.98px) {
    .site-header__middle {
      border-bottom: 0;
      flex: 1;
    }
  }
  .site-header__middle-wrapper {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    justify-content: space-between;
    align-items: center;
  }
  .site-header__utility-nav-wrapper {
    flex-shrink: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
    flex: 1 1 0;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  @media (max-width: 991.98px) {
    .site-header__utility-nav-wrapper {
      display: none;
    }
  }
  .site-header__bottom {
    transition: background-color 0.5s ease-in-out;
  }
  @media (max-width: 991.98px) {
    .site-header__bottom {
      order: 2;
    }
  }
  @media (max-width: 991.98px) {
    .site-header__bottom > .container {
      padding: 0;
    }
  }
  .site-header__logo-wrapper {
    flex-shrink: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
    flex: 1 1 0;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }
  @media (max-width: 991.98px) {
    .site-header__logo-wrapper {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
  }
  .site-header__logo {
    display: inline-block;
    height: 2.5rem;
  }
  @media (max-width: 991.98px) {
    .site-header__logo {
      display: flex;
      height: 1.5rem;
    }
  }
  .site-header__logo-img {
    display: block;
    height: 100%;
    width: auto;
    filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(2720%)
      hue-rotate(129deg) brightness(92%) contrast(88%);
  }
  .gold-theme .site-header__logo-img {
    filter: brightness(1) saturate(100%);
  }
  .rosewood-theme .site-header__logo-img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(73%) saturate(7098%)
      hue-rotate(343deg) brightness(109%) contrast(95%);
  }
  .cobalt-theme .site-header__logo-img {
    filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(2720%)
      hue-rotate(129deg) brightness(92%) contrast(88%);
  }
  .moss-one-theme .site-header__logo-img,
  .pistachio-theme .site-header__logo-img {
    filter: brightness(0) saturate(100%) invert(89%) sepia(53%) saturate(357%)
      hue-rotate(8deg) brightness(99%) contrast(87%);
  }
  .white-theme .site-header__logo-img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(41%) saturate(504%)
      hue-rotate(114deg) brightness(99%) contrast(99%);
  }
  .private-clients-theme .site-header__logo-img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1315%)
      hue-rotate(52deg) brightness(108%) contrast(70%);
  }
  .top-nav > .row {
    align-items: center;
  }
  @media (max-width: 991.98px) {
    .top-nav > .row .col-md-9 {
      display: none;
    }
  }
  .top-nav-primary__items {
    display: flex;
  }
  @media (max-width: 991.98px) {
    .top-nav-primary__items {
      flex-direction: column;
      overflow: hidden;
      height: 48px;
    }
    .top-nav-primary--active .top-nav-primary__items {
      overflow: visible;
      height: auto;
      background-color: var(--fill-primary-on-light);
    }
  }
  @media (min-width: 992px) {
    .top-nav-primary__item:first-child .top-nav-primary__link {
      padding-left: 0;
    }
  }
  .top-nav-primary__item:first-child .top-nav-primary__link:after {
    width: calc(100% - 1rem);
    left: 0;
  }
  @media (max-width: 991.98px) {
    .top-nav-primary__item {
      order: 1;
    }
  }
  @media (max-width: 991.98px) {
    .top-nav-primary__item--active {
      order: 0;
    }
  }
  .top-nav-primary__link {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: var(--link-header-default);
    position: relative;
    font-size: 0.875rem;
    white-space: nowrap;
    font-weight: 500;
    letter-spacing: 0.5px;
  }
  @media (max-width: 991.98px) {
    .top-nav-primary__link {
      white-space: normal;
      transition: all 0.2s ease-in-out;
      padding: 0 1rem;
      opacity: 0;
    }
    .top-nav-primary--active .top-nav-primary__link {
      padding: 1rem;
      opacity: 1;
    }
    .top-nav-primary--active .top-nav-primary__link--active {
      padding-right: 2rem;
    }
  }
  .top-nav-primary__link:after {
    content: "";
    height: 5px;
    width: calc(100% - 2rem);
    background-color: var(--header-standard-indicator);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 1rem;
    transition: opacity 0.2s ease-in-out;
  }
  @media (max-width: 991.98px) {
    .top-nav-primary__link:after {
      display: none;
    }
  }
  .top-nav-primary__link--active,
  .top-nav-primary__link:focus,
  .top-nav-primary__link:hover {
    color: var(--link-header-hover);
  }
  .top-nav-primary__link--active:after,
  .top-nav-primary__link:focus:after,
  .top-nav-primary__link:hover:after {
    opacity: 1;
  }
  @media (max-width: 991.98px) {
    .top-nav-primary__link--active {
      height: 48px;
      opacity: 1;
      padding-right: 2rem;
      display: flex;
      align-items: center;
      display: inline-flex;
      cursor: pointer;
    }
    .top-nav-primary__link--active:before {
      font-family: Material Symbols Outlined;
      font-weight: 400;
      font-style: normal;
      font-size: 24px;
      height: auto;
      width: auto;
      line-height: 0;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      content: "\e5cf";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  @media (max-width: 991.98px) {
    .top-nav-secondary {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 1;
    }
  }
  .top-nav-secondary__items {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  @media (max-width: 991.98px) {
    .top-nav-secondary__item {
      display: none;
    }
  }
  .top-nav-secondary__item--country-selector {
    display: block;
  }
  .top-nav-secondary__item:last-child .top-nav-secondary__link {
    padding: 1rem 0 1rem 1rem;
  }
  .top-nav-secondary__link {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: var(--link-header-default);
    position: relative;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .top-nav-secondary__link:after {
    content: "";
    height: 5px;
    width: calc(100% - 2rem);
    background-color: var(--header-standard-indicator);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 1rem;
    transition: opacity 0.2s ease-in-out;
  }
  .top-nav-secondary__link--active,
  .top-nav-secondary__link:focus,
  .top-nav-secondary__link:hover {
    color: var(--link-header-hover);
  }
  .top-nav-secondary__link--active:after,
  .top-nav-secondary__link:focus:after,
  .top-nav-secondary__link:hover:after {
    opacity: 1;
  }
  .top-nav-secondary__country-selector-btn {
    text-transform: uppercase;
    display: flex;
    align-items: center;
  }
  .top-nav-secondary__country-selector-btn:before {
    order: 1;
    margin-left: 0.5rem;
  }
  .top-nav-secondary__country-selector-btn:after {
    width: calc(100% - 1rem);
  }
  .site-header--country-selector-open .top-nav-secondary__country-selector-btn {
    display: none;
  }
  @media (max-width: 991.98px) {
    .top-nav-secondary__country-selector-btn {
      display: none;
    }
  }
  .top-nav-secondary__country-selector-close-btn {
    padding: 1rem 0 1rem 1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    display: none;
  }
  .top-nav-secondary__country-selector-close-btn:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cd";
    order: 1;
    margin-left: 0.5rem;
  }
  .top-nav-secondary__country-selector-close-btn:after {
    width: calc(100% - 1rem);
  }
  .site-header--country-selector-open
    .top-nav-secondary__country-selector-close-btn {
    display: flex;
  }
  @media (max-width: 991.98px) {
    .top-nav-secondary__country-selector-close-btn {
      width: 56px;
      height: 56px;
      background-color: var(--nav-btn-default);
      padding: 1rem;
      justify-content: center;
    }
    .top-nav-secondary__country-selector-close-btn:before {
      margin: 0;
    }
    .top-nav-secondary__country-selector-close-btn:after,
    .top-nav-secondary__country-selector-close-btn img,
    .top-nav-secondary__country-selector-close-btn span {
      display: none;
    }
  }
  .top-nav-secondary__country-selector-flag {
    margin-right: 0.5rem;
    height: 15px;
    width: auto;
  }
  .utility-nav__items {
    display: flex;
    align-items: center;
  }
  .utility-nav__item:last-child .utility-nav__link {
    padding-right: 0;
  }
  .utility-nav__item:last-child .utility-nav__link:after {
    width: calc(100% - 1rem);
  }
  .utility-nav__link {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: var(--link-header-default);
    position: relative;
    font-size: 0.75rem;
    white-space: nowrap;
    font-weight: 500;
    transition: color 0.5s ease-in-out;
    letter-spacing: 0.5px;
  }
  .site-header--scrolling .utility-nav__link {
    color: var(--link-header-scrolling-default);
  }
  .utility-nav__link:after {
    content: "";
    height: 5px;
    width: calc(100% - 2rem);
    background-color: var(--header-standard-indicator);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 1rem;
    transition: opacity 0.4s ease-in-out;
  }
  .utility-nav__link--active,
  .utility-nav__link:focus,
  .utility-nav__link:hover {
    color: var(--link-header-hover);
  }
  .site-header--scrolling .utility-nav__link--active,
  .site-header--scrolling .utility-nav__link:focus,
  .site-header--scrolling .utility-nav__link:hover {
    color: var(--link-header-scrolling-hover);
  }
  .utility-nav__link--active:after,
  .utility-nav__link:focus:after,
  .utility-nav__link:hover:after {
    opacity: 1;
  }
  .utility-nav__search-btn {
    display: flex;
    align-items: center;
  }
  .utility-nav__search-btn:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e8b6";
    order: 1;
    margin-left: 0.5rem;
  }
  .utility-nav__search-btn:after {
    width: calc(100% - 1rem);
  }
  .site-header--search-open .utility-nav__search-btn {
    display: none;
  }
  .utility-nav__search-close-btn {
    display: flex;
    align-items: center;
    display: none;
  }
  .utility-nav__search-close-btn:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cd";
    order: 1;
    margin-left: 0.5rem;
  }
  .utility-nav__search-close-btn:after {
    width: calc(100% - 1rem);
  }
  .site-header--search-open .utility-nav__search-close-btn {
    display: flex;
  }
  .site-nav {
    justify-content: space-between;
  }
  .site-nav,
  .site-nav-primary {
    display: flex;
    align-items: center;
  }
  .site-nav-primary {
    order: 1;
    height: 100%;
  }
  .site-nav-primary__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.4s ease-in-out;
  }
  .site-nav-primary__overlay--active {
    visibility: visible;
    opacity: 1;
    transform: none;
  }
  .site-nav-primary__back-btn,
  .site-nav-primary__close-btn,
  .site-nav-primary__open-btn {
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: var(--link-header-default);
    font-family: inherit;
    font-size: 0.875rem;
  }
  .site-header--scrolling .site-nav-primary__back-btn,
  .site-header--scrolling .site-nav-primary__close-btn,
  .site-header--scrolling .site-nav-primary__open-btn {
    color: var(--link-header-scrolling-default);
  }
  .site-nav-primary__open-btn {
    visibility: visible;
    opacity: 1;
    height: auto;
    position: relative;
    padding: 1rem 0 1rem 1rem;
    line-height: 1.15;
    font-weight: 600;
    display: flex;
    align-items: center;
  }
  @media (max-width: 991.98px) {
    .site-header--country-selector-open .site-nav-primary__open-btn {
      display: none;
    }
  }
  .site-nav-primary__open-btn:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5d2";
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__open-btn {
      padding: 1rem;
      background-color: var(--fill-primary-on-colour);
      height: 3.5rem;
    }
  }
  .site-nav-primary__open-btn:after {
    margin-left: 0.5rem;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__open-btn:after {
      margin-left: 0;
    }
  }
  .site-nav-primary__open-btn:before {
    content: "";
    height: 5px;
    width: calc(100% - 1rem);
    background-color: var(--header-standard-indicator);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 1rem;
    transition: opacity 0.4s ease-in-out;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__open-btn:before {
      display: none;
    }
  }
  .site-nav-primary__open-btn:hover {
    color: var(--link-header-hover);
  }
  .site-header--scrolling .site-nav-primary__open-btn:hover {
    color: var(--link-header-scrolling-hover);
  }
  .site-nav-primary__open-btn:hover:before {
    opacity: 1;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__open-btn-text {
      display: none;
    }
  }
  .site-nav-primary__close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 16;
    background-color: var(--nav-btn-default);
    display: flex;
    align-items: center;
    transition: opacity 1s ease-in-out;
  }
  .site-nav-primary__close-btn:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cd";
    color: #fff;
  }
  .site-nav-primary__close-btn:hover {
    background-color: var(--nav-btn-hover);
  }
  .site-nav-primary--open .site-nav-primary__close-btn {
    visibility: visible;
    opacity: 1;
    height: 4rem;
    padding: 1rem 1.5rem;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary--open .site-nav-primary__close-btn {
      height: 3rem;
      padding: 1rem;
    }
  }
  .site-nav-primary__back-btn {
    left: 0;
    top: 0;
  }
  .site-nav-primary__container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100dvh;
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index: 15;
    width: 100%;
    display: flex;
    opacity: 0;
    background-color: #fff;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container {
      left: auto;
      right: 0;
      width: 95vw;
    }
  }
  .site-nav-primary__container--active {
    opacity: 1;
    transform: translateX(60%);
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--active {
      transform: translateX(0);
    }
  }
  .site-nav-primary__container--third-level-open {
    transform: translateX(30%);
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--third-level-open {
      transform: translateX(0);
    }
  }
  .site-nav-primary__container--fourth-level-open {
    transform: translateX(10%);
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--fourth-level-open {
      transform: translateX(0);
    }
  }
  .site-nav-primary__level-block {
    padding: 5rem 2rem 2rem;
    border-left: 1px solid #f3f3f3;
    position: relative;
    width: 30%;
    height: 100%;
    background-color: #fff;
    transition: transform 0.4s ease-in-out, width 0.4s ease-in-out,
      padding 0.4s ease-in-out;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__level-block {
      width: 95vw;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 48px;
      height: calc(100% - 48px);
    }
  }
  .site-nav-primary__level-block:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
      270deg,
      hsla(0, 0%, 96.5%, 0.7) 0,
      hsla(0, 0%, 100%, 0.3)
    );
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
  }
  .site-nav-primary__level-block--first {
    border-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
  }
  @media (min-width: 1200px) {
    .site-nav-primary__level-block--first {
      padding: 5rem 10% 2rem 7rem;
    }
  }
  @media (min-width: 768px) {
    .site-nav-primary__level-block--first::-webkit-scrollbar {
      background-color: var(--fill-other-dark-10);
      width: 10px;
    }
    .site-nav-primary__level-block--first::-webkit-scrollbar-thumb {
      background-color: var(--fill-other-dark-60);
    }
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__level-block--first {
      width: 100%;
      transform: translateX(0);
      padding-top: 2rem;
    }
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--first {
    width: 30%;
    padding: 5rem 2rem 2rem;
  }
  @media (min-width: 1200px) {
    .site-nav-primary__container--third-level-open
      .site-nav-primary__level-block--first {
      padding: 5rem 2rem 2rem 7rem;
    }
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--first:hover {
    transform: translateX(0);
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--first:hover:after {
    opacity: 0;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--third-level-open
      .site-nav-primary__level-block--first {
      width: 100%;
      transform: translateX(0);
      padding: 2rem;
    }
  }
  .site-nav-primary__container--fourth-level-open
    .site-nav-primary__level-block--first {
    width: 25%;
    padding: 5rem 2rem 2rem;
  }
  @media (min-width: 1400px) {
    .site-nav-primary__container--fourth-level-open
      .site-nav-primary__level-block--first {
      padding: 5rem 2rem 2rem 4rem;
    }
  }
  .site-nav-primary__level-block--second {
    border-left: 0;
    display: block;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__level-block--second {
      transform: translateX(100%);
      padding-top: 2rem;
      overflow: auto;
    }
  }
  .site-nav-primary__container--first-level-open
    .site-nav-primary__level-block--second {
    opacity: 0;
    visibility: hidden;
  }
  .site-nav-primary__container--first-level-open
    .site-nav-primary__level-block--second,
  .site-nav-primary__container--second-level-open
    .site-nav-primary__level-block--second {
    width: 40%;
  }
  @media (min-width: 1200px) {
    .site-nav-primary__container--first-level-open
      .site-nav-primary__level-block--second,
    .site-nav-primary__container--second-level-open
      .site-nav-primary__level-block--second {
      padding: 5rem 10% 2rem 7rem;
    }
  }
  @media (min-width: 768px) {
    .site-nav-primary__container--first-level-open
      .site-nav-primary__level-block--second::-webkit-scrollbar,
    .site-nav-primary__container--second-level-open
      .site-nav-primary__level-block--second::-webkit-scrollbar {
      background-color: var(--fill-other-dark-10);
      width: 10px;
    }
    .site-nav-primary__container--first-level-open
      .site-nav-primary__level-block--second::-webkit-scrollbar-thumb,
    .site-nav-primary__container--second-level-open
      .site-nav-primary__level-block--second::-webkit-scrollbar-thumb {
      background-color: var(--fill-other-dark-60);
    }
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--first-level-open
      .site-nav-primary__level-block--second,
    .site-nav-primary__container--second-level-open
      .site-nav-primary__level-block--second {
      width: 100%;
      transform: translateX(0);
    }
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--second {
    width: 30%;
    padding: 5rem 2rem 2rem;
  }
  @media (min-width: 1200px) {
    .site-nav-primary__container--third-level-open
      .site-nav-primary__level-block--second {
      padding: 5rem 2rem 2rem 7rem;
    }
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--second:after {
    opacity: 1;
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--second:hover {
    transform: translateX(0);
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--second:hover:after {
    opacity: 0;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--third-level-open
      .site-nav-primary__level-block--second {
      width: 100%;
      transform: translateX(0);
      padding: 2rem;
    }
  }
  .site-nav-primary__container--fourth-level-open
    .site-nav-primary__level-block--second {
    width: 25%;
    padding: 5rem 2rem 2rem;
  }
  @media (min-width: 1400px) {
    .site-nav-primary__container--fourth-level-open
      .site-nav-primary__level-block--second {
      padding: 5rem 2rem 2rem 4rem;
    }
  }
  .site-nav-primary__level-block--third:after {
    background-image: linear-gradient(
      270deg,
      hsla(0, 0%, 96.5%, 0.7) 0,
      hsla(0, 0%, 100%, 0.3)
    );
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__level-block--third {
      transform: translateX(100%);
      padding-top: 2rem;
    }
  }
  .site-nav-primary__container--third-level-open
    .site-nav-primary__level-block--third {
    width: 40%;
  }
  @media (min-width: 1200px) {
    .site-nav-primary__container--third-level-open
      .site-nav-primary__level-block--third {
      padding: 5rem 10% 2rem 2rem;
    }
  }
  @media (min-width: 1400px) {
    .site-nav-primary__container--third-level-open
      .site-nav-primary__level-block--third {
      padding: 5rem 15% 2rem 2rem;
    }
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--third-level-open
      .site-nav-primary__level-block--third {
      width: 100%;
      transform: translateX(0);
    }
  }
  .site-nav-primary__container--fourth-level-open
    .site-nav-primary__level-block--third {
    width: 25%;
  }
  @media (min-width: 1200px) {
    .site-nav-primary__container--fourth-level-open
      .site-nav-primary__level-block--third {
      padding: 5rem 2rem 2rem;
    }
  }
  .site-nav-primary__container--fourth-level-open
    .site-nav-primary__level-block--third:after {
    opacity: 1;
  }
  .site-nav-primary__container--fourth-level-open
    .site-nav-primary__level-block--third:hover {
    transform: translateX(0);
  }
  .site-nav-primary__container--fourth-level-open
    .site-nav-primary__level-block--third:hover:after {
    opacity: 0;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--fourth-level-open
      .site-nav-primary__level-block--third {
      width: 100%;
    }
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__level-block--fourth {
      transform: translateX(100%);
      padding-top: 2rem;
    }
  }
  .site-nav-primary__container--fourth-level-open
    .site-nav-primary__level-block--fourth {
    width: 40%;
  }
  @media (min-width: 1200px) {
    .site-nav-primary__container--fourth-level-open
      .site-nav-primary__level-block--fourth {
      padding: 5rem 10% 2rem 2rem;
    }
  }
  @media (min-width: 1400px) {
    .site-nav-primary__container--fourth-level-open
      .site-nav-primary__level-block--fourth {
      padding: 5rem 15% 2rem 2rem;
    }
  }
  @media (max-width: 991.98px) {
    .site-nav-primary__container--fourth-level-open
      .site-nav-primary__level-block--fourth {
      width: 100%;
      transform: translateX(0);
    }
  }
  .site-nav-primary__level-back {
    margin-bottom: 1.5rem;
  }
  .site-nav-primary__level-block--second .site-nav-primary__level-back {
    padding-right: 1rem;
  }
  .site-nav-primary__level-heading {
    margin-bottom: 2.5rem;
    color: #8d741e;
    font-family: GT Ultra, sans-serif;
    font-size: 1.625rem;
  }
  .site-nav-primary__level-block--first .site-nav-primary__level-heading {
    font-size: 2.5rem;
  }
  .site-nav-primary__level-block--second .site-nav-primary__level-heading {
    font-size: 1rem;
  }
  .site-nav-primary__items-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
  }
  .site-nav-primary__level-block--second .site-nav-primary__items-wrapper {
    display: block;
    height: calc(100% - 2rem - 41px);
  }
  @media (min-width: 768px) {
    .site-nav-primary__level-block--second .site-nav-primary__items-wrapper {
      overflow: hidden auto;
    }
    .site-nav-primary__level-block--second
      .site-nav-primary__items-wrapper::-webkit-scrollbar {
      background-color: var(--fill-other-dark-10);
      width: 10px;
    }
    .site-nav-primary__level-block--second
      .site-nav-primary__items-wrapper::-webkit-scrollbar-thumb {
      background-color: var(--fill-other-dark-60);
    }
  }
  .site-nav-primary__level-block--fourth .site-nav-primary__items-wrapper,
  .site-nav-primary__level-block--third .site-nav-primary__items-wrapper {
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.4s ease-in-out;
  }
  .site-nav-primary__level-block--fourth .site-nav-primary__items-wrapper--active,
  .site-nav-primary__level-block--third .site-nav-primary__items-wrapper--active {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
  .site-nav-primary__items {
    overflow: hidden auto;
    padding-right: 1rem;
    position: relative;
  }
  .site-nav-primary__level-block--second .site-nav-primary__items {
    overflow: visible;
  }
  @media (min-width: 768px) {
    .site-nav-primary__items::-webkit-scrollbar {
      background-color: var(--fill-other-dark-10);
      width: 10px;
    }
    .site-nav-primary__items::-webkit-scrollbar-thumb {
      background-color: var(--fill-other-dark-60);
    }
  }
  .site-nav-primary__level-block--first .site-nav-primary__items-heading,
  .site-nav-primary__level-block--fourth .site-nav-primary__items-heading,
  .site-nav-primary__level-block--third .site-nav-primary__items-heading {
    font-size: var(--link-text-xxlarge);
    color: var(--nav-link-primary-active);
    margin-bottom: 1rem;
  }
  .site-nav-primary__level-block--first .site-nav-primary__items-heading {
    margin-bottom: 0;
  }
  .site-nav-primary__level-block--second .site-nav-primary__items-heading {
    font-size: var(--link-text-xxlarge);
    color: var(--nav-link-primary-active);
  }
  .site-nav-primary__items-heading--no-margin {
    margin-bottom: 0;
  }
  .site-nav-primary__item--group {
    margin-top: 2rem;
    border-top: 1px solid var(--fill-other-dark-10);
    padding-top: 2rem;
  }
  .site-nav-primary__link {
    text-decoration: none;
    font-size: var(--link-text-small);
    font-weight: 600;
    color: var(--nav-link-primary-default);
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: block;
    position: relative;
    padding: 0.75rem 2rem 0.75rem 0;
  }
  .site-nav-primary__link:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cc";
  }
  .site-nav-primary__level-block--first .site-nav-primary__link,
  .site-nav-primary__level-block--second .site-nav-primary__link {
    font-size: var(--link-text-xxlarge);
    font-family: GT Ultra;
    font-weight: 400;
  }
  .site-nav-primary__link:hover {
    color: var(--nav-link-primary-hover);
    text-decoration: underline;
  }
  .site-nav-primary__link:after {
    margin-left: 0.5rem;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(0.5rem) translateY(-50%);
  }
  .site-nav-primary__level-block--first .site-nav-primary__link:after {
    display: none;
  }
  .site-nav-primary__link--has-children {
    cursor: pointer;
  }
  .site-nav-primary__link--has-children:after {
    opacity: 1;
  }
  .site-nav-primary__link--has-children.site-nav-primary__link--active:after {
    opacity: 1;
    transform: translateX(0);
  }
  .site-nav-primary__link--active {
    color: var(--nav-link-primary-active);
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: block;
  }
  .site-nav-primary__link--active:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e8e4";
  }
  .site-nav-primary__level-block--first .site-nav-primary__link--active {
    font-size: var(--link-text-xxlarge);
    font-family: GT Ultra;
  }
  .site-nav-primary__level-block--first .site-nav-primary__link--active:hover {
    color: var(--nav-link-primary-active);
    text-decoration: none;
  }
  .site-nav-primary__level-back .site-nav-primary__link {
    padding-left: 2rem;
  }
  .site-nav-primary__level-block--first
    .site-nav-primary__level-back
    .site-nav-primary__link,
  .site-nav-primary__level-block--second
    .site-nav-primary__level-back
    .site-nav-primary__link {
    font-size: var(--link-text-small);
    font-family: Aktiv Grotesk;
    font-weight: 600;
  }
  .site-nav-primary__level-block--first
    .site-nav-primary__level-back
    .site-nav-primary__link {
    display: flex;
    align-items: center;
    display: block;
  }
  .site-nav-primary__level-block--first
    .site-nav-primary__level-back
    .site-nav-primary__link:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cb";
  }
  .site-nav-primary__level-block--second
    .site-nav-primary__level-back
    .site-nav-primary__link {
    display: flex;
    align-items: center;
    display: block;
    padding-left: 0;
  }
  .site-nav-primary__level-block--second
    .site-nav-primary__level-back
    .site-nav-primary__link:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cc";
    opacity: 1;
  }
  .site-nav-primary__level-block--fourth
    .site-nav-primary__level-back
    .site-nav-primary__link,
  .site-nav-primary__level-block--third
    .site-nav-primary__level-back
    .site-nav-primary__link {
    display: flex;
    align-items: center;
    display: inline-block;
  }
  .site-nav-primary__level-block--fourth
    .site-nav-primary__level-back
    .site-nav-primary__link:before,
  .site-nav-primary__level-block--third
    .site-nav-primary__level-back
    .site-nav-primary__link:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cb";
  }
  .site-nav-primary__level-back .site-nav-primary__link:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-0.5rem) translateY(-50%);
  }
  .site-nav-primary .utility-nav__wrapper {
    margin-top: 2rem;
    padding-top: 2rem;
    padding-right: 1rem;
  }
  @media (max-width: 991.98px) {
    .site-nav-primary .utility-nav__wrapper {
      margin: 2rem -2rem 0;
      padding: 2rem;
      background-color: var(--fill-other-dark-10);
    }
  }
  .site-nav-primary .utility-nav__wrapper > .utility-nav__items {
    border-top: 1px solid var(--fill-other-dark-10);
    padding-top: 1rem;
    margin-top: 1rem;
  }
  .site-nav-primary
    .utility-nav__wrapper
    > .utility-nav__items
    .utility-nav__item
    .utility-nav__link {
    padding-left: 2rem;
  }
  @media (min-width: 992px) {
    .site-nav-primary
      .utility-nav__wrapper
      > .utility-nav__items
      .utility-nav__item
      .utility-nav__link.utility-nav__buisness-type-btn {
      display: none;
    }
  }
  .site-nav-primary
    .utility-nav__wrapper
    > .utility-nav__items
    .utility-nav__item
    .utility-nav__link
    .utility-nav__buisness-type-text,
  .site-nav-primary
    .utility-nav__wrapper
    > .utility-nav__items
    .utility-nav__item
    .utility-nav__link
    .utility-nav__country-selector-text {
    flex: 1;
  }
  .site-nav-primary
    .utility-nav__wrapper
    > .utility-nav__items
    .utility-nav__country-selector
    .utility-nav__link:before {
    display: none;
  }
  .site-nav-primary
    .utility-nav__wrapper
    > .utility-nav__items
    .utility-nav__buisness-type
    .utility-nav__link {
    display: flex;
    align-items: center;
  }
  .site-nav-primary
    .utility-nav__wrapper
    > .utility-nav__items
    .utility-nav__buisness-type
    .utility-nav__link:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e894";
  }
  .site-nav-primary .utility-nav__country-selector-flag {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
  }
  .site-nav-primary .utility-nav__items {
    display: block;
  }
  .site-nav-primary .utility-nav__item:first-child .utility-nav__link {
    display: flex;
    align-items: center;
  }
  .site-nav-primary .utility-nav__item:first-child .utility-nav__link:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e8b8";
    display: none;
  }
  .site-nav-primary .utility-nav__item:nth-child(2) .utility-nav__link {
    display: flex;
    align-items: center;
  }
  .site-nav-primary .utility-nav__item:nth-child(2) .utility-nav__link:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e853";
    display: none;
  }
  .site-nav-primary .utility-nav__link {
    text-decoration: none;
    padding: 0.75rem 0;
    font-size: var(--link-text-small);
    font-weight: 600;
    color: var(--nav-link-primary-default);
    display: flex;
    align-items: center;
    display: block;
    position: relative;
  }
  .site-nav-primary .utility-nav__link:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e88e";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
  }
  .site-nav-primary .utility-nav__link:after {
    display: none;
  }
  .site-nav-primary .utility-nav__link:hover {
    color: var(--nav-link-primary-hover);
    text-decoration: underline;
  }
  .site-nav-primary .utility-nav__search-btn,
  .site-nav-primary .utility-nav__search-close-btn {
    display: none !important;
  }
  .site-nav-secondary {
    position: relative;
    overflow: hidden;
  }
  @media (max-width: 991.98px) {
    .site-nav-secondary {
      display: none;
    }
  }
  .site-nav-secondary__items {
    display: flex;
    align-items: center;
    margin-right: 1.6rem;
  }
  .site-nav-secondary__item:first-child .site-nav-secondary__link {
    padding-left: 0;
  }
  .site-nav-secondary__item:first-child .site-nav-secondary__link:after {
    width: calc(100% - 1rem);
    left: 0;
  }
  .site-nav-secondary__link {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: var(--link-header-default);
    position: relative;
    font-size: 0.8125rem;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: color 0.5s ease-in-out;
  }
  .site-header--scrolling .site-nav-secondary__link {
    color: var(--link-header-scrolling-default);
  }
  .site-nav-secondary__link:after {
    content: "";
    height: 5px;
    width: calc(100% - 2rem);
    background-color: var(--header-standard-indicator);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 1rem;
    transition: opacity 0.4s ease-in-out;
  }
  .site-nav-secondary__link--active,
  .site-nav-secondary__link:focus,
  .site-nav-secondary__link:hover {
    color: var(--link-header-hover);
  }
  .site-header--scrolling .site-nav-secondary__link--active,
  .site-header--scrolling .site-nav-secondary__link:focus,
  .site-header--scrolling .site-nav-secondary__link:hover {
    color: var(--link-header-scrolling-hover);
  }
  .site-nav-secondary__link--active:after,
  .site-nav-secondary__link:focus:after,
  .site-nav-secondary__link:hover:after {
    opacity: 1;
  }
  .button {
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    padding: 1.2rem 1.5rem;
    border: 1px solid var(--btn-primary-on-light-default);
    color: var(--txt-btn-primary-on-light-default);
    font-family: Aktiv Grotesk;
    font-weight: 600;
    font-size: var(--link-text-large);
    line-height: 1;
    text-decoration: none;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out,
      border-color 0.3s ease-in-out;
    overflow: hidden;
    z-index: 0;
    background-color: transparent;
  }
  .button:before {
    content: "";
    height: 100%;
    background-color: var(--btn-primary-on-light-default);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  .button--block,
  .button:before {
    display: block;
    width: 100%;
  }
  .button:hover {
    color: var(--txt-btn-primary-on-light-hover);
    text-decoration: none;
    border: 1px solid var(--btn-primary-on-light-hover);
  }
  .button:hover:before {
    background-color: var(--btn-primary-on-light-hover);
  }
  .button--active,
  .button.button--active,
  .button:focus {
    color: var(--txt-btn-primary-on-light-active);
    border: 1px solid var(--btn-primary-on-light-active);
  }
  .button--active:before,
  .button.button--active:before,
  .button:focus:before {
    background-color: var(--btn-primary-on-light-active);
  }
  .button--active:after,
  .button.button--active:after,
  .button:focus:after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50rem;
    background-color: var(--btn-primary-on-light-active);
    filter: brightness(5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.2);
    animation: blobExpand 1s ease-out 0s 1 forwards;
    z-index: -1;
  }
  .button--on-colour {
    color: var(--txt-btn-primary-on-colour-default);
    border: 1px solid var(--btn-primary-on-colour-default);
  }
  .button--on-colour:before {
    background-color: var(--btn-primary-on-colour-default);
  }
  .button--on-colour:hover {
    color: var(--txt-btn-primary-on-colour-hover);
    border: 1px solid var(--btn-primary-on-colour-hover);
  }
  .button--on-colour:hover:before {
    background-color: var(--btn-primary-on-colour-hover);
  }
  .button--on-colour--active,
  .button--on-colour.button--active,
  .button--on-colour:focus {
    color: var(--txt-btn-primary-on-colour-active);
    border: 1px solid var(--btn-primary-on-colour-active);
  }
  .button--on-colour--active:after,
  .button--on-colour--active:before,
  .button--on-colour.button--active:after,
  .button--on-colour.button--active:before,
  .button--on-colour:focus:after,
  .button--on-colour:focus:before {
    background-color: var(--btn-primary-on-colour-active);
  }
  .button--secondary {
    color: var(--txt-btn-secondary-on-light-default);
    border: 1px solid var(--btn-secondary-on-light-default);
  }
  .button--secondary:before {
    background-color: transparent;
  }
  .button--secondary:hover {
    color: var(--txt-btn-secondary-on-light-hover);
    border: 1px solid var(--btn-secondary-on-light-hover);
  }
  .button--secondary:hover:before {
    background-color: var(--btn-secondary-on-light-hover);
  }
  .button--secondary--active,
  .button--secondary.button--active,
  .button--secondary:focus {
    color: var(--txt-btn-secondary-on-light-active);
    border: 1px solid var(--btn-secondary-on-light-active);
  }
  .button--secondary--active:after,
  .button--secondary--active:before,
  .button--secondary.button--active:after,
  .button--secondary.button--active:before,
  .button--secondary:focus:after,
  .button--secondary:focus:before {
    background-color: var(--btn-secondary-on-light-active);
  }
  .button--secondary-on-colour {
    color: var(--txt-btn-secondary-on-colour-default);
    border: 1px solid var(--btn-secondary-on-colour-default);
  }
  .button--secondary-on-colour:before {
    background-color: transparent;
  }
  .button--secondary-on-colour:hover {
    color: var(--txt-btn-secondary-on-colour-hover);
    border: 1px solid var(--btn-secondary-on-colour-hover);
  }
  .button--secondary-on-colour:hover:before {
    background-color: var(--btn-secondary-on-colour-hover);
  }
  .button--secondary-on-colour--active,
  .button--secondary-on-colour.button--active,
  .button--secondary-on-colour:focus {
    color: var(--txt-btn-secondary-on-colour-active);
    border: 1px solid var(--btn-secondary-on-colour-active);
  }
  .button--secondary-on-colour--active:after,
  .button--secondary-on-colour--active:before,
  .button--secondary-on-colour.button--active:after,
  .button--secondary-on-colour.button--active:before,
  .button--secondary-on-colour:focus:after,
  .button--secondary-on-colour:focus:before {
    background-color: var(--btn-secondary-on-colour-active);
  }
  .button-group .button {
    margin-bottom: 1rem;
  }
  .button-group .button:last-of-type {
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    .button-group .button {
      margin-right: 1.5rem;
      margin-bottom: 0;
    }
    .button-group .button:last-of-type {
      margin-right: 0;
    }
  }
  .footer {
    background-color: var(--fill-gradient);
    background-image: linear-gradient(
        23deg,
        transparent,
        var(--fill-gradient-accent-20)
      ),
      linear-gradient(337deg, transparent, var(--fill-gradient-secondary-40));
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 6rem 0 2rem;
  }
  .private-clients-theme .footer {
    background-color: var(--fill-other-dark-10);
    background-image: none;
  }
  @media (max-width: 767.98px) {
    .footer {
      padding: 4rem 0 0;
    }
  }
  .footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 125%;
    min-height: 35rem;
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/logos/howden-new.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50%;
    opacity: 0.035;
    z-index: -1;
  }
  .private-clients-theme .footer:after {
    opacity: 0.3;
  }
  .footer__row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
  .footer__col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  @media (min-width: 992px) {
    .footer__col:first-child {
      flex: 0 0 auto;
      width: 25%;
    }
  }
  @media (min-width: 992px) {
    .footer__col:last-child {
      flex: 0 0 auto;
      width: 75%;
      flex: 1;
      padding-top: 1rem;
    }
  }
  .footer__cta-content {
    position: relative;
  }
  @media (max-width: 991.98px) {
    .footer__cta-content {
      margin-bottom: 2rem;
      padding-bottom: 2rem;
    }
    .footer__cta-content:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: var(--fill-primary-on-colour);
      opacity: 0.2;
      width: 100%;
      height: 1px;
    }
  }
  .footer__cta-content h3,
  .footer__cta-content p {
    color: var(--txt-other-footer);
  }
  .footer__cta-content p {
    font-size: var(--heading-h6);
    font-family: GT Ultra;
  }
  .footer__cta-content .button {
    color: var(--txt-btn-secondary-on-colour-default);
    border: 1px solid var(--btn-secondary-on-colour-default);
  }
  .footer__cta-content .button:before {
    background-color: transparent;
  }
  .footer__cta-content .button:hover {
    color: var(--txt-btn-secondary-on-colour-hover);
    border: 1px solid var(--btn-secondary-on-colour-hover);
  }
  .footer__cta-content .button:hover:before {
    background-color: var(--btn-secondary-on-colour-hover);
  }
  .footer__cta-content .button--active,
  .footer__cta-content .button.button--active,
  .footer__cta-content .button:focus {
    color: var(--txt-btn-secondary-on-colour-active);
    border: 1px solid var(--btn-secondary-on-colour-active);
  }
  .footer__cta-content .button--active:after,
  .footer__cta-content .button--active:before,
  .footer__cta-content .button.button--active:after,
  .footer__cta-content .button.button--active:before,
  .footer__cta-content .button:focus:after,
  .footer__cta-content .button:focus:before {
    background-color: var(--btn-secondary-on-colour-active);
  }
  .private-clients-theme .footer__cta-content .button,
  .white-theme .footer__cta-content .button {
    color: var(--txt-btn-secondary-on-light-default);
    border: 1px solid var(--btn-secondary-on-light-default);
  }
  .private-clients-theme .footer__cta-content .button:before,
  .white-theme .footer__cta-content .button:before {
    background-color: transparent;
  }
  .private-clients-theme .footer__cta-content .button:hover,
  .white-theme .footer__cta-content .button:hover {
    color: var(--txt-btn-secondary-on-light-hover);
    border: 1px solid var(--btn-secondary-on-light-hover);
  }
  .private-clients-theme .footer__cta-content .button:hover:before,
  .white-theme .footer__cta-content .button:hover:before {
    background-color: var(--btn-secondary-on-light-hover);
  }
  .private-clients-theme .footer__cta-content .button--active,
  .private-clients-theme .footer__cta-content .button.button--active,
  .private-clients-theme .footer__cta-content .button:focus,
  .white-theme .footer__cta-content .button--active,
  .white-theme .footer__cta-content .button.button--active,
  .white-theme .footer__cta-content .button:focus {
    color: var(--txt-btn-secondary-on-light-active);
    border: 1px solid var(--btn-secondary-on-light-active);
  }
  .private-clients-theme .footer__cta-content .button--active:after,
  .private-clients-theme .footer__cta-content .button--active:before,
  .private-clients-theme .footer__cta-content .button.button--active:after,
  .private-clients-theme .footer__cta-content .button.button--active:before,
  .private-clients-theme .footer__cta-content .button:focus:after,
  .private-clients-theme .footer__cta-content .button:focus:before,
  .white-theme .footer__cta-content .button--active:after,
  .white-theme .footer__cta-content .button--active:before,
  .white-theme .footer__cta-content .button.button--active:after,
  .white-theme .footer__cta-content .button.button--active:before,
  .white-theme .footer__cta-content .button:focus:after,
  .white-theme .footer__cta-content .button:focus:before {
    background-color: var(--btn-secondary-on-light-active);
  }
  .footer__nav-row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
  .footer__nav-col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 50%;
  }
  @media (min-width: 992px) {
    .footer__nav-col {
      flex: 0 0 auto;
      width: 25%;
    }
  }
  @media (max-width: 991.98px) {
    .footer__nav-col:not(:nth-child(3)):not(:last-child) {
      padding-bottom: 2rem;
    }
  }
  @media (max-width: 991.98px) {
    .footer__nav-col:last-child ul:before,
    .footer__nav-col:nth-child(3) ul:before {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .footer__nav-col:nth-child(3) ul:before {
      display: none;
    }
  }
  @media (max-width: 991.98px) {
    .footer__nav-col ul {
      position: relative;
      padding-bottom: 2rem;
      height: 100%;
    }
    .footer__nav-col ul:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: var(--fill-primary-on-colour);
      opacity: 0.2;
      width: 100%;
      height: 1px;
    }
  }
  .footer__nav-col li {
    margin-bottom: 1.5rem;
  }
  .footer__nav-col li:last-child {
    margin-bottom: 0;
  }
  .footer__nav-col li a {
    color: var(--link-footer-default);
    text-decoration: none;
    font-size: var(--link-text-small);
    font-weight: 600;
    letter-spacing: 1px;
  }
  .footer__nav-col li a:hover {
    text-decoration: underline;
    color: var(--link-footer-hover);
  }
  .footer__nav-col li .heading-link,
  .footer__nav-col li a.heading-link {
    font-family: GT Ultra;
    color: var(--txt-other-footer-labels);
    font-size: var(--link-text-xlarge);
    margin-bottom: 1.5rem;
    display: inline-block;
  }
  .footer__nav-col li .heading-link {
    margin-top: 1.5rem;
  }
  .footer__nav-col li:first-child .heading-link {
    margin-top: 0;
  }
  .footer__bottom {
    margin-top: 4rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
    color: #fff;
    position: relative;
  }
  @media (max-width: 767.98px) {
    .footer__bottom {
      padding: 1rem 0 2rem;
      margin-top: 2rem;
    }
  }
  .footer__bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--fill-primary-on-colour);
    opacity: 0.2;
    width: 100%;
    height: 4px;
  }
  .footer__bottom-row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    align-items: flex-start;
  }
  .footer__copyright {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: 2rem;
  }
  @media (min-width: 992px) {
    .footer__copyright {
      flex: 0 0 auto;
      width: 75%;
      flex: 1;
      margin-top: 0;
      padding-top: 0.5rem;
    }
  }
  .footer__copyright p:last-of-type {
    margin-bottom: 0;
    color: var(--txt-other-footer);
    font-size: var(--paragraph-xsmall);
  }
  .footer__social {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
    display: flex;
    align-items: center;
  }
  @media (min-width: 992px) {
    .footer__social {
      flex: 0 0 auto;
      width: 25%;
    }
  }
  @media (max-width: 991.98px) {
    .footer__social {
      margin-top: 2rem;
    }
  }
  .footer__social-heading {
    font-family: GT Ultra;
    color: var(--txt-other-footer-labels);
    font-size: var(--link-text-xlarge);
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .footer__social-item {
    margin-left: 10px;
  }
  .footer__social-item a {
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 42px;
    border: 1px solid transparent;
    transition: border 0.2s ease-in-out;
  }
  .footer__social-item a img {
    display: block;
    filter: brightness(0) invert(1);
  }
  .private-clients-theme .footer__social-item a img,
  .white-theme .footer__social-item a img {
    filter: brightness(0);
  }
  .footer__social-item a:focus,
  .footer__social-item a:hover {
    border: 1px solid var(--fill-primary-on-colour);
  }
  .search {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 177px;
    left: 0;
    width: 100%;
    z-index: 300;
  }
  @media (min-width: 992px) {
    .pistachio-theme .search,
    .top-nav-disabled .search {
      top: 129px;
    }
  }
  @media (min-width: 992px) {
    .site-header--search-open .search {
      display: block;
      height: calc(100vh - 177px);
      position: absolute;
      width: 100%;
      overflow: visible;
      visibility: visible;
      opacity: 1;
    }
  }
  @media (max-width: 991.98px) {
    .site-header--nav-open .search {
      overflow: visible;
      visibility: visible;
      opacity: 0;
      top: 0;
      left: 5vw;
      width: calc(95vw - 52px);
      height: 48px;
      display: flex;
      align-items: center;
      background-color: var(--fill-other-dark-10);
      animation: fadeIn 1s ease-in-out 0.5s 1 forwards;
    }
    @keyframes fadeIn {
      0% {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
  }
  @media (max-width: 991.98px) {
    .site-header--scrolling .search {
      top: 0;
    }
  }
  .search__overlay {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 98;
    opacity: 0;
    transition: all 0.8s ease-in-out;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
  }
  .site-header--search-open .search__overlay {
    visibility: visible;
    opacity: 0.75;
  }
  .search__bar {
    position: relative;
    background-color: #fff;
    z-index: 99;
    transition: all 0.6s ease-in-out;
    top: 0;
    left: 0;
    padding: 4rem 0 5rem;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  .site-header--search-open .search__bar {
    opacity: 1;
  }
  @media (max-width: 991.98px) {
    .search__bar {
      opacity: 1;
      padding: 0;
      background-color: transparent;
      width: 100%;
    }
    .search__bar [class*="offset"] {
      margin-left: 0;
      width: 100%;
    }
  }
  .search__bar form {
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--fill-primary-on-light);
  }
  @media (max-width: 991.98px) {
    .search__bar form {
      border-bottom: 1px solid var(--fill-other-dark-05);
      padding-left: 0.5rem;
    }
  }
  .search__bar form .form-item {
    margin-bottom: 0;
    margin-right: 1rem;
    flex: 1;
  }
  .search__bar input {
    font-size: var(--heading-h4);
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: GT Ultra;
    font-weight: 600;
    caret-color: var(--fill-primary-on-light);
    color: var(--txt-primary-on-light);
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    position: relative;
    height: 70px;
  }
  @media (max-width: 991.98px) {
    .search__bar input {
      height: auto;
      font-size: var(--heading-h6);
      background-color: transparent;
    }
  }
  .search__bar input.form-autocomplete {
    background-image: none;
  }
  .search__bar input.form-autocomplete.ui-autocomplete-loading {
    background-size: 2rem;
    background-position: 95%;
  }
  .search__bar input::-moz-placeholder {
    color: var(--fill-other-dark-60);
  }
  .search__bar input::placeholder {
    color: var(--fill-other-dark-60);
  }
  .search__bar input:focus {
    border: 0;
  }
  .search__bar .button {
    height: 2rem;
    display: flex;
    align-items: center;
  }
  .search__bar .button:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e8b6";
  }
  @media (max-width: 991.98px) {
    .search__bar .button {
      padding: 0;
      background-color: transparent;
      border: 0;
      color: var(--nav-other-accent);
    }
  }
  .search__bar .button span {
    display: none;
  }
  .frontend-page .fac-result {
    width: 100%;
    top: calc(100% + 1rem);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  }
  .frontend-page .fac-result ul.result-list li {
    text-align: left;
    padding: 0.5rem 1rem;
  }
  .frontend-page .fac-result ul.result-list li.selected,
  .frontend-page .fac-result ul.result-list li:hover {
    background: #f6f6f6;
  }
  .frontend-page .fac-result ul.result-list li p {
    margin: 0;
    line-height: normal;
  }
  .frontend-page .fac-result ul.result-list li p a {
    text-decoration: none;
  }
  .search-results {
    padding-bottom: 4rem;
    margin-top: -177px;
  }
  @media (min-width: 992px) {
    .pistachio-theme .search-results,
    .top-nav-disabled .search-results {
      margin-top: -129px;
    }
  }
  .search-results__form {
    margin-bottom: 4rem;
    color: #fff;
  }
  .search-results__form-wrapper {
    background-color: var(--fill-gradient);
    background-image: radial-gradient(
      at 130% 130%,
      var(--fill-gradient-accent),
      transparent 60%
    );
    padding: calc(177px + 4rem) 0 4rem;
  }
  @media (min-width: 992px) {
    .pistachio-theme .search-results__form-wrapper,
    .top-nav-disabled .search-results__form-wrapper {
      padding: calc(129px + 4rem) 0 4rem;
    }
  }
  .search-results__form .search-form {
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--fill-primary-on-colour);
  }
  .search-results__form .search-form .form-item {
    margin-bottom: 0;
    margin-right: 1rem;
    flex: 1;
  }
  .search-results__form .search-form input {
    font-size: var(--heading-h4);
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: GT Ultra;
    font-weight: 600;
    caret-color: var(--txt-secondary-on-colour);
    color: var(--txt-secondary-on-colour);
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    position: relative;
    background-color: transparent;
    height: 40px;
  }
  .private-clients-theme .search-results__form .search-form input {
    caret-color: var(--txt-primary-on-light);
    color: var(--txt-primary-on-light);
  }
  @media (min-width: 768px) {
    .search-results__form .search-form input {
      height: 50px;
    }
  }
  @media (min-width: 992px) {
    .search-results__form .search-form input {
      height: 70px;
    }
  }
  .search-results__form .search-form input::-moz-placeholder {
    color: var(--fill-other-light-60);
  }
  .search-results__form .search-form input::placeholder {
    color: var(--fill-other-light-60);
  }
  .search-results__form .search-form .button {
    height: 2rem;
    color: var(--txt-btn-primary-on-colour-default);
    border: 1px solid var(--btn-primary-on-colour-default);
    display: flex;
    align-items: center;
  }
  .search-results__form .search-form .button:before {
    background-color: var(--btn-primary-on-colour-default);
  }
  .search-results__form .search-form .button:hover {
    color: var(--txt-btn-primary-on-colour-hover);
    border: 1px solid var(--btn-primary-on-colour-hover);
  }
  .search-results__form .search-form .button:hover:before {
    background-color: var(--btn-primary-on-colour-hover);
  }
  .search-results__form .search-form .button--active,
  .search-results__form .search-form .button.button--active,
  .search-results__form .search-form .button:focus {
    color: var(--txt-btn-primary-on-colour-active);
    border: 1px solid var(--btn-primary-on-colour-active);
  }
  .search-results__form .search-form .button--active:after,
  .search-results__form .search-form .button--active:before,
  .search-results__form .search-form .button.button--active:after,
  .search-results__form .search-form .button.button--active:before,
  .search-results__form .search-form .button:focus:after,
  .search-results__form .search-form .button:focus:before {
    background-color: var(--btn-primary-on-colour-active);
  }
  .search-results__form .search-form .button:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e8b6";
  }
  @media (max-width: 991.98px) {
    .search-results__form .search-form .button {
      padding: 0.5rem 1rem;
    }
  }
  .search-results__form .search-form .button span {
    display: none;
  }
  .search-results__filters-title {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 2rem;
  }
  .search-results__filters h2 {
    font-size: 1.125rem;
  }
  .search-results__filters label {
    font-size: 1rem;
    color: #c6c6c6;
  }
  .search-results__filters input[type="checkbox"] {
    margin-bottom: 0.5rem;
  }
  .search-results header {
    margin-bottom: 2rem;
  }
  .search-results__item {
    margin-bottom: 3rem;
  }
  .search-results .views-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    width: 100%;
  }
  .search-results .views-field {
    margin-bottom: 1rem;
  }
  .search-results .views-field-type {
    background: #0857c3;
    padding: 8px 10px;
    text-transform: uppercase;
    color: #fff;
  }
  .search-results .views-field-title {
    font-family: GT Ultra;
    font-size: var(--heading-h4);
  }
  .search-results .views-field-search-api-excerpt {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .search-results .views-field-nid {
    margin-top: auto;
    margin-bottom: 0;
  }
  .search-results .views-field-nid a {
    border-bottom: 4px solid var(--link-primary-default-on-light);
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    padding-bottom: 0.5rem;
  }
  .modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    z-index: 200;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .modal--active,
  .modal--open .modal--animating,
  .modal.is-open {
    opacity: 1;
    visibility: visible;
  }
  .modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity 0.5s ease-in-out;
  }
  .is-open .modal__overlay,
  .modal--active .modal__overlay {
    opacity: 1;
  }
  .modal--people-grid .modal__overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .modal__container {
    z-index: 201;
    width: 85%;
    height: 80%;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    position: relative;
  }
  .modal__container:before {
    content: "";
    width: 85%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--fill-other-light-100);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .modal__container:before {
      width: 100%;
    }
  }
  .is-open .modal__container,
  .modal--active .modal__container {
    transform: translateX(0);
    opacity: 1;
  }
  .modal--expand .modal__container {
    width: 100%;
  }
  .modal__close-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 400;
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
  }
  .modal--expand .modal__close-wrapper {
    opacity: 0;
  }
  .modal__close-container {
    display: flex;
    justify-content: flex-end;
  }
  @media (min-width: 768px) {
    .modal__close-container {
      padding: 4rem 4rem 0;
    }
  }
  @media (min-width: 1200px) {
    .modal__close-container {
      padding-right: 6rem;
    }
  }
  @media (min-width: 1400px) {
    .modal__close-container {
      padding-right: 8rem;
    }
  }
  .modal__close-btn {
    position: relative;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background-color: transparent;
  }
  @media (max-width: 767.98px) {
    .modal__close-btn {
      background-color: hsla(0, 0%, 100%, 0.8);
    }
  }
  .modal__close-btn:after,
  .modal__close-btn:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    width: 3rem;
    height: 2px;
    background-color: var(--link-primary-default-on-light);
    transition: all 0.2s ease-in-out;
  }
  @media (max-width: 767.98px) {
    .modal__close-btn:after,
    .modal__close-btn:before {
      right: 0.5rem;
    }
  }
  .modal--expand .modal__close-btn:after,
  .modal--expand .modal__close-btn:before {
    transition: none;
  }
  .modal__close-btn:after {
    width: 2rem;
    top: auto;
    bottom: 15px;
  }
  .is-open .modal__close-btn:after,
  .is-open .modal__close-btn:before,
  .modal--active .modal__close-btn:after,
  .modal--active .modal__close-btn:before {
    width: 2rem;
    transform: rotate(45deg);
    top: 50%;
    bottom: auto;
    right: 0;
  }
  @media (max-width: 767.98px) {
    .is-open .modal__close-btn:after,
    .is-open .modal__close-btn:before,
    .modal--active .modal__close-btn:after,
    .modal--active .modal__close-btn:before {
      right: 0.5rem;
    }
  }
  .is-open .modal__close-btn:after,
  .modal--active .modal__close-btn:after {
    transform: rotate(-45deg);
  }
  .modal__content {
    padding: 0 0 2rem;
    transition: opacity 0.5s ease-in-out;
    height: 100%;
    overflow: hidden;
  }
  @media (min-width: 768px) {
    .modal__content {
      padding: 2rem;
    }
  }
  .modal--expand .modal__content {
    opacity: 0;
  }
  .modal__content blockquote {
    margin: 32px 0 0;
    padding-bottom: 1rem;
  }
  .modal__links {
    display: block;
    margin-bottom: 64px;
    overflow: visible;
  }
  .modal__links .button {
    border: 2px solid #fff;
    padding: 0;
    width: auto;
  }
  @media (min-width: 768px) {
    .modal__close {
      top: 64px;
      right: 33px;
    }
    .modal__links {
      position: absolute;
      left: 0;
      bottom: 2rem;
      margin: 0;
    }
  }
  @media (min-width: 768px) and (max-height: 700px) {
    .modal__links {
      bottom: 10px;
    }
  }
  .modal--geo-location {
    display: none;
    justify-content: center;
    align-items: flex-end;
    background-color: transparent;
  }
  .modal--geo-location.is-open {
    display: flex;
  }
  @media (min-width: 768px) {
    .modal--geo-location {
      align-items: center;
    }
  }
  .modal--geo-location .modal__overlay {
    position: relative;
    height: auto;
  }
  .modal--geo-location .modal__container {
    overflow: hidden;
    height: auto;
    width: 100%;
    overflow-y: auto;
    z-index: 990;
    background-color: transparent;
    box-shadow: none;
  }
  .modal--geo-location .modal__container:before {
    display: none;
  }
  .modal--geo-location .modal__close-wrapper {
    background-color: transparent;
  }
  @media (min-width: 768px) {
    .modal--geo-location .modal__close-container {
      padding: 1rem;
    }
  }
  .modal--geo-location .modal__close-btn {
    min-width: 4rem;
    padding: 0 1rem;
  }
  @media (max-width: 767.98px) {
    .modal--geo-location .modal__close-btn {
      background-color: transparent;
      position: absolute;
      top: 0.2rem;
      right: -0.5rem;
      padding: 0;
      min-width: 2rem;
    }
  }
  .modal--geo-location .modal__close-btn:after,
  .modal--geo-location .modal__close-btn:before {
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background-color: var(--fill-primary-on-light);
  }
  .modal--geo-location .modal__close-btn:after {
    transform: translateX(-50%) rotate(-45deg);
  }
  .modal--geo-location .modal__content-wrapper {
    padding: 0;
  }
  .modal--geo-location .modal__content-wrapper:after {
    display: none;
  }
  .modal--geo-location .modal__content {
    display: block;
    background-color: transparent;
    padding: 1rem 0 1.2rem;
    position: relative;
  }
  @media (min-width: 1200px) {
    .modal--geo-location .modal__content {
      padding: 1rem 10rem 1.2rem;
    }
  }
  .modal--geo-location .modal__content:before {
    display: none;
  }
  #geo-location-snippet {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    background-color: var(--fill-other-light-100);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transform: translateY(-100%);
    transition: all 1s ease-in-out;
  }
  #geo-location-snippet.show {
    transform: translateY(0);
  }
  .geo-location__flag {
    width: 3.5rem;
  }
  @media (max-width: 767.98px) {
    .geo-location__content {
      padding-right: 2.5rem;
    }
  }
  .geo-location__title {
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 0.875rem;
  }
  @media (min-width: 768px) {
    .geo-location__title {
      font-size: 1rem;
    }
  }
  .geo-location__text {
    margin-bottom: 0;
  }
  @media (max-width: 767.98px) {
    .geo-location__text {
      font-size: 0.875rem;
    }
  }
  .geo-location__buttons {
    display: flex;
    align-items: center;
    padding-top: 1rem;
  }
  @media (min-width: 768px) {
    .geo-location__buttons {
      padding-top: 0;
      justify-content: center;
    }
  }
  .geo-location__buttons a:first-child {
    margin-right: 1rem;
  }
  .geo-location .button {
    line-height: 1.4;
    flex: 1;
    padding: 0.6rem 1.5rem;
    text-align: center;
  }
  .webform-submission-form {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .webform-submission-form a {
    font-weight: 600;
  }
  .webform-submission-form .visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
  }
  .webform-submission-form .zurb-foundation-callout {
    position: static;
    top: auto;
    animation: none;
  }
  .webform-submission-form .zurb-foundation-callout.alert {
    display: none;
  }
  .show-form-errors .webform-submission-form .zurb-foundation-callout.alert {
    display: block;
  }
  .webform-submission-form .form__contact-spaced {
    padding: 3% 3% 1%;
  }
  .webform-submission-form h2 {
    font-size: 1.625rem;
  }
  .webform-submission-form [type="date"],
  .webform-submission-form [type="email"],
  .webform-submission-form [type="number"],
  .webform-submission-form [type="password"],
  .webform-submission-form [type="search"],
  .webform-submission-form [type="tel"],
  .webform-submission-form [type="text"],
  .webform-submission-form [type="url"],
  .webform-submission-form textarea {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0.5rem;
    border: 1px solid var(--fill-secondary-on-light);
    border-radius: 0.5rem;
    font-size: 1.125rem;
    transition: box-shadow 0.1s, border-color 0.1s ease-in-out;
    line-height: 1.5;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    background-color: #fff;
    position: relative;
    color: var(--txt-primary-on-light);
  }
  .webform-submission-form [type="date"].error,
  .webform-submission-form [type="email"].error,
  .webform-submission-form [type="number"].error,
  .webform-submission-form [type="password"].error,
  .webform-submission-form [type="search"].error,
  .webform-submission-form [type="tel"].error,
  .webform-submission-form [type="text"].error,
  .webform-submission-form [type="url"].error,
  .webform-submission-form textarea.error {
    border: 1px solid #f9423a;
  }
  .webform-submission-form [type="date"]:focus,
  .webform-submission-form [type="email"]:focus,
  .webform-submission-form [type="number"]:focus,
  .webform-submission-form [type="password"]:focus,
  .webform-submission-form [type="search"]:focus,
  .webform-submission-form [type="tel"]:focus,
  .webform-submission-form [type="text"]:focus,
  .webform-submission-form [type="url"]:focus,
  .webform-submission-form textarea:focus {
    outline: none;
    border-color: var(--fill-other-dark-100);
  }
  .webform-submission-form [type="date"]::-moz-placeholder,
  .webform-submission-form [type="email"]::-moz-placeholder,
  .webform-submission-form [type="number"]::-moz-placeholder,
  .webform-submission-form [type="password"]::-moz-placeholder,
  .webform-submission-form [type="search"]::-moz-placeholder,
  .webform-submission-form [type="tel"]::-moz-placeholder,
  .webform-submission-form [type="text"]::-moz-placeholder,
  .webform-submission-form [type="url"]::-moz-placeholder,
  .webform-submission-form textarea::-moz-placeholder {
    color: #c6c6c6;
  }
  .webform-submission-form [type="date"]::placeholder,
  .webform-submission-form [type="email"]::placeholder,
  .webform-submission-form [type="number"]::placeholder,
  .webform-submission-form [type="password"]::placeholder,
  .webform-submission-form [type="search"]::placeholder,
  .webform-submission-form [type="tel"]::placeholder,
  .webform-submission-form [type="text"]::placeholder,
  .webform-submission-form [type="url"]::placeholder,
  .webform-submission-form textarea::placeholder {
    color: #c6c6c6;
  }
  .webform-submission-form [type="date"].required,
  .webform-submission-form [type="date"]:required,
  .webform-submission-form [type="email"].required,
  .webform-submission-form [type="email"]:required,
  .webform-submission-form [type="number"].required,
  .webform-submission-form [type="number"]:required,
  .webform-submission-form [type="password"].required,
  .webform-submission-form [type="password"]:required,
  .webform-submission-form [type="search"].required,
  .webform-submission-form [type="search"]:required,
  .webform-submission-form [type="tel"].required,
  .webform-submission-form [type="tel"]:required,
  .webform-submission-form [type="text"].required,
  .webform-submission-form [type="text"]:required,
  .webform-submission-form [type="url"].required,
  .webform-submission-form [type="url"]:required,
  .webform-submission-form textarea.required,
  .webform-submission-form textarea:required {
    background: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/asterisk.svg)
      #fff calc(100% - 0.5rem) 50% no-repeat;
    background-size: 10px;
  }
  .webform-submission-form [type="date"].required {
    background-position: calc(100% - 2.5rem) 50%;
  }
  .webform-submission-form textarea.required {
    background-position: calc(100% - 0.5rem) 0.5rem;
  }
  .webform-submission-form .form-item {
    margin-bottom: 1rem;
  }
  .webform-submission-form .form-item--error-message {
    font-size: 1rem;
    margin-top: 0.4rem;
    color: #f9423a;
  }
  .webform-submission-form .js-webform-checkboxes .form-item:not(:last-child),
  .webform-submission-form .js-webform-radios .form-item:not(:last-child) {
    margin-bottom: 0;
  }
  .webform-submission-form label,
  .webform-submission-form legend {
    font-size: 1.125rem;
    line-height: 1.8;
    font-weight: 600;
    display: block;
    margin-bottom: 0.2rem;
  }
  .webform-submission-form .description,
  .webform-submission-form .webform-element-description {
    margin-bottom: 0.5rem;
  }
  .webform-submission-form .description strong,
  .webform-submission-form .webform-element-description strong {
    font-weight: 600;
  }
  .webform-submission-form fieldset.required .field-prefix .description,
  .webform-submission-form fieldset.required legend .fieldset-legend {
    padding-right: 15px;
    background: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/asterisk.svg)
      transparent 100% 0 no-repeat;
    background-size: 10px;
  }
  .webform-submission-form fieldset.required .field-prefix .description {
    display: inline-block;
  }
  .webform-submission-form [class*="form-type-checkbox"],
  .webform-submission-form [class*="form-type-radio"] {
    position: relative;
  }
  .webform-submission-form [class*="form-type-checkbox"] label,
  .webform-submission-form [class*="form-type-radio"] label {
    position: relative;
    display: inline-block;
    margin-left: 0;
    padding-left: 2rem;
    font-size: 1.125rem;
    font-weight: 400;
  }
  .webform-submission-form [class*="form-type-checkbox"] label:hover:before,
  .webform-submission-form [class*="form-type-radio"] label:hover:before {
    border-color: #000;
  }
  .webform-submission-form [class*="form-type-checkbox"] label:before,
  .webform-submission-form [class*="form-type-radio"] label:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid var(--fill-secondary-on-light);
    border-radius: 2px;
  }
  .webform-submission-form [class*="form-type-checkbox"] label.form-required,
  .webform-submission-form [class*="form-type-radio"] label.form-required {
    padding-right: 15px;
    background: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/asterisk.svg)
      transparent 100% 0 no-repeat;
    background-size: 10px;
  }
  .webform-submission-form [class*="form-type-checkbox"] input[type="checkbox"],
  .webform-submission-form [class*="form-type-checkbox"] input[type="radio"],
  .webform-submission-form [class*="form-type-radio"] input[type="checkbox"],
  .webform-submission-form [class*="form-type-radio"] input[type="radio"] {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    opacity: 0;
  }
  .webform-submission-form
    [class*="form-type-checkbox"]
    input[type="checkbox"]
    + label[for],
  .webform-submission-form
    [class*="form-type-checkbox"]
    input[type="radio"]
    + label[for],
  .webform-submission-form
    [class*="form-type-radio"]
    input[type="checkbox"]
    + label[for],
  .webform-submission-form
    [class*="form-type-radio"]
    input[type="radio"]
    + label[for] {
    cursor: pointer;
  }
  .webform-submission-form
    [class*="form-type-checkbox"]
    input[type="checkbox"]:checked
    + label:before,
  .webform-submission-form
    [class*="form-type-checkbox"]
    input[type="radio"]:checked
    + label:before,
  .webform-submission-form
    [class*="form-type-radio"]
    input[type="checkbox"]:checked
    + label:before,
  .webform-submission-form
    [class*="form-type-radio"]
    input[type="radio"]:checked
    + label:before {
    background-color: #8d741e;
  }
  .webform-submission-form
    [class*="form-type-checkbox"]
    input[type="radio"]
    + label:before,
  .webform-submission-form
    [class*="form-type-radio"]
    input[type="radio"]
    + label:before {
    border-radius: 50%;
  }
  .webform-submission-form
    [class*="form-type-checkbox"]
    input[type="radio"]:checked
    + label:before,
  .webform-submission-form
    [class*="form-type-radio"]
    input[type="radio"]:checked
    + label:before {
    box-shadow: inset 0 0 0 0.25rem #fff;
  }
  .webform-submission-form
    [class*="form-type-checkbox"]
    input[type="checkbox"]:checked
    + label:before,
  .webform-submission-form
    [class*="form-type-radio"]
    input[type="checkbox"]:checked
    + label:before {
    content: "✓";
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding-left: 3px;
  }
  .webform-submission-form select {
    cursor: pointer;
    margin: 0;
    padding: 0.5rem;
    border: 1px solid var(--fill-secondary-on-light);
    font-size: 1.125rem;
    transition: box-shadow 0.1s, border-color 0.1s ease-in-out;
    line-height: 1.5;
    border-radius: 0.5rem;
  }
  .webform-submission-form select option {
    padding: 0.5rem 0;
  }
  .webform-submission-form select option:nth-child(odd):not([selected]) {
    background-color: #f6f6f6;
  }
  .webform-submission-form .form-actions {
    display: flex;
    gap: 1rem;
  }
  .webform-submission-form .form-actions .button--secondary {
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    padding: 1.2rem 1.5rem;
    border: 1px solid var(--btn-primary-on-light-default);
    color: var(--txt-btn-primary-on-light-default);
    font-family: Aktiv Grotesk;
    font-weight: 600;
    font-size: var(--link-text-large);
    line-height: 1;
    text-decoration: none;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out,
      border-color 0.3s ease-in-out;
    overflow: hidden;
    z-index: 0;
    background-color: transparent;
  }
  .webform-submission-form .form-actions .button--secondary:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--btn-primary-on-light-default);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  .webform-submission-form .form-actions .button--secondary--block {
    display: block;
    width: 100%;
  }
  .webform-submission-form .form-actions .button--secondary:hover {
    color: var(--txt-btn-primary-on-light-hover);
    text-decoration: none;
    border: 1px solid var(--btn-primary-on-light-hover);
  }
  .webform-submission-form .form-actions .button--secondary:hover:before {
    background-color: var(--btn-primary-on-light-hover);
  }
  .webform-submission-form .form-actions .button--secondary--active,
  .webform-submission-form .form-actions .button--secondary.button--active,
  .webform-submission-form .form-actions .button--secondary:focus {
    color: var(--txt-btn-primary-on-light-active);
    border: 1px solid var(--btn-primary-on-light-active);
  }
  .webform-submission-form .form-actions .button--secondary--active:before,
  .webform-submission-form .form-actions .button--secondary.button--active:before,
  .webform-submission-form .form-actions .button--secondary:focus:before {
    background-color: var(--btn-primary-on-light-active);
  }
  .webform-submission-form .form-actions .button--secondary--active:after,
  .webform-submission-form .form-actions .button--secondary.button--active:after,
  .webform-submission-form .form-actions .button--secondary:focus:after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50rem;
    background-color: var(--btn-primary-on-light-active);
    filter: brightness(5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.2);
    animation: blobExpand 1s ease-out 0s 1 forwards;
    z-index: -1;
  }
  .webform-submission-form .form-actions .button--secondary--on-colour {
    color: var(--txt-btn-primary-on-colour-default);
    border: 1px solid var(--btn-primary-on-colour-default);
  }
  .webform-submission-form .form-actions .button--secondary--on-colour:before {
    background-color: var(--btn-primary-on-colour-default);
  }
  .webform-submission-form .form-actions .button--secondary--on-colour:hover {
    color: var(--txt-btn-primary-on-colour-hover);
    border: 1px solid var(--btn-primary-on-colour-hover);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour:hover:before {
    background-color: var(--btn-primary-on-colour-hover);
  }
  .webform-submission-form .form-actions .button--secondary--on-colour--active,
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour.button--active,
  .webform-submission-form .form-actions .button--secondary--on-colour:focus {
    color: var(--txt-btn-primary-on-colour-active);
    border: 1px solid var(--btn-primary-on-colour-active);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour--active:after,
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour--active:before,
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour.button--active:after,
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour.button--active:before,
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour:focus:after,
  .webform-submission-form
    .form-actions
    .button--secondary--on-colour:focus:before {
    background-color: var(--btn-primary-on-colour-active);
  }
  .webform-submission-form .form-actions .button--secondary--secondary {
    color: var(--txt-btn-secondary-on-light-default);
    border: 1px solid var(--btn-secondary-on-light-default);
  }
  .webform-submission-form .form-actions .button--secondary--secondary:before {
    background-color: transparent;
  }
  .webform-submission-form .form-actions .button--secondary--secondary:hover {
    color: var(--txt-btn-secondary-on-light-hover);
    border: 1px solid var(--btn-secondary-on-light-hover);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--secondary:hover:before {
    background-color: var(--btn-secondary-on-light-hover);
  }
  .webform-submission-form .form-actions .button--secondary--secondary--active,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary.button--active,
  .webform-submission-form .form-actions .button--secondary--secondary:focus {
    color: var(--txt-btn-secondary-on-light-active);
    border: 1px solid var(--btn-secondary-on-light-active);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--secondary--active:after,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary--active:before,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary.button--active:after,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary.button--active:before,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary:focus:after,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary:focus:before {
    background-color: var(--btn-secondary-on-light-active);
  }
  .webform-submission-form .form-actions .button--secondary--secondary-on-colour {
    color: var(--txt-btn-secondary-on-colour-default);
    border: 1px solid var(--btn-secondary-on-colour-default);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour:before {
    background-color: transparent;
  }
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour:hover {
    color: var(--txt-btn-secondary-on-colour-hover);
    border: 1px solid var(--btn-secondary-on-colour-hover);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour:hover:before {
    background-color: var(--btn-secondary-on-colour-hover);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour--active,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour.button--active,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour:focus {
    color: var(--txt-btn-secondary-on-colour-active);
    border: 1px solid var(--btn-secondary-on-colour-active);
  }
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour--active:after,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour--active:before,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour.button--active:after,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour.button--active:before,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour:focus:after,
  .webform-submission-form
    .form-actions
    .button--secondary--secondary-on-colour:focus:before {
    background-color: var(--btn-secondary-on-colour-active);
  }
  .webform-submission-form textarea {
    height: auto;
  }
  .webform-submission-form .grid-full-height textarea {
    height: 84%;
  }
  .webform-submission-form .grid-full-height textarea:required {
    background-position: calc(100% - 0.5rem) 3%;
  }
  .webform-submission-form .webform-progress .progress-step .progress-marker {
    z-index: 1;
  }
  .webform-submission-form
    .webform-progress
    .progress-step.is-active
    .progress-marker:before {
    background-color: #0857c3;
  }
  .webform-submission-form .webform-element-help:hover {
    border-color: #0857c3;
    background: #0857c3;
  }
  @media (max-width: 767.98px) {
    .webform-submission-form .webform-options-display-three-columns,
    .webform-submission-form .webform-options-display-two-columns {
      -moz-column-count: auto;
      column-count: auto;
    }
  }
  .eway-payment-form-wrapper {
    position: relative;
    display: inline-block;
  }
  .eway-payment-form form {
    display: inline-block;
  }
  .eway-payment-form form.loading {
    filter: blur(3px);
  }
  .eway-payment-form form.loading + .eway-payment-form-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .eway-payment-form form.loading + .eway-payment-form-overlay:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    z-index: 2;
    border: 5px solid #173f35;
    border-top-color: transparent;
    border-radius: 50rem;
    animation: spin 2s linear infinite;
  }
  .eway-payment-form form .text-danger {
    color: #f9423a;
  }
  .eway-payment-form form .text-danger:empty {
    margin-bottom: 0;
  }
  .eway-payment-form form label {
    display: block;
  }
  .eway-payment-form form input[type="text"] {
    margin-bottom: 1rem;
    width: 100%;
  }
  .eway-payment-form form p {
    margin-top: 1rem;
  }
  .eway-payment-form #eway-payment-buttons-wrapper {
    padding: 1rem 0;
  }
  @keyframes spin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(1turn);
    }
  }
  .restricted-pages .row {
    justify-content: center;
  }
  .restricted-pages form .protected_pages_description {
    margin-bottom: 1rem;
  }
  .breadcrumb-block {
    position: absolute;
    top: calc(177px + 2rem);
    left: 0;
    width: 100%;
    z-index: 2;
    display: none;
    color: #fff;
  }
  @media (min-width: 768px) {
    .no-scroll .breadcrumb-block {
      width: 100vw;
      padding-right: 17px;
    }
  }
  @media (max-width: 991.98px) {
    .breadcrumb-block {
      top: calc(56px + 1rem);
    }
  }
  .mobile-nav .breadcrumb-block {
    top: 56px;
  }
  .howden-breadcrumb-enabled .breadcrumb-block {
    display: block;
  }
  .breadcrumb-block__wrapper {
    padding: 0.7rem 0;
  }
  .breadcrumb-block__nav-items {
    flex-wrap: wrap;
  }
  .breadcrumb-block__nav-item-wrapper,
  .breadcrumb-block__nav-items {
    display: flex;
    align-items: center;
  }
  .breadcrumb-block__nav-item-wrapper:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cc";
    padding: 0 0.7rem;
    color: inherit;
  }
  .private-clients-theme .breadcrumb-block__nav-item-wrapper:after {
    color: var(--txt-primary-on-light);
  }
  .breadcrumb-block__nav-item {
    padding: 0.5rem 0;
    color: #fff;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    font-size: 0.875rem;
  }
  .private-clients-theme .breadcrumb-block__nav-item {
    color: var(--txt-primary-on-light);
  }
  .breadcrumb-block__nav-item[href]:before {
    content: "";
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: hsla(0, 0%, 100%, 0.5);
  }
  .breadcrumb-block__nav-item[href]:hover {
    color: #fff;
  }
  .private-clients-theme .breadcrumb-block__nav-item[href]:hover {
    color: var(--txt-primary-on-light);
  }
  .breadcrumb-block__nav-item[href]:hover:before {
    background-color: #fff;
  }
  .private-clients-theme .breadcrumb-block__nav-item[href]:hover:before {
    color: var(--txt-primary-on-light);
  }
  .breadcrumb-block__nav-item--hidden {
    display: none;
  }
  .breadcrumb-block__overflow-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f6f6f6;
    padding: 0.5rem 1rem;
    z-index: 1;
    border-radius: 2px;
    border-top-left-radius: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  }
  .breadcrumb-block__overflow-items-wrapper {
    position: relative;
  }
  .breadcrumb-block__overflow-items-btn {
    padding: 0.5rem;
    border-radius: 2px;
    font-size: 1.375rem;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .breadcrumb-block__overflow-items-btn--active,
  .breadcrumb-block__overflow-items-btn:hover {
    background-color: #f6f6f6;
    color: #000;
  }
  .breadcrumb-block__overflow-items-btn--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .breadcrumb-block__overflow-items--active {
    display: block;
  }
  .breadcrumb-block__overflow-items .breadcrumb-block__nav-item,
  .breadcrumb-block__overflow-items .breadcrumb-block__nav-item:hover {
    color: #000;
  }
  #iubenda-cs-banner {
    font-size: 16px;
    background: 0 0;
    line-height: 1.4;
    position: fixed;
    z-index: 998;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    will-change: opacity, visibility;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  @media (min-width: 1200px) {
    #iubenda-cs-banner {
      width: 70%;
    }
  }
  #iubenda-cs-banner.iubenda-cs-visible {
    opacity: 1;
    visibility: visible;
  }
  #iubenda-cs-banner.iubenda-cs-visible .iubenda-cs-container {
    pointer-events: auto;
  }
  #iubenda-cs-banner.iubenda-cs-slidein {
    transition: transform 0.4s ease;
  }
  #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-top {
    transform: translateY(110vh);
  }
  #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible {
    transform: translateY(0);
  }
  #iubenda-cs-banner .iubenda-cs-container {
    position: relative;
    z-index: 2;
  }
  #iubenda-cs-banner .iubenda-cs-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: transform 0.4s ease;
  }
  #iubenda-cs-banner .iubenda-cs-rationale {
    position: relative;
  }
  #iubenda-cs-banner .iubenda-cs-close-btn {
    position: absolute;
    top: -2px;
    padding: 16px;
    right: 28px;
    min-width: 48px;
    height: 48px;
    font-size: 2rem;
    line-height: 0;
    font-weight: lighter;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    background: none;
    border: 0;
  }
  @media (max-width: 767.98px) {
    #iubenda-cs-banner .iubenda-cs-close-btn {
      right: 0;
    }
  }
  #iubenda-cs-banner .iubenda-cs-close-btn:hover {
    opacity: 0.5;
  }
  #iubenda-cs-banner .iubenda-banner-content {
    margin: 16px 16px 0;
    flex: 1 1 auto;
    overflow-y: auto;
    mask-image: linear-gradient(0deg, transparent 0, #000 16px);
    -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 16px);
    padding-bottom: 32px;
  }
  @media (max-width: 767.98px) {
    #iubenda-cs-banner .iubenda-banner-content {
      padding-bottom: 10px;
    }
  }
  @media (min-width: 992px) {
    #iubenda-cs-banner .iubenda-banner-content .h5 {
      font-size: 1.5rem;
    }
  }
  @media (min-width: 992px) {
    #iubenda-cs-banner .iubenda-banner-content p {
      font-size: 1.25rem;
    }
  }
  .cb-reduce-fonts #iubenda-cs-banner .iubenda-banner-content p {
    font-size: 0.6875rem;
  }
  @media (min-width: 768px) {
    .cb-reduce-fonts #iubenda-cs-banner .iubenda-banner-content p {
      font-size: 1rem;
    }
  }
  @media (min-width: 992px) {
    .cb-reduce-fonts #iubenda-cs-banner .iubenda-banner-content p {
      font-size: 1.25rem;
    }
  }
  #iubenda-cs-banner .iubenda-banner-content-padded {
    padding-right: 32px;
  }
  #iubenda-cs-banner .iubenda-banner-content a {
    cursor: pointer;
    font-weight: 600;
  }
  #iubenda-cs-banner .iubenda-banner-content a:hover {
    opacity: 1;
  }
  #iubenda-cs-banner #iubenda-cs-title {
    font-weight: 700;
    margin-bottom: 16px;
    color: #173f35;
    font-size: 18px;
    font-family: GT Ultra;
  }
  #iubenda-cs-banner .iubenda-cs-opt-group {
    margin: 24px 16px 16px;
    z-index: 1;
    display: flex;
    flex-shrink: 0;
  }
  @media (min-width: 640px) {
    #iubenda-cs-banner .iubenda-cs-opt-group {
      justify-content: flex-end;
    }
    #iubenda-cs-banner .iubenda-cs-opt-group-custom {
      align-self: start;
      justify-content: flex-start;
      flex-shrink: 0;
      margin-right: 1rem;
    }
    #iubenda-cs-banner .iubenda-cs-opt-group-consent {
      justify-content: flex-end;
      display: flex;
    }
  }
  @media (max-width: 639px) {
    #iubenda-cs-banner .iubenda-cs-opt-group {
      margin: 12px;
      flex-direction: column;
    }
  }
  @media (max-width: 639px) {
    #iubenda-cs-banner .iubenda-cs-opt-group button {
      padding: 8px 24px;
      width: 100%;
      display: block;
      text-align: center;
      margin: 6px 3px;
    }
  }
  @media (min-width: 992px) {
    #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale {
      width: 1200px;
      max-width: 100%;
      margin: 16px auto;
      padding: 1rem 2rem;
    }
  }
  @media (min-width: 768px) {
    #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale {
      flex-direction: row;
    }
  }
  @media (min-width: 1200px) {
    #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale {
      width: 1440px;
      max-width: 100%;
      margin: 16px auto;
    }
  }
  #iubenda-cs-banner .iubenda-cs-content {
    background-color: #fff;
  }
  #iubenda-cs-banner .iubenda-cs-opt-group {
    color: #000;
  }
  #iubenda-cs-banner .iubenda-cs-opt-group button {
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    padding: 1.5rem 2.5rem;
    border: 0;
    color: var(--txt-btn-primary-on-light-default);
    background-color: var(--btn-primary-on-light-default);
    font-family: Aktiv Grotesk;
    font-weight: 600;
    font-size: var(--link-text-small);
    line-height: 1;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  }
  #iubenda-cs-banner .iubenda-cs-opt-group button:hover {
    color: var(--txt-btn-primary-on-light-hover);
    text-decoration: none;
    background-color: var(--btn-primary-on-light-hover);
  }
  #iubenda-cs-banner .iubenda-cs-opt-group button--active {
    color: var(--txt-btn-primary-on-light-active);
    background-color: var(--btn-primary-on-light-active);
  }
  #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary {
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    padding: 1.5rem 2.5rem;
    border: 0;
    color: var(--txt-btn-primary-on-light-default);
    background-color: var(--btn-primary-on-light-default);
    font-family: Aktiv Grotesk;
    font-weight: 600;
    font-size: var(--link-text-small);
    line-height: 1;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  }
  #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary:hover {
    color: var(--txt-btn-primary-on-light-hover);
    text-decoration: none;
    background-color: var(--btn-primary-on-light-hover);
  }
  #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary--active {
    color: var(--txt-btn-primary-on-light-active);
    background-color: var(--btn-primary-on-light-active);
  }
  #iubenda-cs-banner
    .iubenda-cs-opt-group
    button.iubenda-cs-btn-primary:last-of-type {
    margin-right: 0;
  }
  #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn {
    margin-right: 1rem;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-header-title {
    font-family: GT Ultra !important;
    font-weight: 600 !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-btn-back
    span,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-btn-cp
    span {
    font-size: 12px !important;
    font-family: Aktiv Grotesk !important;
    font-weight: 600 !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-header-body,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-header-text,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-item-body,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-item-title
    label {
    font-family: Aktiv Grotesk !important;
  }
  #iubenda-iframe #iubenda-iframe-popup #iubenda-iframe-content .purposes-btn,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button#iubFooterBtn {
    background-color: #fff !important;
    border-radius: 0.5rem !important;
    border: 1px solid var(--btn-primary-on-light-default) !important;
    color: var(--txt-btn-secondary-on-light-default) !important;
    font-size: 12px !important;
    font-family: Aktiv Grotesk !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: none !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-btn-back,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button.purposes-btn-reject {
    border: 1px solid #6a6a6a !important;
    color: #6a6a6a !important;
    transition: all 0.2s ease-in-out !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button.purposes-btn-accept {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/check-navy-blue.svg) !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button.purposes-btn-accept:hover {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/check.svg) !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button.purposes-btn-reject {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/close-primary.svg) !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button.purposes-btn-reject:hover {
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/close.svg) !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-btn:hover,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button#iubFooterBtn:hover {
    background-color: var(--btn-primary-on-light-default) !important;
    color: #fff !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-btn-back:hover,
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    button.purposes-btn-reject:hover {
    background-color: #6a6a6a !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-checkbox
    input.style1:checked {
    background-color: #00e09e !important;
  }
  #iubenda-iframe
    #iubenda-iframe-popup
    #iubenda-iframe-content
    .purposes-buttons
    > div:first-child {
    order: 1 !important;
  }
  .text-block {
    margin: 3rem 0;
    padding: 2rem 0;
    opacity: 0;
    transform: translateY(50px);
  }
  .text-block.no-animation,
  .text-block.no-js {
    opacity: 1;
    transform: none;
  }
  @media (max-width: 767.98px) {
    .text-block {
      margin: 2rem 0;
      padding: 1rem 0;
    }
  }
  .text-block blockquote:last-child,
  .text-block h2:last-child,
  .text-block h3:last-child,
  .text-block h4:last-child,
  .text-block h5:last-child,
  .text-block h6:last-child,
  .text-block ol:last-child,
  .text-block p:last-child,
  .text-block ul:last-child {
    margin-bottom: 0;
  }
  .text-block a {
    font-weight: 600;
  }
  .text-block ul {
    margin: 32px 0;
    padding: 0 2rem;
  }
  @media (min-width: 768px) {
    .text-block ul {
      padding: 0 4rem;
    }
  }
  .text-block ul li {
    list-style: disc;
    margin-bottom: 8px;
    line-height: 1.5;
  }
  .text-block ol {
    margin: 32px 0;
    padding: 0 2rem;
  }
  @media (min-width: 768px) {
    .text-block ol {
      padding: 0 4rem;
    }
  }
  .text-block ol li {
    list-style: decimal;
    margin-bottom: 8px;
    line-height: 1.5;
  }
  @media (min-width: 992px) {
    .video--inline-left ~ .text-block .row,
    .video--inline-right ~ .text-block .row {
      display: block;
    }
  }
  @media (min-width: 992px) {
    .video--inline-left.active ~ .text-block,
    .video--inline-right.active ~ .text-block {
      clear: right;
    }
  }
  .text-block .table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 56px;
  }
  .text-block table td img {
    vertical-align: middle;
  }
  .text-block .table-grid-section table {
    width: 100% !important;
  }
  .text-block .table-grid-section table.styled td {
    padding: 16px;
  }
  .text-block .table-list-section td {
    vertical-align: baseline !important;
  }
  @media (max-width: 1024px) {
    .text-block .table-list-section {
      display: block;
      max-width: 100%;
      overflow-x: auto;
    }
    .text-block table {
      width: 100% !important;
    }
  }
  @media (max-width: 767px) {
    .text-block .table-grid-section table td:first-child,
    .text-block .table-grid-section table td:nth-child(3) {
      display: block;
      width: 100% !important;
      padding: 0;
    }
    .text-block .table-grid-section table td:nth-child(2),
    .text-block .table-grid-section table td:nth-child(4) {
      display: block;
      width: 100% !important;
    }
    .text-block .table-grid-section {
      margin: 0 auto;
      text-align: center;
    }
  }
  .key-documents {
    margin: 3rem 0;
    background-color: #f6f6f6;
    padding: 4rem 0;
    border-top: 10px solid #ffbf3f;
    border-bottom: 10px solid #ffbf3f;
  }
  .key-documents .icon-link {
    font-weight: 600;
  }
  .list-block {
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .list-block--highlight {
    background-color: rgba(224, 236, 137, 0.866667);
  }
  .list-block h3 {
    margin-bottom: 2rem;
  }
  .accordion .list-block ul,
  .list-block ul {
    margin: 0;
    padding: 0;
  }
  .list-block ul li {
    padding-left: 2rem;
    position: relative;
  }
  .accordion .list-block ul li,
  .list-block ul li {
    margin-bottom: 1rem;
    list-style-type: none;
  }
  .list-block ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0.5em;
    border-radius: 4px;
    background-color: var(--txt-primary-on-light);
    display: inline-block;
  }
  .list-block ol {
    counter-reset: list-counter;
  }
  .accordion .list-block ol,
  .list-block ol {
    margin: 0;
    padding: 0;
  }
  .list-block ol li {
    position: relative;
    padding-left: 3rem;
    line-height: 1.5;
    min-height: 1.5rem;
  }
  .accordion .list-block ol li,
  .list-block ol li {
    margin-bottom: 1rem;
    list-style-type: none;
  }
  .list-block ol li:before {
    counter-increment: list-counter;
    content: counter(list-counter, decimal-leading-zero);
    font-family: GT Ultra;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.375rem;
  }
  .rebrand-message {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
  }
  .ireland-site .rebrand-message--active,
  .uk-site .rebrand-message--active {
    display: block;
  }
  .rebrand-message a {
    font-weight: 600;
  }
  .rebrand-message .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
  }
  .rebrand-message .row {
    align-items: center;
  }
  .rebrand-message__message {
    font-family: GT Ultra;
    font-size: var(--heading-h5);
  }
  @media (max-width: 767.98px) {
    .rebrand-message__message {
      margin-bottom: 1rem;
      padding-right: 2rem;
    }
  }
  .rebrand-message__link {
    text-decoration: none;
    padding-bottom: 0.5rem;
    letter-spacing: 1px;
    border-bottom: 4px solid var(--link-primary-default-on-light);
  }
  .rebrand-message__close-btn {
    display: flex;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: 2.7rem;
  }
  .rebrand-message__close-btn:before {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5cd";
    color: var(--link-primary-default-on-light);
  }
  .rebrand-message__close-btn:hover {
    cursor: pointer;
  }
  .rebrand-message__close-btn:hover:before {
    color: var(--link-primary-hover-on-light);
  }
  @keyframes blobExpand {
    to {
      transform: translate(-50%, -50%) scale(1);
      filter: brightness(1);
      opacity: 0;
    }
  }
  .return-to-top {
    display: none;
    position: fixed;
    bottom: 10vh;
    right: 6vw;
    width: 4rem;
    height: 4rem;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
  }
  .site-header--hide-on-scroll-down .return-to-top {
    display: block;
  }
  .site-header--show-on-scroll-up .return-to-top {
    display: none;
  }
  .return-to-top__btn {
    background-color: var(--btn-special-default);
    transition: background-color 0.2s ease-in-out;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .return-to-top__btn:after {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    height: auto;
    width: auto;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "\e5d8";
    font-size: 1.625rem;
    transition: color 0.2s ease-in-out;
  }
  .return-to-top__btn:hover {
    background-color: var(--btn-special-hover);
  }
  .return-to-top__btn:hover:after {
    color: var(--btn-special-default);
  }
  .return-to-top__btn--green {
    background-color: green;
  }
  .return-to-top__btn--green:hover {
    background-color: #016201;
  }
  .return-to-top__btn--green:hover:after {
    color: #fff;
  }
  nav.pager {
    margin-top: 1.5rem;
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 1400px) {
    nav.pager {
      max-width: 1400px;
    }
  }
  nav.pager .pager__items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
  }
  nav.pager .pager__item {
    margin-right: 0.5rem;
  }
  @media (max-width: 767.98px) {
    nav.pager .pager__item {
      margin-bottom: 1rem;
    }
  }
  nav.pager .pager__item:last-child {
    margin-right: 0;
  }
  nav.pager .pager__item-link {
    color: var(--txt-btn-secondary-on-light-default);
    border: 1px solid var(--btn-secondary-on-light-default);
    padding: 0.7rem 0.9rem;
    letter-spacing: normal;
  }
  nav.pager .pager__item-link:before {
    background-color: transparent;
  }
  nav.pager .pager__item-link:hover {
    color: var(--txt-btn-secondary-on-light-hover);
    border: 1px solid var(--btn-secondary-on-light-hover);
  }
  nav.pager .pager__item-link:hover:before {
    background-color: var(--btn-secondary-on-light-hover);
  }
  nav.pager .pager__item-link--active,
  nav.pager .pager__item-link.button--active,
  nav.pager .pager__item-link:focus {
    color: var(--txt-btn-secondary-on-light-active);
    border: 1px solid var(--btn-secondary-on-light-active);
  }
  nav.pager .pager__item-link--active:after,
  nav.pager .pager__item-link--active:before,
  nav.pager .pager__item-link.button--active:after,
  nav.pager .pager__item-link.button--active:before,
  nav.pager .pager__item-link:focus:after,
  nav.pager .pager__item-link:focus:before {
    background-color: var(--btn-secondary-on-light-active);
  }
  .homepage .hero {
    z-index: 2;
  }
  .homepage .two-column--editorial {
    padding-bottom: 4rem;
    margin-bottom: 10rem;
  }
  .homepage .two-column--editorial:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-image: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/logos/howden-new.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: bottom;
    opacity: 0.035;
    z-index: -1;
  }
  .homepage .two-column--editorial:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2000px;
    z-index: -1;
    background-color: var(--fill-gradient);
    background-image: linear-gradient(
        to top right,
        var(--fill-gradient-accent-40),
        transparent
      ),
      radial-gradient(at 0 50%, var(--fill-gradient-accent-40), transparent 50%);
  }
  .homepage .two-column--editorial .two-column__row {
    align-items: flex-start;
  }
  .homepage .two-column--editorial .two-column__col:first-child {
    align-self: flex-start;
  }
  .homepage .two-column--editorial .two-column__heading {
    color: var(--txt-secondary-on-colour);
    font-size: 40px;
  }
  @media (min-width: 768px) {
    .homepage .two-column--editorial .two-column__heading {
      margin-top: 2rem;
    }
  }
  @media (min-width: 1200px) {
    .homepage .two-column--editorial .two-column__heading {
      font-size: 65px;
    }
  }
  .homepage .two-column--editorial .two-column__summary {
    color: var(--txt-secondary-on-colour);
  }
  .homepage .two-column--editorial .two-column__image-wrapper {
    margin-bottom: -10rem;
    aspect-ratio: auto;
    max-height: 38rem;
    display: flex;
    align-items: center;
  }
  .homepage .two-column--editorial .two-column__image-wrapper img {
    aspect-ratio: 4/5;
  }
  .homepage .two-column--editorial .button {
    color: var(--txt-btn-secondary-on-colour-default);
    border: 1px solid var(--btn-secondary-on-colour-default);
  }
  .homepage .two-column--editorial .button:before {
    background-color: transparent;
  }
  .homepage .two-column--editorial .button:hover {
    color: var(--txt-btn-secondary-on-colour-hover);
    border: 1px solid var(--btn-secondary-on-colour-hover);
  }
  .homepage .two-column--editorial .button:hover:before {
    background-color: var(--btn-secondary-on-colour-hover);
  }
  .homepage .two-column--editorial .button--active,
  .homepage .two-column--editorial .button.button--active,
  .homepage .two-column--editorial .button:focus {
    color: var(--txt-btn-secondary-on-colour-active);
    border: 1px solid var(--btn-secondary-on-colour-active);
  }
  .homepage .two-column--editorial .button--active:after,
  .homepage .two-column--editorial .button--active:before,
  .homepage .two-column--editorial .button.button--active:after,
  .homepage .two-column--editorial .button.button--active:before,
  .homepage .two-column--editorial .button:focus:after,
  .homepage .two-column--editorial .button:focus:before {
    background-color: var(--btn-secondary-on-colour-active);
  }
  .homepage .paragraph--type--subheading-two-column,
  .homepage .subheading-two-column {
    z-index: 2;
  }
  @media (min-width: 1200px) {
    .homepage .subheading-two-column {
      padding: 4rem 0;
    }
  }
  .homepage .subheading-two-column__content-wrapper {
    border-top: 4px solid var(--fill-primary-on-colour);
  }
  .homepage .subheading-two-column__heading {
    color: var(--txt-secondary-on-colour);
    font-size: 40px;
  }
  @media (min-width: 1200px) {
    .homepage .subheading-two-column__heading {
      font-size: 65px;
    }
  }
  .homepage .subheading-two-column__summary {
    color: var(--txt-secondary-on-colour);
  }
  .homepage .subheading-two-column__summary,
  .homepage .subheading-two-column__summary p {
    font-size: var(--heading-h4);
    font-family: GT Ultra;
    line-height: 1.25;
  }
  .homepage .subheading-two-column .button {
    color: var(--txt-btn-secondary-on-colour-default);
    border: 1px solid var(--btn-secondary-on-colour-default);
  }
  .homepage .subheading-two-column .button:before {
    background-color: transparent;
  }
  .homepage .subheading-two-column .button:hover {
    color: var(--txt-btn-secondary-on-colour-hover);
    border: 1px solid var(--btn-secondary-on-colour-hover);
  }
  .homepage .subheading-two-column .button:hover:before {
    background-color: var(--btn-secondary-on-colour-hover);
  }
  .homepage .subheading-two-column .button--active,
  .homepage .subheading-two-column .button.button--active,
  .homepage .subheading-two-column .button:focus {
    color: var(--txt-btn-secondary-on-colour-active);
    border: 1px solid var(--btn-secondary-on-colour-active);
  }
  .homepage .subheading-two-column .button--active:after,
  .homepage .subheading-two-column .button--active:before,
  .homepage .subheading-two-column .button.button--active:after,
  .homepage .subheading-two-column .button.button--active:before,
  .homepage .subheading-two-column .button:focus:after,
  .homepage .subheading-two-column .button:focus:before {
    background-color: var(--btn-secondary-on-colour-active);
  }
  .homepage.pistachio-theme .page-content:before,
  .pistachio-theme .homepage .page-content:before {
    content: "";
    width: 100%;
    height: 177px;
    background-color: var(--header-scrolling-background);
    position: absolute;
    top: 0;
    left: 0;
  }
  @media (max-width: 991.98px) {
    .homepage.pistachio-theme .page-content:before,
    .pistachio-theme .homepage .page-content:before {
      height: 56px;
    }
  }
  .homepage.pistachio-theme .two-column--editorial,
  .pistachio-theme .homepage .two-column--editorial {
    padding-bottom: 4rem;
  }
  .homepage.pistachio-theme .two-column--editorial:before,
  .pistachio-theme .homepage .two-column--editorial:before {
    display: none;
  }
  .homepage.pistachio-theme .two-column--editorial:after,
  .pistachio-theme .homepage .two-column--editorial:after {
    filter: brightness(0);
  }
  .homepage.pistachio-theme .two-column--editorial .button,
  .pistachio-theme .homepage .two-column--editorial .button {
    color: var(--txt-btn-secondary-on-light-default);
    border: 1px solid var(--btn-secondary-on-light-default);
  }
  .homepage.pistachio-theme .two-column--editorial .button:before,
  .pistachio-theme .homepage .two-column--editorial .button:before {
    background-color: transparent;
  }
  .homepage.pistachio-theme .two-column--editorial .button:hover,
  .pistachio-theme .homepage .two-column--editorial .button:hover {
    color: var(--txt-btn-secondary-on-light-hover);
    border: 1px solid var(--btn-secondary-on-light-hover);
  }
  .homepage.pistachio-theme .two-column--editorial .button:hover:before,
  .pistachio-theme .homepage .two-column--editorial .button:hover:before {
    background-color: var(--btn-secondary-on-light-hover);
  }
  .homepage.pistachio-theme .two-column--editorial .button--active,
  .homepage.pistachio-theme .two-column--editorial .button.button--active,
  .homepage.pistachio-theme .two-column--editorial .button:focus,
  .pistachio-theme .homepage .two-column--editorial .button--active,
  .pistachio-theme .homepage .two-column--editorial .button.button--active,
  .pistachio-theme .homepage .two-column--editorial .button:focus {
    color: var(--txt-btn-secondary-on-light-active);
    border: 1px solid var(--btn-secondary-on-light-active);
  }
  .homepage.pistachio-theme .two-column--editorial .button--active:after,
  .homepage.pistachio-theme .two-column--editorial .button--active:before,
  .homepage.pistachio-theme .two-column--editorial .button.button--active:after,
  .homepage.pistachio-theme .two-column--editorial .button.button--active:before,
  .homepage.pistachio-theme .two-column--editorial .button:focus:after,
  .homepage.pistachio-theme .two-column--editorial .button:focus:before,
  .pistachio-theme .homepage .two-column--editorial .button--active:after,
  .pistachio-theme .homepage .two-column--editorial .button--active:before,
  .pistachio-theme .homepage .two-column--editorial .button.button--active:after,
  .pistachio-theme .homepage .two-column--editorial .button.button--active:before,
  .pistachio-theme .homepage .two-column--editorial .button:focus:after,
  .pistachio-theme .homepage .two-column--editorial .button:focus:before {
    background-color: var(--btn-secondary-on-light-active);
  }
  .homepage.pistachio-theme .subheading-two-column .button,
  .pistachio-theme .homepage .subheading-two-column .button {
    color: var(--txt-btn-secondary-on-light-default);
    border: 1px solid var(--btn-secondary-on-light-default);
  }
  .homepage.pistachio-theme .subheading-two-column .button:before,
  .pistachio-theme .homepage .subheading-two-column .button:before {
    background-color: transparent;
  }
  .homepage.pistachio-theme .subheading-two-column .button:hover,
  .pistachio-theme .homepage .subheading-two-column .button:hover {
    color: var(--txt-btn-secondary-on-light-hover);
    border: 1px solid var(--btn-secondary-on-light-hover);
  }
  .homepage.pistachio-theme .subheading-two-column .button:hover:before,
  .pistachio-theme .homepage .subheading-two-column .button:hover:before {
    background-color: var(--btn-secondary-on-light-hover);
  }
  .homepage.pistachio-theme .subheading-two-column .button--active,
  .homepage.pistachio-theme .subheading-two-column .button.button--active,
  .homepage.pistachio-theme .subheading-two-column .button:focus,
  .pistachio-theme .homepage .subheading-two-column .button--active,
  .pistachio-theme .homepage .subheading-two-column .button.button--active,
  .pistachio-theme .homepage .subheading-two-column .button:focus {
    color: var(--txt-btn-secondary-on-light-active);
    border: 1px solid var(--btn-secondary-on-light-active);
  }
  .homepage.pistachio-theme .subheading-two-column .button--active:after,
  .homepage.pistachio-theme .subheading-two-column .button--active:before,
  .homepage.pistachio-theme .subheading-two-column .button.button--active:after,
  .homepage.pistachio-theme .subheading-two-column .button.button--active:before,
  .homepage.pistachio-theme .subheading-two-column .button:focus:after,
  .homepage.pistachio-theme .subheading-two-column .button:focus:before,
  .pistachio-theme .homepage .subheading-two-column .button--active:after,
  .pistachio-theme .homepage .subheading-two-column .button--active:before,
  .pistachio-theme .homepage .subheading-two-column .button.button--active:after,
  .pistachio-theme .homepage .subheading-two-column .button.button--active:before,
  .pistachio-theme .homepage .subheading-two-column .button:focus:after,
  .pistachio-theme .homepage .subheading-two-column .button:focus:before {
    background-color: var(--btn-secondary-on-light-active);
  }
  @media (min-width: 1200px) {
    .homepage.japanese .subheading-two-column__heading {
      font-size: 55px;
    }
  }
  @media (min-width: 1200px) {
    .homepage.japanese .two-column .two-column__heading {
      font-size: var(--heading-h2);
    }
  }
  .homepage.japanese .two-column .two-column__summary,
  .homepage.japanese .two-column .two-column__summary p {
    font-size: 22px;
  }
  @media (min-width: 1200px) {
    .homepage.japanese .two-column--editorial .two-column__heading {
      font-size: 55px;
    }
  }
  .homepage.japanese .two-column--editorial .two-column__summary,
  .homepage.japanese .two-column--editorial .two-column__summary p {
    font-size: 22px;
  }
  .grid-container {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 1400px) {
    .grid-container {
      max-width: 1400px;
    }
  }
  .grid-x {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
  .grid-x .cell {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  .grid-x .cell.medium-6 {
    flex: 0 0 auto;
    width: 100%;
  }
  @media (min-width: 768px) {
    .grid-x .cell.medium-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  }
  @media (min-width: 992px) {
    .grid-x .cell.large-4 {
      flex: 0 0 auto;
      width: 33.33333%;
    }
  }
  .callout {
    position: relative;
    margin: 0 0 2rem;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 3px;
    background-color: #fff;
    color: #000;
  }
  .callout.alert {
    background-color: #fce7e6;
    color: #000;
  }
  .callout.success {
    background-color: #eef5e4;
    color: #000;
  }
  .grid-full-height {
    height: 100%;
  }
  .white-background {
    background-color: #fff;
  }
  .shy-grey-background {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #f6f6f6;
  }
  .inverted {
    color: #fff;
    background-color: #173f35;
  }
  .centred {
    text-align: center;
  }
  .standout {
    font-size: 3rem;
    line-height: 48px;
    color: #173f35;
  }
  .phone--large {
    display: flex;
    align-items: center;
    font-size: 2.25rem;
  }
  .phone--large_with-icon:before {
    display: inline-block;
    content: "";
    height: 40px;
    width: 40px;
    margin-right: 10px;
    background: url(https://www.howdengroup.com/themes/custom/howden/dist/assets/icons/icon-phone.svg)
      transparent 50% 50% no-repeat;
  }
  .path-user:not(.user-logged-in) .page-wrapper .page-content {
    padding-top: 0;
  }
  .path-user:not(.user-logged-in) .button {
    background-color: #0678be;
    color: #fff;
    padding: 1rem 1.5rem;
    border: 0;
    font-size: 0.8125rem;
    font-family: Source Sans Pro, Lucida Grande, Verdana, sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    border-radius: 3px;
  }
  .path-user:not(.user-logged-in) .button:hover {
    background-color: #045292;
    color: #fff;
  }
  #block-howden-local-tasks,
  #block-tabs {
    padding: 1rem 0;
    margin-top: 177px;
    min-height: 80px;
  }
  .block-local-tasks-buttons ul {
    display: flex;
    justify-content: center;
  }
  .block-local-tasks-buttons li {
    list-style: none;
    margin-right: 0.5rem;
  }
  .block-local-tasks-buttons .button {
    background-color: #0678be;
    color: #fff;
    padding: 1rem 1.5rem;
    border: 0;
    font-size: 0.8125rem;
    font-family: Source Sans Pro, Lucida Grande, Verdana, sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    border-radius: 3px;
  }
  .block-local-tasks-buttons .button:hover {
    background-color: #045292;
    color: #fff;
  }
  .block-page-title-block h1 {
    margin-top: 0.5em;
  }
  .zurb-foundation-callout {
    margin-bottom: 0;
    position: fixed;
    top: 159px;
    width: 100%;
    z-index: 15;
    text-align: center;
    animation: translateUp 1s cubic-bezier(0.165, 0.84, 0.44, 1) 3s 1 forwards;
  }
  @keyframes translateUp {
    0% {
      transform: translateY(0);
    }
    to {
      transform: translateY(-100%);
    }
  }
  .user-logged-in {
    padding-top: 79px;
  }
  .user-logged-in #block-howden-local-tasks,
  .user-logged-in #block-tabs {
    position: fixed;
    top: 79px;
    z-index: 20;
    width: 100%;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    margin-top: 0;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .user-logged-in #block-howden-local-tasks ~ .page-wrapper,
  .user-logged-in #block-tabs ~ .page-wrapper {
    padding-top: 80px;
  }
  .user-logged-in #block-howden-local-tasks ~ .page-wrapper .site-header,
  .user-logged-in #block-tabs ~ .page-wrapper .site-header {
    top: 159px;
  }
  .user-logged-in
    #block-howden-local-tasks
    ~ .page-wrapper
    .site-header--country-selector-open
    .country-selector,
  .user-logged-in
    #block-tabs
    ~ .page-wrapper
    .site-header--country-selector-open
    .country-selector {
    height: calc(100vh - 207px);
  }
  .user-logged-in #block-howden-local-tasks ~ .page-wrapper .hero--full-screen,
  .user-logged-in
    #block-howden-local-tasks
    ~ .page-wrapper
    .site-header--nav-open
    .site-nav-primary__container,
  .user-logged-in #block-tabs ~ .page-wrapper .hero--full-screen,
  .user-logged-in
    #block-tabs
    ~ .page-wrapper
    .site-header--nav-open
    .site-nav-primary__container {
    height: calc(100vh - 159px);
  }
  .user-logged-in #block-howden-local-tasks ~ .page-wrapper .hero--hgh,
  .user-logged-in #block-tabs ~ .page-wrapper .hero--hgh {
    height: calc(100svh - 288px);
  }
  .user-logged-in #iubenda-cs-banner {
    display: none !important;
  }
  .main-nav--new .contextual-region {
    position: static;
  }
  .cke_editable {
    margin: 8px;
  }
  .cke_editable ol,
  .cke_editable ul {
    margin: 32px 0;
    padding: 0 2rem;
  }
  @media (min-width: 768px) {
    .cke_editable ol,
    .cke_editable ul {
      padding: 0 4rem;
    }
  }
  .cke_editable ol li,
  .cke_editable ul li {
    list-style: disc;
    margin-bottom: 8px;
  }
  .cke_editable ol li {
    list-style: decimal;
  }
  .cke_editable table,
  .cke_editable table.styled {
    min-width: 100%;
    font-size: 1rem;
  }
  .cke_editable table.styled td,
  .cke_editable table td {
    padding: 16px 16px 16px 0;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
  }
  .cke_editable table.styled td:not(:last-child):after,
  .cke_editable table td:not(:last-child):after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #c6c6c6;
    position: absolute;
    right: 16px;
    top: 0;
  }
  .cke_editable table.styled th,
  .cke_editable table th {
    color: #173f35;
    border-bottom: 1px solid #0857c3;
    font-weight: 800;
    padding: 16px 0;
    text-align: left;
    position: relative;
  }
  .cke_editable table.styled th:not(:last-child):after,
  .cke_editable table th:not(:last-child):after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #c6c6c6;
    position: absolute;
    right: 16px;
    top: 0;
  }
  .cke_editable table.styled tr:last-child td,
  .cke_editable table tr:last-child td {
    border-bottom: 0;
  }
  .user-login-form.container,
  .user-pass.container {
    max-width: 30rem;
  }
  .user-login-form .form-item,
  .user-pass .form-item {
    margin-bottom: 2rem;
  }
  .user-login-form .form-item--error-message,
  .user-pass .form-item--error-message {
    font-size: 1rem;
    margin-top: 0.4rem;
    color: #f9423a;
  }
  .user-login-form .form-item--error-message a,
  .user-pass .form-item--error-message a {
    display: block;
    margin-top: 0.5rem;
  }
  .user-login-form [type="date"],
  .user-login-form [type="email"],
  .user-login-form [type="number"],
  .user-login-form [type="password"],
  .user-login-form [type="search"],
  .user-login-form [type="tel"],
  .user-login-form [type="text"],
  .user-login-form [type="url"],
  .user-login-form textarea,
  .user-pass [type="date"],
  .user-pass [type="email"],
  .user-pass [type="number"],
  .user-pass [type="password"],
  .user-pass [type="search"],
  .user-pass [type="tel"],
  .user-pass [type="text"],
  .user-pass [type="url"],
  .user-pass textarea {
    width: 100%;
    max-width: 100%;
    height: 2.25rem;
    margin: 0;
    padding: 0.5rem 0;
    border: 1px solid #c6c6c6;
    font-size: 1.125rem;
    transition: box-shadow 0.1s, border-color 0.1s ease-in-out;
    line-height: 1.5;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    background-color: #fff;
  }
  .user-login-form [type="date"].error,
  .user-login-form [type="email"].error,
  .user-login-form [type="number"].error,
  .user-login-form [type="password"].error,
  .user-login-form [type="search"].error,
  .user-login-form [type="tel"].error,
  .user-login-form [type="text"].error,
  .user-login-form [type="url"].error,
  .user-login-form textarea.error,
  .user-pass [type="date"].error,
  .user-pass [type="email"].error,
  .user-pass [type="number"].error,
  .user-pass [type="password"].error,
  .user-pass [type="search"].error,
  .user-pass [type="tel"].error,
  .user-pass [type="text"].error,
  .user-pass [type="url"].error,
  .user-pass textarea.error {
    border: 1px solid #f9423a;
  }
  .user-login-form [type="date"]:focus,
  .user-login-form [type="email"]:focus,
  .user-login-form [type="number"]:focus,
  .user-login-form [type="password"]:focus,
  .user-login-form [type="search"]:focus,
  .user-login-form [type="tel"]:focus,
  .user-login-form [type="text"]:focus,
  .user-login-form [type="url"]:focus,
  .user-login-form textarea:focus,
  .user-pass [type="date"]:focus,
  .user-pass [type="email"]:focus,
  .user-pass [type="number"]:focus,
  .user-pass [type="password"]:focus,
  .user-pass [type="search"]:focus,
  .user-pass [type="tel"]:focus,
  .user-pass [type="text"]:focus,
  .user-pass [type="url"]:focus,
  .user-pass textarea:focus {
    outline: none;
    border: 1px solid #0857c3;
  }
  .user-login-form [type="date"]::-moz-placeholder,
  .user-login-form [type="email"]::-moz-placeholder,
  .user-login-form [type="number"]::-moz-placeholder,
  .user-login-form [type="password"]::-moz-placeholder,
  .user-login-form [type="search"]::-moz-placeholder,
  .user-login-form [type="tel"]::-moz-placeholder,
  .user-login-form [type="text"]::-moz-placeholder,
  .user-login-form [type="url"]::-moz-placeholder,
  .user-login-form textarea::-moz-placeholder,
  .user-pass [type="date"]::-moz-placeholder,
  .user-pass [type="email"]::-moz-placeholder,
  .user-pass [type="number"]::-moz-placeholder,
  .user-pass [type="password"]::-moz-placeholder,
  .user-pass [type="search"]::-moz-placeholder,
  .user-pass [type="tel"]::-moz-placeholder,
  .user-pass [type="text"]::-moz-placeholder,
  .user-pass [type="url"]::-moz-placeholder,
  .user-pass textarea::-moz-placeholder {
    color: #c6c6c6;
  }
  .user-login-form [type="date"]::placeholder,
  .user-login-form [type="email"]::placeholder,
  .user-login-form [type="number"]::placeholder,
  .user-login-form [type="password"]::placeholder,
  .user-login-form [type="search"]::placeholder,
  .user-login-form [type="tel"]::placeholder,
  .user-login-form [type="text"]::placeholder,
  .user-login-form [type="url"]::placeholder,
  .user-login-form textarea::placeholder,
  .user-pass [type="date"]::placeholder,
  .user-pass [type="email"]::placeholder,
  .user-pass [type="number"]::placeholder,
  .user-pass [type="password"]::placeholder,
  .user-pass [type="search"]::placeholder,
  .user-pass [type="tel"]::placeholder,
  .user-pass [type="text"]::placeholder,
  .user-pass [type="url"]::placeholder,
  .user-pass textarea::placeholder {
    color: #c6c6c6;
  }
  .user-login-form label,
  .user-login-form legend,
  .user-pass label,
  .user-pass legend {
    font-size: 1.125rem;
    line-height: 1.8;
    font-weight: 600;
    display: block;
    margin-bottom: 0.7rem;
  }
  .user-login-form label.form-required + .description,
  .user-login-form label.form-required:not(:empty),
  .user-login-form legend.form-required + .description,
  .user-login-form legend.form-required:not(:empty),
  .user-pass label.form-required + .description,
  .user-pass label.form-required:not(:empty),
  .user-pass legend.form-required + .description,
  .user-pass legend.form-required:not(:empty) {
    display: flex;
  }
  .user-login-form label.form-required + .description:before,
  .user-login-form label.form-required:not(:empty):before,
  .user-login-form legend.form-required + .description:before,
  .user-login-form legend.form-required:not(:empty):before,
  .user-pass label.form-required + .description:before,
  .user-pass label.form-required:not(:empty):before,
  .user-pass legend.form-required + .description:before,
  .user-pass legend.form-required:not(:empty):before {
    content: "*";
    color: #f9423a;
    display: block;
    margin-right: 0.4rem;
  }
  .user-login-form .description,
  .user-pass .description {
    margin-top: 0.6rem;
    font-size: 1rem;
  }