@import url(https://use.typekit.net/dqz5fsm.css);
/* stylelint-disable */
/**
 * Modern CSS Reset Tweaks
 * ================================================== */
html {
  -webkit-text-size-adjust: 100%;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  position: relative;
  width: 100%;
  min-height: 100vh;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

/* Box sizing normalization */
*,
::after,
::before {
  box-sizing: border-box;
}

/* Elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/**
 * CSS Reset Tweaks
 *
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0-modified | 20110126
 * License: none (public domain)
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/**
 * Input Reset
 */
input:required,
input {
  box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:focus {
  outline: none;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 */
[hidden] {
  display: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: none;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}

/* Make pictures easier to work with */
picture {
  display: inline-block;
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  border: 0;
  background: transparent;
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

[disabled] {
  pointer-events: none;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  padding: 0;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  border: 0;
  background: transparent;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

/**
 * Based on normalize.css v8.0.1
 * github.com/necolas/normalize.css
 */
hr {
  box-sizing: content-box;
  overflow: visible;
  background: #000;
  border: 0;
  height: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
  width: 100%;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 100%;
}

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 75%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -5px;
}

sup {
  top: -5px;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
  outline: 0;
}

legend {
  color: inherit;
  white-space: normal;
  display: block;
  border: 0;
  max-width: 100%;
  width: 100%;
}

fieldset {
  min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
  display: block;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Misc
 * ========================================================================== */
template {
  display: none;
}

:root {
  --colour-black: #132631;
  --colour-white: #FFFFFF;
  --colour-light-blue-100: #00AEEF;
  --colour-light-blue-75: #44c8f5;
  --colour-light-blue-50: #84d0f5;
  --colour-light-blue-10: #E6F7FD;
  --colour-dark-blue-35: #004A76;
  --colour-dark-blue-100: #0072b6;
  --colour-dark-blue-75: #278fc9;
  --colour-dark-blue-50: #84b2dc;
  --colour-green-100: #00b08b;
  --colour-green-75: #71bea1;
  --colour-green-50: #aad4c1;
  --colour-green-10: #E6F7F3;
  --colour-gray-100: #666666;
  --colour-gray-75: #8e8f9b;
  --colour-gray-50: #b2b1bb;
  --colour-gray-10: #efeff1;
  --colour-gray-5: #F6F6F6;
  --colour-red-100: #dc533a;
  --colour-red-75: #e47c5e;
  --colour-red-50: #eeaa91;
  --colour-orange-100: #FF7B00;
  --colour-error: var(--colour-red-100);
  --colour-error-light: var(--colour-red-50);
  --colour-success: var(--colour-green-100);
  --gradient-light: linear-gradient(180deg, var(--colour-dark-blue-100) 0%, var(--colour-light-blue-75) 100%);
  --gradient-dark: linear-gradient(180deg, var(--colour-dark-blue-35) 0%, var(--colour-dark-blue-75) 70.67%, var(--colour-light-blue-100) 100%);
  --gradient-vibrant: linear-gradient(116deg, var(--colour-light-blue-100) 0%, var(--colour-green-100) 100%);
  --transition-all: all ease-in-out var(--base-transition-speed);
  --transition-background: background ease-in-out var(--base-transition-speed);
  --transition-background-color: background-color ease-in-out var(--base-transition-speed);
  --transition-border: border ease-in-out var(--base-transition-speed);
  --transition-border-color: border-color ease-in-out var(--base-transition-speed);
  --transition-color: color ease-in-out var(--base-transition-speed);
  --transition-fill: fill ease-in-out var(--base-transition-speed);
  --transition-height: height ease-in-out var(--base-transition-speed);
  --transition-max-height: max-height ease-in-out var(--base-transition-speed);
  --transition-opacity: opacity ease-in-out var(--base-transition-speed);
  --transition-padding: padding ease-in-out var(--base-transition-speed);
  --transition-transform: transform ease-in-out var(--base-transition-speed);
  --transition-text-decoration: text-decoration ease-in-out var(--base-transition-speed);
  --transition-underline: left ease-out var(--base-transition-speed), right ease-out var(--base-transition-speed);
  --transition-width: width ease-in-out var(--base-transition-speed);
  --font-sans-serif: Lato, helvetica, arial, sans-serif;
  --font-size-1-xxxs: 48px;
  --font-size-1: 48px;
  --font-size-1-md: 64px;
  --font-size-2-xxxs: 40px;
  --font-size-2: 40px;
  --font-size-2-md: 56px;
  --font-size-3-xxxs: 40px;
  --font-size-3: 40px;
  --font-size-3-md: 48px;
  --font-size-4-xxxs: 36px;
  --font-size-4: 36px;
  --font-size-4-md: 40px;
  --font-size-5: 32px;
  --font-size-6: 28px;
  --font-size-p-xlarge: 24px;
  --font-size-p-large: 20px;
  --font-size-p: 18px;
  --font-size-p-small: 16px;
  --font-size-p-xsmall: 14px;
  --font-size-eyebrow-xxxs: 16px;
  --font-size-eyebrow: 16px;
  --font-size-eyebrow-md: 18px;
  --font-size-label: var(--font-size-p);
  --font-size-quote: var(--font-size-6);
  --font-size-button: var(--font-size-p);
  --line-height-1: 110%;
  --line-height-2: 120%;
  --line-height-3: 120%;
  --line-height-4: 140%;
  --line-height-5: 140%;
  --line-height-6: 140%;
  --line-height-p-xlarge: 140%;
  --line-height-p-large: 140%;
  --line-height-p: 140%;
  --line-height-p-small: 140%;
  --line-height-p-xsmall: 140%;
  --line-height-eyebrow: 140%;
  --line-height-label: var(--line-height-p);
  --line-height-quote: var(--line-height-6);
  --line-height-button: 24px;
  --letter-spacing-1: -0.88px;
  --letter-spacing-2: -0.64px;
  --letter-spacing-3: -0.56px;
  --letter-spacing-4: -0.48px;
  --letter-spacing-5: -0.36px;
  --letter-spacing-6: -0.28px;
  --letter-spacing-p-xlarge: normal;
  --letter-spacing-p-large: normal;
  --letter-spacing-p: normal;
  --letter-spacing-p-small: normal;
  --letter-spacing-p-xsmall: normal;
  --letter-spacing-eyebrow: normal;
  --letter-spacing-label: normal;
  --letter-spacing-quote: normal;
  --letter-spacing-button: normal;
  --breakpoint-xxxs: 0;
  --breakpoint-xxs: 319px;
  --breakpoint-xs: 479px;
  --breakpoint-sm: 567px;
  --breakpoint-md: 767px;
  --breakpoint-lg: 1023px;
  --breakpoint-xl: 1278px;
  --breakpoint-xxl: 1378px;
  --breakpoint-xxxl: 1640px;
  --spacing-xxxl-xxxs: 80px;
  --spacing-xxxl: 80px;
  --spacing-xxxl-lg: 120px;
  --spacing-xxl-xxxs: 60px;
  --spacing-xxl: 60px;
  --spacing-xxl-lg: 80px;
  --spacing-xl-xxxs: 40px;
  --spacing-xl: 40px;
  --spacing-xl-lg: 56px;
  --spacing-l-xxxs: 40px;
  --spacing-l: 40px;
  --spacing-l-lg: 48px;
  --spacing-m: 40px;
  --spacing-s: 32px;
  --spacing-xs: 24px;
  --spacing-xxs: 16px;
  --spacing-xxxs: 8px;
  --spacing-xxxxs: 4px;
  --spacing-body-xxxs: var(--spacing-xs);
  --spacing-body: var(--spacing-xs);
  --spacing-body-lg: var(--spacing-s);
  --spacing-section-top: var(--spacing-xxl);
  --spacing-section-bottom: var(--spacing-xxl);
  --spacing-section-top-small: var(--spacing-l);
  --spacing-section-bottom-small: var(--spacing-l);
  --spacing-section-top-mobile: var(--spacing-m);
  --spacing-section-bottom-mobile: var(--spacing-m);
  --spacing-heading-top: var(--spacing-s);
  --spacing-heading-bottom: var(--spacing-xxs);
  --spacing-typography: var(--spacing-xxs);
  --width-max-width: 1380px;
  --width-max-width-padded: 1388px;
  --height-header: 8rem;
  --height-header-mobile: 13rem;
  --height-button: auto;
  --logo-height: 3.1rem;
  --logo-width: 14.2rem;
  --logo-mobile-height: 2rem;
  --logo-mobile-width: 9.5rem;
  --border-button: 1px;
  --border-input: 0.1rem;
  --radius-block-xxxs: 24px;
  --radius-block: 24px;
  --radius-block-lg: 60px;
  --radius-image: 16px;
  --radius-button: 100px;
  --radius-card: var(--radius-image);
  --radius-logo-box: var(--radius-image);
  --icon-xsm: 12px;
  --icon-sml: 16px;
  --icon-reg: 20px;
  --icon-med: 25px;
  --icon-lrg: 32px;
  --icon-xlg: 3.2rem;
  --shadow-header: 0px 4px 28px 8px rgba(132, 132, 132, 0.12);
  --shadow-card: 0 0 0.7rem 0.7rem var(--colour-rgba-black-10);
  --shadow-logo-box: 0 0 0.7rem 0.7rem var(--colour-rgba-black-10);
  --shadow-newsletter-signup: -4px 0px 12px 0px rgba(0, 0, 0, 0.04);
  --grid-columns: 12;
  --grid-row-columns: 6;
  --grid-gap-gap-column: var(--spacing-s);
  --grid-gap-gap-row: var(--spacing-s);
  --grid-gap-gap-column-mobile: var(--spacing-xs);
  --grid-gap-gap-row-mobile: var(--spacing-xs);
  --base-size: 62.5%;
  --base-unit: rem;
  --base-transition-speed: 0.3s;
  --base-transition-speed-slow: 0.6s;
  --base-animation-speed: 3s;
  --button-primary-background: var(--colour-light-blue-100);
  --button-primary-background-hover: linear-gradient(270deg, var(--colour-dark-blue-100) 0%, var(--colour-light-blue-100) 39.7%, var(--colour-light-blue-75) 100%);
  --button-primary-background-active: var(--colour-dark-blue-100);
  --button-primary-border: var(--colour-light-blue-100);
  --button-primary-border-hover: var(--colour-light-blue-100);
  --button-primary-border-active: var(--colour-dark-blue-100);
  --button-primary-colour: var(--colour-white);
  --button-primary-colour-hover: var(--colour-white);
  --button-primary-colour-active: var(--colour-white);
  --button-primary-dark-background: var(--colour-white);
  --button-primary-dark-background-hover: linear-gradient(280deg, var(--colour-light-blue-100) -33.08%, var(--colour-white) 26.5%);
  --button-primary-dark-background-active: var(--colour-light-blue-10);
  --button-primary-dark-border: var(--colour-white);
  --button-primary-dark-border-hover: var(--colour-white);
  --button-primary-dark-border-active: var(--colour-white);
  --button-primary-dark-colour: var(--colour-dark-blue-35);
  --button-primary-dark-colour-hover: var(--colour-dark-blue-35);
  --button-primary-dark-colour-active: var(--colour-dark-blue-35);
  --button-secondary-background: var(--colour-white);
  --button-secondary-background-hover: linear-gradient(270deg, rgba(0, 114, 182, 0.1) 0%, rgba(0, 174, 239, 0.1) 39.7%, rgba(68, 200, 245, 0.1) 100%);
  --button-secondary-background-active: linear-gradient(270deg, rgba(0, 114, 182, 0.2) 0%, rgba(0, 174, 239, 0.2) 39.7%, rgba(68, 200, 245, 0.2) 100%);
  --button-secondary-border: var(--colour-light-blue-100);
  --button-secondary-border-hover: var(--colour-light-blue-100);
  --button-secondary-border-active: var(--colour-light-blue-100);
  --button-secondary-colour: var(--colour-dark-blue-35);
  --button-secondary-colour-hover: var(--colour-dark-blue-35);
  --button-secondary-colour-active: var(--colour-dark-blue-35);
  --button-secondary-dark-background: transparent;
  --button-secondary-dark-background-hover: linear-gradient(280deg, rgba(0, 174, 239, 0.3) -33.08%, rgba(255, 255, 255, 0.3) 26.5%);
  --button-secondary-dark-background-active: linear-gradient(280deg, rgba(0, 174, 239, 0.3) -33.08%, rgba(255, 255, 255, 0.3) 26.5%);
  --button-secondary-dark-border: var(--colour-white);
  --button-secondary-dark-border-hover: var(--colour-white);
  --button-secondary-dark-border-active: var(--colour-white);
  --button-secondary-dark-colour: var(--colour-white);
  --button-secondary-dark-colour-hover: var(--colour-white);
  --button-secondary-dark-colour-active: var(--colour-white);
  --button-tertiary-border: transparent;
  --button-tertiary-border-hover: var(--colour-light-blue-100);
  --button-tertiary-border-active: var(--colour-dark-blue-100);
  --button-tertiary-colour: var(--colour-dark-blue-35);
  --button-tertiary-colour-hover: var(--colour-dark-blue-35);
  --button-tertiary-colour-active: var(--colour-dark-blue-35);
  --button-tertiary-dark-border: transparent;
  --button-tertiary-dark-border-hover: var(--colour-white);
  --button-tertiary-dark-border-active: var(--colour-light-blue-100);
  --button-tertiary-dark-colour: var(--colour-white);
  --button-tertiary-dark-colour-hover: var(--colour-white);
  --button-tertiary-dark-colour-active: var(--colour-white);
  --header-height-xxxs: 84px;
  --header-height: 84px;
  --header-height-xl: 99px;
  --header-background-colour: var(--colour-white);
  --header-box-shadow: var(--shadow-header);
  --header-menu-gap: var(--spacing-m);
  --header-z-index: 1000;
  --mobile-menu-background-colour: var(--colour-white);
  --mobile-menu-step-padding: var(--spacing-xxxs) var(--spacing-xxs);
  --mobile-menu-links-gap: var(--spacing-xs);
  --mobile-menu-cards-gap: var(--spacing-xs);
  --mobile-menu-back-gap: var(--spacing-xxxs);
  --mobile-menu-back-padding-bottom: var(--spacing-xxs);
  --mobile-menu-back-border-bottom: 1px solid var(--colour-gray);
  --mobile-menu-back-margin-bottom: var(--spacing-xs);
  --mobile-menu-link-gap: var(--spacing-xxxs);
  --mobile-menu-step-title-colour: var(--colour-dark-blue-35);
  --mobile-menu-step-title-margin-bottom: var(--spacing-xxs);
  --mega-menu-box-shadow: var(--shadow-card);
  --mega-menu-background-colour: var(--colour-white);
  --mega-menu-max-width: 1040px;
  --mega-menu-sidebar-background-colour: var(--colour-gray);
  --mega-menu-sidebar-width: 250px;
  --mega-menu-tab-padding: var(--spacing-m);
  --mega-menu-tab-header-spacing: var(--spacing-s);
  --mega-menu-cards-padding: var(--spacing-m);
  --mega-menu-cards-card-gap: var(--spacing-m);
  --mega-menu-cards-card-max-width: 300px;
  --mega-menu-simple-max-width: 242px;
  --mega-menu-simple-padding: var(--spacing-xxs) var(--spacing-xs) var(--spacing-xs);
  --mega-menu-simple-gap: var(--spacing-xxxs);
  --gravity-forms-field-spacing: var(--spacing-xs);
  --gravity-forms-label-margin-bottom: var(--spacing-xxxs);
  --gravity-forms-choices-spacing: var(--spacing-xxxs);
  --gravity-forms-choice-spacing: var(--spacing-xxxs);
  --gravity-forms-field-inner-spacing: var(--spacing-xxs);
  --gravity-forms-time-field-width: 125px;
  --gravity-forms-progress-bar-margin-bottom: var(--spacing-m);
  --gravity-forms-progress-bar-title-margin-bottom: var(--spacing-xxs);
  --gravity-forms-progress-bar-background-colour: var(--colour-gray);
  --gravity-forms-progress-bar-percentage-colour: var(--colour-brand-1);
  --gravity-forms-progress-bar-height: 12px;
  --gravity-forms-progress-bar-border-radius: 5px;
  --gravity-forms-error-box-padding: var(--spacing-xxxs);
  --gravity-forms-error-box-margin-bottom: var(--spacing-xs);
  --gravity-forms-error-box-border-colour: var(--colour-error);
  --gravity-forms-error-box-background-colour: var(--colour-error-light);
  --gravity-forms-error-box-colour: var(--colour-black);
  --gravity-forms-error-input-border-colour: var(--colour-error);
  --gravity-forms-error-message-background-colour: var(--colour-error-light);
  --gravity-forms-error-message-colour: var(--colour-black);
  --gravity-forms-required-colour: var(--colour-error);
  --gravity-forms-required-spacing: var(--spacing-xxxs);
  --gravity-forms-footer-spacing: var(--spacing-m);
  --gravity-forms-footer-inner-spacing: var(--spacing-xxs);
  --swiper-space-between: var(--spacing-xs);
  --swiper-pagination-width: 12px;
  --swiper-pagination-height: 12px;
  --swiper-pagination-border-color: var(--colour-light-blue-100);
  --swiper-pagination-color-active: var(--gradient-vibrant);
  --swiper-pagination-spacing: var(--spacing-xxxs);
  --swiper-pagination-focus-outline-colour: var(--colour-black);
  --swiper-nav-arrow-height: 52px;
  --swiper-nav-arrow-width: 52px;
  --swiper-nav-arrow-background-color: transparent;
  --swiper-nav-arrow-hover-background-color: var(--colour-light-blue-100);
  --swiper-nav-arrow-border-color: var(--colour-light-blue-100);
  --swiper-nav-arrow-icon-color: var(--colour-dark-blue-35);
  --swiper-nav-arrow-icon-hover-color: var(--colour-white);
  --swiper-nav-arrow-focus-outline-colour: var(--colour-black);
  --block-reduced-max-width: 950px;
  --block-reduced-max-width-offset: 950px;
  --block-reduced-max-width-container: calc(var(--block-reduced-max-width) + var(--spacing-body) * 2);
  --block-reduced-max-width-offset-container: calc(var(--block-reduced-max-width-offset) + var(--spacing-body) * 2);
  --block-buttons-gap: var(--spacing-xxs);
  --block-cards-gap-row: var(--grid-gap-gap-row);
  --block-cards-gap-column: var(--grid-gap-gap-column);
  --block-cards-gap-row-mobile: var(--grid-gap-gap-row-mobile);
  --block-cards-gap-column-mobile: var(--grid-gap-gap-column-mobile);
  --block-cards-slide-auto-width: 385px;
  --block-logos-gap-row: var(--grid-gap-gap-row);
  --block-logos-gap-column: var(--grid-gap-gap-column);
  --block-logos-logo-max-width: 176px;
  --block-logos-logo-box-max-width: 204px;
  --block-logos-logo-box-padding: var(--spacing-xxs);
  --block-logos-logo-box-border-radius: var(--radius-logo-box);
  --block-logos-logo-box-background-colour: var(--colour-white);
  --component-accordion-colour: var(--colour-black);
  --component-accordion-border-colour: var(--colour-gray-50);
  --component-accordion-icon-colour: var(--colour-black);
  --component-accordion-active-border-colour: var(--colour-black);
  --component-accordion-active-icon-colour: var(--colour-black);
  --component-accordion-padding-top: var(--spacing-xs);
  --component-accordion-padding-bottom: var(--spacing-xs);
  --component-accordion-icon-width: 48px;
  --component-accordion-border-width: 1px;
  --component-video-max-width: var(--block-reduced-max-width-offset);
  --component-video-aspect-ratio: 1.7777777778;
  --component-video-play-icon-background: var(--gradient-dark);
  --component-video-play-icon-colour: var(--colour-white);
  --component-card-colour: var(--colour-dark-blue-35);
  --component-card-border-colour: var(--colour-light-blue-100);
  --component-card-border-width: 1px;
  --component-card-border-radius: var(--radius-card);
  --component-card-padding: var(--spacing-s);
  --component-card-background: var(--colour-white);
  --component-card-content-gap: var(--spacing-xxs);
  --component-form-intro-margin-bottom: var(--spacing-m);
  --component-testimonials-max-width: var(--block-reduced-max-width-offset);
  --component-testimonial-quote-spacing: var(--spacing-xxxs);
  --component-testimonial-icon-size: var(--icon-med);
  --component-testimonial-icon-colour: var(--colour-light-blue-100);
}

@media (min-width: 767px) {
  :root {
    --font-size-1: 64px;
  }
}
@media (min-width: 767px) {
  :root {
    --font-size-2: 56px;
  }
}
@media (min-width: 767px) {
  :root {
    --font-size-3: 48px;
  }
}
@media (min-width: 767px) {
  :root {
    --font-size-4: 40px;
  }
}
@media (min-width: 767px) {
  :root {
    --font-size-eyebrow: 18px;
  }
}
@media (min-width: 1023px) {
  :root {
    --spacing-xxxl: 120px;
  }
}
@media (min-width: 1023px) {
  :root {
    --spacing-xxl: 80px;
  }
}
@media (min-width: 1023px) {
  :root {
    --spacing-xl: 56px;
  }
}
@media (min-width: 1023px) {
  :root {
    --spacing-l: 48px;
  }
}
@media (min-width: 1023px) {
  :root {
    --spacing-body: var(--spacing-s);
  }
}
@media (min-width: 1023px) {
  :root {
    --radius-block: 60px;
  }
}
@media (min-width: 1278px) {
  :root {
    --header-height: 99px;
  }
}
html {
  background-color: var(--colour-brand-neutral-3);
  scroll-behavior: smooth;
}

body.modal-open {
  overflow: hidden;
  position: static;
}

button {
  outline-offset: 0.1rem;
}

button:hover {
  cursor: pointer;
  transition: var(--transition-all);
}

button:focus-visible {
  outline-style: dashed;
  outline-width: 1px;
}

button:active {
  outline: 0;
}

a {
  outline-offset: 0.1rem;
}

a:hover {
  cursor: pointer;
  transition: var(--transition-all);
}

a:focus-visible {
  outline-color: var(--colour-brand-7);
  outline-style: dashed;
  outline-width: 1px;
}

a:active {
  outline: 0;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

.skip-link {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
  align-content: center;
  background-color: var(--colour-brand-7);
  color: var(--colour-white);
  display: flex;
  justify-content: center;
  left: 1px;
  outline: none;
  outline-offset: 0;
  padding: 0.5rem 1rem 1rem;
  position: absolute;
  right: 1px;
  text-decoration: none;
  top: -100%;
  width: calc(100% - 2px);
  z-index: 200;
}

.skip-link:focus {
  color: var(--colour-white);
  position: sticky;
  text-decoration: underline;
  top: 1px;
  transition: var(--transition-all);
}

.skip-link:visited {
  color: var(--colour-white);
}

.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  margin: var(--spacing-heading-top) 0 var(--spacing-heading-bottom);
}

.mce-content-body h2,
.wysiwyg h2 {
  color: var(--colour-dark-blue-35);
}

.mce-content-body *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h1),
.wysiwyg *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h1) {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-4);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-4);
  line-height: var(--line-height-4);
  text-transform: none;
}

.mce-content-body *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h2),
.wysiwyg *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h2) {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-5);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-5);
  line-height: var(--line-height-5);
  text-transform: none;
}

.mce-content-body *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h3),
.wysiwyg *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h3) {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-6);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-6);
  line-height: var(--line-height-6);
  text-transform: none;
}

.mce-content-body *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h4),
.wysiwyg *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h4) {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xlarge);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-xlarge);
  line-height: var(--line-height-p-xlarge);
  text-transform: none;
}

.mce-content-body *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h5),
.wysiwyg *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h5) {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
}

.mce-content-body *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h6),
.wysiwyg *:not(.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6, .intro-text):is(h6) {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
}

.mce-content-body p:not(.intro-text),
.wysiwyg p:not(.intro-text) {
  margin: 0 0 var(--spacing-typography);
}

.mce-content-body p:not(.intro-text):has(> img),
.wysiwyg p:not(.intro-text):has(> img) {
  margin: var(--spacing-l) 0;
}

.mce-content-body p:not(.intro-text).colour-dark-blue,
.wysiwyg p:not(.intro-text).colour-dark-blue {
  color: var(--colour-dark-blue-35);
}

.mce-content-body a:not(.btn),
.wysiwyg a:not(.btn) {
  color: var(--wysiwyg-anchor-colour, var(--colour-light-blue-100));
  display: inline-block;
  -webkit-text-decoration: var(--wysiwyg-anchor-decoration, none);
          text-decoration: var(--wysiwyg-anchor-decoration, none);
  text-underline-offset: 30%;
}

.mce-content-body a:not(.btn):hover,
.wysiwyg a:not(.btn):hover {
  text-decoration: underline;
}

.mce-content-body a:not(.btn):has(img),
.wysiwyg a:not(.btn):has(img) {
  display: inline;
}

.mce-content-body ul,
.mce-content-body ol,
.wysiwyg ul,
.wysiwyg ol {
  list-style: initial;
  margin-bottom: var(--spacing-typography);
  padding-left: var(--spacing-s);
}

.mce-content-body ul > :first-child,
.mce-content-body ol > :first-child,
.wysiwyg ul > :first-child,
.wysiwyg ol > :first-child {
  margin-top: 0 !important;
}

.mce-content-body ul > :last-child,
.mce-content-body ol > :last-child,
.wysiwyg ul > :last-child,
.wysiwyg ol > :last-child {
  margin-bottom: 0 !important;
}

.mce-content-body ul ul,
.mce-content-body ul ol,
.mce-content-body ol ul,
.mce-content-body ol ol,
.wysiwyg ul ul,
.wysiwyg ul ol,
.wysiwyg ol ul,
.wysiwyg ol ol {
  margin-top: var(--spacing-xxxs);
}

.mce-content-body ul li,
.mce-content-body ol li,
.wysiwyg ul li,
.wysiwyg ol li {
  margin: 0 0 var(--spacing-xxxs);
}

.mce-content-body ul li > a,
.mce-content-body ol li > a,
.wysiwyg ul li > a,
.wysiwyg ol li > a {
  display: inline !important;
}

.mce-content-body ol,
.wysiwyg ol {
  list-style: decimal;
}

.mce-content-body img,
.wysiwyg img {
  border-radius: var(--radius-image);
}

.mce-content-body hr,
.wysiwyg hr {
  background: var(--colour-gray-50);
  margin: var(--spacing-m) 0;
}

@media (min-width: 1278px) {
  .mce-content-body hr,
  .wysiwyg hr {
    margin-left: -50px;
    margin-right: -50px;
    width: calc(100% + 100px);
  }
}
.mce-content-body strong,
.mce-content-body b,
.wysiwyg strong,
.wysiwyg b {
  font-weight: 700;
}

.mce-content-body em,
.mce-content-body i,
.wysiwyg em,
.wysiwyg i {
  font-style: italic;
}

.mce-content-body .wp-caption,
.wysiwyg .wp-caption {
  margin: var(--spacing-s) 0;
  max-width: 100%;
}

.mce-content-body .wp-caption-text,
.wysiwyg .wp-caption-text {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xsmall);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-xsmall);
  line-height: var(--line-height-p-xsmall);
  text-transform: none;
  margin: var(--spacing-xxs) 0 0;
}

.mce-content-body .aligncenter,
.wysiwyg .aligncenter {
  display: block;
  margin: 20px auto;
}

.mce-content-body .alignleft,
.wysiwyg .alignleft {
  margin: 20px 0;
}

@media (min-width: 767px) {
  .mce-content-body .alignleft,
  .wysiwyg .alignleft {
    float: left;
    margin: 4px 50px 20px 0;
  }
}
.mce-content-body .alignright,
.wysiwyg .alignright {
  margin: 20px 0;
}

@media (min-width: 767px) {
  .mce-content-body .alignright,
  .wysiwyg .alignright {
    float: right;
    margin: 4px 0 20px 50px;
  }
}
.mce-content-body .standout-numbered-list,
.wysiwyg .standout-numbered-list {
  counter-reset: standout-counter;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  list-style: none;
  margin: var(--spacing-l) 0;
  padding: 0;
}

.mce-content-body .standout-numbered-list li,
.wysiwyg .standout-numbered-list li {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
  align-items: center;
  display: flex;
  font-weight: 700;
  gap: var(--spacing-xs);
}

.mce-content-body .standout-numbered-list li::before,
.wysiwyg .standout-numbered-list li::before {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xlarge);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-xlarge);
  line-height: var(--line-height-p-xlarge);
  text-transform: none;
  align-items: center;
  background-color: var(--colour-light-blue-75);
  border: 1px solid var(--colour-light-blue-10);
  border-radius: 50%;
  color: var(--colour-white);
  content: counter(standout-counter);
  counter-increment: standout-counter;
  display: flex;
  flex: 0 0 60px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  width: 60px;
}

.mce-content-body table,
.wysiwyg table {
  margin: var(--spacing-l) 0;
  max-width: 100%;
}

@media (max-width: 766.98px) {
  .mce-content-body table,
  .wysiwyg table {
    display: block;
    overflow-x: auto;
    width: 100% !important;
  }
  .mce-content-body table td,
  .wysiwyg table td {
    min-width: 150px;
  }
}
.mce-content-body table th,
.wysiwyg table th {
  font-weight: 700;
}

.mce-content-body table tr,
.wysiwyg table tr {
  border-bottom: 1px solid var(--colour-gray-50);
}

.mce-content-body table td,
.mce-content-body table th,
.wysiwyg table td,
.wysiwyg table th {
  padding: var(--spacing-xxs);
}

.mce-content-body > :first-child,
.wysiwyg > :first-child {
  margin-top: 0 !important;
}

.mce-content-body > :last-child,
.wysiwyg > :last-child {
  margin-bottom: 0 !important;
}

.bg--dark .wysiwyg:not(.wysiwyg--ignore-dark),
.wysiwyg:not(.wysiwyg--ignore-dark).wysiwyg--dark {
  --button-primary-background: var(--button-primary-dark-background);
  --button-primary-background-hover: var(--button-primary-dark-background-hover);
  --button-primary-background-active: var(--button-primary-dark-background-active);
  --button-primary-border: var(--button-primary-dark-border);
  --button-primary-border-hover: var(--button-primary-dark-border-hover);
  --button-primary-border-active: var(--button-primary-dark-border-active);
  --button-primary-colour: var(--button-primary-dark-colour);
  --button-primary-colour-hover: var(--button-primary-dark-colour-hover);
  --button-primary-colour-active: var(--button-primary-dark-colour-active);
  --button-secondary-background: var(--button-secondary-dark-background);
  --button-secondary-background-hover: var(--button-secondary-dark-background-hover);
  --button-secondary-background-active: var(--button-secondary-dark-background-active);
  --button-secondary-border: var(--button-secondary-dark-border);
  --button-secondary-border-hover: var(--button-secondary-dark-border-hover);
  --button-secondary-border-active: var(--button-secondary-dark-border-active);
  --button-secondary-colour: var(--button-secondary-dark-colour);
  --button-secondary-colour-hover: var(--button-secondary-dark-colour-hover);
  --button-secondary-colour-active: var(--button-secondary-dark-colour-active);
  --button-tertiary-border: var(--button-tertiary-dark-border);
  --button-tertiary-border-hover: var(--button-tertiary-dark-border-hover);
  --button-tertiary-border-active: var(--button-tertiary-dark-border-active);
  --button-tertiary-colour: var(--button-tertiary-dark-colour);
  --button-tertiary-colour-hover: var(--button-tertiary-dark-colour-hover);
  --button-tertiary-colour-active: var(--button-tertiary-dark-colour-active);
  --tag-colour: var(--colour-white);
  --component-testimonial-icon-colour: var(--colour-white);
  --wysiwyg-anchor-colour: var(--colour-white);
  --wysiwyg-anchor-decoration: underline;
  color: var(--colour-white);
}

.bg--dark .wysiwyg:not(.wysiwyg--ignore-dark) h1,
.bg--dark .wysiwyg:not(.wysiwyg--ignore-dark) h2,
.bg--dark .wysiwyg:not(.wysiwyg--ignore-dark) h3,
.bg--dark .wysiwyg:not(.wysiwyg--ignore-dark) h4,
.bg--dark .wysiwyg:not(.wysiwyg--ignore-dark) h5,
.bg--dark .wysiwyg:not(.wysiwyg--ignore-dark) h6,
.wysiwyg:not(.wysiwyg--ignore-dark).wysiwyg--dark h1,
.wysiwyg:not(.wysiwyg--ignore-dark).wysiwyg--dark h2,
.wysiwyg:not(.wysiwyg--ignore-dark).wysiwyg--dark h3,
.wysiwyg:not(.wysiwyg--ignore-dark).wysiwyg--dark h4,
.wysiwyg:not(.wysiwyg--ignore-dark).wysiwyg--dark h5,
.wysiwyg:not(.wysiwyg--ignore-dark).wysiwyg--dark h6 {
  color: var(--colour-white);
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

body {
  background-color: var(--colour-white);
  color: var(--colour-black);
}

.edwp-icon--xsm {
  height: var(--icon-xsm);
  width: var(--icon-xsm);
}

.edwp-icon--sml {
  height: var(--icon-sml);
  width: var(--icon-sml);
}

.edwp-icon--reg {
  height: var(--icon-reg);
  width: var(--icon-reg);
}

.edwp-icon--med {
  height: var(--icon-med);
  width: var(--icon-med);
}

.edwp-icon--lrg {
  height: var(--icon-lrg);
  width: var(--icon-lrg);
}

.edwp-icon--xlg {
  height: var(--icon-xlg);
  width: var(--icon-xlg);
}

.edwp-icon--xxl {
  height: var(--icon-xxl);
  width: var(--icon-xxl);
}

.wp-block-embed {
  width: 100%;
}

.wp-block-embed .wp-block-embed__wrapper {
  height: 100%;
  width: 100%;
}

.wp-block-embed iframe {
  height: 100%;
  width: 100%;
}

.wp-embed-aspect-16-9 {
  aspect-ratio: 16/9;
}

.wp-embed-aspect-4-3 {
  aspect-ratio: 4/3;
}

/**
 * Swiper 10.3.1 (custom minified version)
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
/* stylelint-disable */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: var(--slide-width, 100%);
  height: var(--slide-height, 100%);
  position: relative;
  transition-property: transform;
  display: var(--slide-display, block);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

/* stylelint-enable */
.btn {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-button);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-button);
  line-height: var(--line-height-button);
  text-transform: none;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: var(--radius-button);
  border-style: solid;
  border-width: var(--border-button);
  display: inline-flex;
  flex-shrink: 0;
  gap: 0.8rem;
  height: calc(var(--height-button) - var(--border-button) * 2);
  justify-content: center;
  max-width: 100%;
  outline: none;
  overflow: hidden;
  padding: calc(var(--spacing-xxs) - var(--border-button)) calc(var(--spacing-xs) - var(--border-button)) calc(var(--spacing-xxs) - var(--border-button)) calc(var(--spacing-xs) - var(--border-button));
  position: relative;
  text-decoration: none;
  transition: var(--transition-background), var(--transition-color), var(--transition-border-color);
  width: auto;
  z-index: 1;
}

.btn .edwp-icon,
.btn .button-icon {
  flex-shrink: 0;
  position: relative;
}

.btn.btn--icon {
  height: 56px;
  padding: 0;
  width: 56px;
}

@media (min-width: 767px) and (hover: hover) and (pointer: fine) {
  .btn:enabled:hover, .btn:enabled:focus-visible, .btn:not([disabled]):hover, .btn:not([disabled]):focus-visible {
    cursor: pointer;
  }
}
.btn.btn--primary {
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
  color: var(--button-primary-colour);
  opacity: 0.3;
  position: relative;
}

.btn.btn--primary .button-icon {
  color: var(--button-primary-colour);
}

.btn.btn--primary::after {
  background: var(--button-primary-background-hover);
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: var(--transition-all);
  z-index: -1;
}

.btn.btn--primary:is(a, button, input):enabled, .btn.btn--primary:is(a, button, input):not([disabled]) {
  opacity: 1;
}

@media (min-width: 767px) and (hover: hover) and (pointer: fine) {
  .btn.btn--primary:is(a, button, input):enabled:focus-visible, .btn.btn--primary:is(a, button, input):not([disabled]):focus-visible {
    outline: 1px solid var(--button-primary-border);
    outline-offset: 3px;
  }
  .btn.btn--primary:is(a, button, input):enabled:hover, .btn.btn--primary:is(a, button, input):enabled:focus-visible, .btn.btn--primary:is(a, button, input):not([disabled]):hover, .btn.btn--primary:is(a, button, input):not([disabled]):focus-visible {
    border-color: var(--button-primary-border-hover);
    color: var(--button-primary-colour-hover);
  }
  .btn.btn--primary:is(a, button, input):enabled:hover .button-icon, .btn.btn--primary:is(a, button, input):enabled:focus-visible .button-icon, .btn.btn--primary:is(a, button, input):not([disabled]):hover .button-icon, .btn.btn--primary:is(a, button, input):not([disabled]):focus-visible .button-icon {
    color: var(--button-primary-colour-hover);
  }
  .btn.btn--primary:is(a, button, input):enabled:hover::after, .btn.btn--primary:is(a, button, input):enabled:focus-visible::after, .btn.btn--primary:is(a, button, input):not([disabled]):hover::after, .btn.btn--primary:is(a, button, input):not([disabled]):focus-visible::after {
    opacity: 1;
  }
  .btn.btn--primary:is(a, button, input):enabled:active, .btn.btn--primary:is(a, button, input):not([disabled]):active {
    border-color: var(--button-primary-border-active);
    color: var(--button-primary-colour-active);
  }
  .btn.btn--primary:is(a, button, input):enabled:active .button-icon, .btn.btn--primary:is(a, button, input):not([disabled]):active .button-icon {
    color: var(--button-primary-colour-active);
  }
  .btn.btn--primary:is(a, button, input):enabled:active::after, .btn.btn--primary:is(a, button, input):not([disabled]):active::after {
    background: var(--button-primary-background-active);
  }
}
.btn.btn--secondary {
  background-color: var(--button-secondary-background);
  border-color: var(--button-secondary-border);
  color: var(--button-secondary-colour);
  opacity: 0.3;
  position: relative;
}

.btn.btn--secondary .button-icon {
  color: var(--button-secondary-colour);
}

.btn.btn--secondary::after {
  background: var(--button-secondary-background-hover);
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: var(--transition-all);
  z-index: -1;
}

.btn.btn--secondary:is(a, button, input):enabled, .btn.btn--secondary:is(a, button, input):not([disabled]) {
  opacity: 1;
}

@media (min-width: 767px) and (hover: hover) and (pointer: fine) {
  .btn.btn--secondary:is(a, button, input):enabled:focus-visible, .btn.btn--secondary:is(a, button, input):not([disabled]):focus-visible {
    outline: 1px solid var(--button-secondary-border);
    outline-offset: 3px;
  }
  .btn.btn--secondary:is(a, button, input):enabled:hover, .btn.btn--secondary:is(a, button, input):enabled:focus-visible, .btn.btn--secondary:is(a, button, input):not([disabled]):hover, .btn.btn--secondary:is(a, button, input):not([disabled]):focus-visible {
    border-color: var(--button-secondary-border-hover);
    color: var(--button-secondary-colour-hover);
  }
  .btn.btn--secondary:is(a, button, input):enabled:hover .button-icon, .btn.btn--secondary:is(a, button, input):enabled:focus-visible .button-icon, .btn.btn--secondary:is(a, button, input):not([disabled]):hover .button-icon, .btn.btn--secondary:is(a, button, input):not([disabled]):focus-visible .button-icon {
    color: var(--button-secondary-colour-hover);
  }
  .btn.btn--secondary:is(a, button, input):enabled:hover::after, .btn.btn--secondary:is(a, button, input):enabled:focus-visible::after, .btn.btn--secondary:is(a, button, input):not([disabled]):hover::after, .btn.btn--secondary:is(a, button, input):not([disabled]):focus-visible::after {
    opacity: 1;
  }
  .btn.btn--secondary:is(a, button, input):enabled:active, .btn.btn--secondary:is(a, button, input):not([disabled]):active {
    border-color: var(--button-secondary-border-active);
    color: var(--button-secondary-colour-active);
  }
  .btn.btn--secondary:is(a, button, input):enabled:active .button-icon, .btn.btn--secondary:is(a, button, input):not([disabled]):active .button-icon {
    color: var(--button-secondary-colour-active);
  }
  .btn.btn--secondary:is(a, button, input):enabled:active::after, .btn.btn--secondary:is(a, button, input):not([disabled]):active::after {
    background: var(--button-secondary-background-active);
  }
}
.btn.btn--tertiary {
  background-color: transparent;
  border-color: var(--button-tertiary-border);
  color: var(--button-tertiary-colour);
  opacity: 0.3;
  position: relative;
  --radius-button: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  overflow: unset;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.btn.btn--tertiary .button-icon {
  color: var(--button-tertiary-colour);
}

.btn.btn--tertiary::after {
  background: transparent;
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: var(--transition-all);
  z-index: -1;
}

.btn.btn--tertiary:is(a, button, input):enabled, .btn.btn--tertiary:is(a, button, input):not([disabled]) {
  opacity: 1;
}

@media (min-width: 767px) and (hover: hover) and (pointer: fine) {
  .btn.btn--tertiary:is(a, button, input):enabled:focus-visible, .btn.btn--tertiary:is(a, button, input):not([disabled]):focus-visible {
    outline: 1px solid var(--button-tertiary-border);
    outline-offset: 3px;
  }
  .btn.btn--tertiary:is(a, button, input):enabled:hover, .btn.btn--tertiary:is(a, button, input):enabled:focus-visible, .btn.btn--tertiary:is(a, button, input):not([disabled]):hover, .btn.btn--tertiary:is(a, button, input):not([disabled]):focus-visible {
    border-color: var(--button-tertiary-border-hover);
    color: var(--button-tertiary-colour-hover);
  }
  .btn.btn--tertiary:is(a, button, input):enabled:hover .button-icon, .btn.btn--tertiary:is(a, button, input):enabled:focus-visible .button-icon, .btn.btn--tertiary:is(a, button, input):not([disabled]):hover .button-icon, .btn.btn--tertiary:is(a, button, input):not([disabled]):focus-visible .button-icon {
    color: var(--button-tertiary-colour-hover);
  }
  .btn.btn--tertiary:is(a, button, input):enabled:hover::after, .btn.btn--tertiary:is(a, button, input):enabled:focus-visible::after, .btn.btn--tertiary:is(a, button, input):not([disabled]):hover::after, .btn.btn--tertiary:is(a, button, input):not([disabled]):focus-visible::after {
    opacity: 1;
  }
  .btn.btn--tertiary:is(a, button, input):enabled:active, .btn.btn--tertiary:is(a, button, input):not([disabled]):active {
    border-color: var(--button-tertiary-border-active);
    color: var(--button-tertiary-colour-active);
  }
  .btn.btn--tertiary:is(a, button, input):enabled:active .button-icon, .btn.btn--tertiary:is(a, button, input):not([disabled]):active .button-icon {
    color: var(--button-tertiary-colour-active);
  }
  .btn.btn--tertiary:is(a, button, input):enabled:active::after, .btn.btn--tertiary:is(a, button, input):not([disabled]):active::after {
    background: transparent;
  }
}
.btn.btn--tertiary:enabled::before, .btn.btn--tertiary:not([disabled])::before {
  background-color: var(--colour-light-blue-100);
  bottom: -4px;
  content: "";
  height: 1px;
  opacity: 0;
  position: absolute;
  transition: var(--transition-all);
  width: 100%;
}

.btn.btn--tertiary:enabled:focus-visible, .btn.btn--tertiary:not([disabled]):focus-visible {
  outline: 0;
}

.btn.btn--tertiary:enabled:focus-visible::before, .btn.btn--tertiary:not([disabled]):focus-visible::before {
  opacity: 1;
}

.btn.btn--tertiary:enabled:active::before, .btn.btn--tertiary:not([disabled]):active::before {
  background-color: var(--colour-dark-blue-100);
}

.btn.btn--dark {
  --button-primary-background: var(--button-primary-dark-background);
  --button-primary-background-hover: var(--button-primary-dark-background-hover);
  --button-primary-background-active: var(--button-primary-dark-background-active);
  --button-primary-border: var(--button-primary-dark-border);
  --button-primary-border-hover: var(--button-primary-dark-border-hover);
  --button-primary-border-active: var(--button-primary-dark-border-active);
  --button-primary-colour: var(--button-primary-dark-colour);
  --button-primary-colour-hover: var(--button-primary-dark-colour-hover);
  --button-primary-colour-active: var(--button-primary-dark-colour-active);
  --button-secondary-background: var(--button-secondary-dark-background);
  --button-secondary-background-hover: var(--button-secondary-dark-background-hover);
  --button-secondary-background-active: var(--button-secondary-dark-background-active);
  --button-secondary-border: var(--button-secondary-dark-border);
  --button-secondary-border-hover: var(--button-secondary-dark-border-hover);
  --button-secondary-border-active: var(--button-secondary-dark-border-active);
  --button-secondary-colour: var(--button-secondary-dark-colour);
  --button-secondary-colour-hover: var(--button-secondary-dark-colour-hover);
  --button-secondary-colour-active: var(--button-secondary-dark-colour-active);
  --button-tertiary-border: var(--button-tertiary-dark-border);
  --button-tertiary-border-hover: var(--button-tertiary-dark-border-hover);
  --button-tertiary-border-active: var(--button-tertiary-dark-border-active);
  --button-tertiary-colour: var(--button-tertiary-dark-colour);
  --button-tertiary-colour-hover: var(--button-tertiary-dark-colour-hover);
  --button-tertiary-colour-active: var(--button-tertiary-dark-colour-active);
}

.btn.btn--just-icon {
  font-size: 0;
  gap: 0;
  height: 56px;
  padding: 0;
  width: 56px;
}

.btn.btn--just-icon svg {
  height: 16px;
  width: 16px;
}

body {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
  background-color: var(--colour-white);
  color: var(--colour-black);
}

h1,
.text--h1 {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-1);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-1);
  line-height: var(--line-height-1);
  text-transform: none;
}

h2,
.text--h2 {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-2);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-2);
  line-height: var(--line-height-2);
  text-transform: none;
}

h3,
.text--h3 {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-3);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-3);
  line-height: var(--line-height-3);
  text-transform: none;
}

h4,
.text--h4 {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-4);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-4);
  line-height: var(--line-height-4);
  text-transform: none;
}

h5,
.text--h5 {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-5);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-5);
  line-height: var(--line-height-5);
  text-transform: none;
}

h6,
.text--h6 {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-6);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-6);
  line-height: var(--line-height-6);
  text-transform: none;
}

.paragraph-xlarge {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xlarge);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-xlarge);
  line-height: var(--line-height-p-xlarge);
  text-transform: none;
}

.paragraph-large {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
}

.paragraph-medium {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
}

.paragraph-small {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
}

.paragraph-xsmall {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xsmall);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-xsmall);
  line-height: var(--line-height-p-xsmall);
  text-transform: none;
}

.tag {
  align-items: center;
  color: var(--tag-colour, var(--colour-dark-blue-35));
  display: flex;
  font-weight: 700;
  gap: var(--spacing-xxxs);
  text-decoration: none;
}

.tag::before {
  background-color: var(--colour-orange-100);
  border-radius: 50%;
  content: "";
  flex: 0 0 8px;
  height: 8px;
  width: 8px;
}

.intro-text {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xlarge);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-xlarge);
  line-height: var(--line-height-p-xlarge);
  text-transform: none;
  border-bottom: 1px solid var(--colour-light-blue-100);
  border-top: 1px solid var(--colour-light-blue-100);
  margin: var(--spacing-m) 0;
  padding: var(--spacing-m) 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

@keyframes gradient-in {
  from {
    margin-top: 500px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes gradient-in-top {
  from {
    margin-top: -500px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes slide-in-left {
  from {
    opacity: 0;
    transform: translateX(80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateX(-80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animated-cta-banner-title {
  0% {
    transform: translateY(0);
  }
  25%, 75% {
    opacity: 1;
    transform: translateY(-110px);
  }
  100% {
    opacity: 0;
    transform: translateY(-130px);
  }
}
@keyframes animated-cta-banner-secondary-title {
  0% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fade-in {
  opacity: 0;
  transform: translateY(10px);
}

.fade-in.active {
  animation-duration: var(--base-transition-speed);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: fade-in;
}

.row-load > * {
  opacity: 0;
  transform: translateY(10px);
}

.row-load > *.active {
  animation-duration: var(--base-transition-speed);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: fade-in;
}

.footer {
  background-color: var(--colour-white);
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
  margin-top: -44px;
  overflow: hidden;
  padding: var(--spacing-xxl) 0 0;
  position: relative;
  z-index: 3;
}

.footer.footer--no-nav {
  padding: 0;
}

.footer__container {
  margin: 0 auto;
  max-width: var(--width-max-width-padded);
  padding-left: var(--spacing-body);
  padding-right: var(--spacing-body);
  width: 100%;
}

.footer__container--1, .footer__container--2, .footer__container--3 {
  display: flex;
  gap: var(--spacing-l);
  justify-content: space-between;
  padding-bottom: var(--spacing-s);
}

@media (max-width: 766.98px) {
  .footer__container--1, .footer__container--2, .footer__container--3 {
    flex-direction: column;
  }
}
.footer__container--1 {
  flex-wrap: wrap;
}

.footer__container--1 .footer__menu-wrapper {
  flex: 0 0 100%;
}

@media (min-width: 767px) {
  .footer__container--1 .footer__menu-wrapper {
    order: 1;
  }
}
@media (min-width: 1278px) {
  .footer__container--1 .footer__menu-wrapper {
    flex: 1;
    order: unset;
  }
}
.footer__container--1 .footer__logos {
  align-items: center;
  display: flex;
  flex: 0 0 100%;
  gap: var(--spacing-xs);
}

.footer__container--1::after {
  background: var(--gradient-vibrant);
  content: "";
  display: block;
  height: 2px;
  opacity: 0.5;
}

@media (min-width: 767px) {
  .footer__container--1::after {
    flex: 0 0 100%;
  }
}
@media (max-width: 1277.98px) {
  .footer__container--1::after {
    order: 2;
  }
}
.footer__container--2 {
  gap: var(--spacing-xs);
}

.footer__container--3 {
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
  padding-bottom: var(--spacing-xs);
  padding-top: var(--spacing-xs);
  position: relative;
}

@media (min-width: 1278px) {
  .footer__container--3 {
    padding-bottom: var(--spacing-xxs);
    padding-top: var(--spacing-xxs);
  }
}
.footer__container--3::before {
  background-color: var(--colour-gray-10);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
}

.footer__container--3 > * {
  z-index: 1;
}

.footer__menu {
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: var(--spacing-xxxs);
}

@media (min-width: 767px) {
  .footer__menu {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1278px) {
  .footer__menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
.footer__container--3 .footer__menu {
  -moz-column-gap: var(--spacing-m);
       column-gap: var(--spacing-m);
  display: flex;
  row-gap: 0;
}

@media (max-width: 1277.98px) {
  .footer__container--3 .footer__menu {
    flex-wrap: wrap;
  }
}
.footer__container--3 .footer__menu .btn {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
}

.footer__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  max-width: 356px;
}

.footer__description {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
}

.footer__card {
  flex: 1;
  max-width: 409px;
}

.footer__lang-menu {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-m);
  row-gap: 0;
}

@media (max-width: 766.98px) {
  .footer__lang-menu {
    align-items: center;
    justify-content: center;
  }
}
.footer__lang-menu .footer__current-site {
  opacity: 1;
}

.footer__lang-menu .footer__current-site__normal {
  font-weight: 400;
}

.footer__social-links {
  align-items: center;
  display: flex;
  gap: var(--spacing-s);
}

@media (max-width: 766.98px) {
  .footer__social-links {
    gap: var(--spacing-xxs);
  }
}
.header {
  background-color: var(--header-background-colour);
  border-bottom: 1px solid var(--colour-green-75);
  box-shadow: var(--header-box-shadow);
  display: flex;
  height: var(--header-height);
  position: sticky;
  top: 0;
  transition: transform 0.3s ease-in-out;
  z-index: var(--header-z-index);
}

.header.header--hidden {
  transform: translateY(-100%);
}

.header.header--visible {
  transform: translateY(0);
}

.header__container {
  margin: 0 auto;
  max-width: var(--width-max-width-padded);
  padding-left: var(--spacing-body);
  padding-right: var(--spacing-body);
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.header__side {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

.header__button,
.header__lang-menu,
.header__search,
.header__profile-button,
.header__nav {
  display: none;
}

@media (min-width: 1278px) {
  .header__button,
  .header__lang-menu,
  .header__search,
  .header__profile-button,
  .header__nav {
    display: block;
  }
}
.header__search {
  display: inline-flex;
}

.header__search .sr-only {
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  text-indent: -9999px !important;
  transform: scale(0) !important;
  width: 1px !important;
}

.header__profile-button {
  color: var(--colour-dark-blue-35);
}

.header__profile-button span {
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  text-indent: -9999px !important;
  transform: scale(0) !important;
  width: 1px !important;
}

.header__profile-button svg {
  display: block;
}

.header__menu {
  align-items: center;
  display: flex;
  gap: var(--spacing-s);
}

@media (min-width: 1378px) {
  .header__menu {
    gap: var(--header-menu-gap);
  }
}
.header__menu .menu-item {
  align-items: center;
  display: flex;
  height: var(--header-height);
}

.header__menu > li > a {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
  color: var(--colour-black);
  font-weight: 700;
  text-decoration: none;
}

.header__mm-item .header__mm-anchor {
  align-items: center;
  display: flex;
  gap: 8px;
  position: relative;
}

.header__mm-item .header__mm-anchor::after {
  background-color: var(--colour-light-blue-100);
  bottom: -12px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition-all);
  width: 0;
}

.header__mm-item .header__mm-icon {
  transition: var(--transition-all);
}

.header__mm-item:has(.mega-menu--simple) {
  position: relative;
}

@media (min-width: 1278px) {
  .header__mm-item:has(.mega-menu.edwp-is-open) .header__mm-anchor::after {
    width: 100%;
  }
  .header__mm-item:has(.mega-menu.edwp-is-open) .header__mm-icon {
    color: var(--colour-light-blue-100);
    transform: rotate(-180deg);
  }
}
.header__lang-menu {
  position: relative;
}

.header__lang-menu-button {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
  align-items: center;
  color: inherit;
  display: none;
  gap: var(--spacing-xxxs);
  text-decoration: none;
}

@media (min-width: 1278px) {
  .header__lang-menu-button {
    display: flex;
  }
}
.header__lang-menu-button .header__lang-menu__bold {
  font-weight: 700;
}

.menu-ctrl {
  margin-bottom: 6px;
  margin-top: 6px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.menu-ctrl, .menu-ctrl::before, .menu-ctrl::after {
  background-color: var(--colour-dark-blue-35);
  display: block;
  height: 2px;
  transition-duration: 0.3s;
  transition-property: background-color, transform;
  width: 24px;
}

.menu-ctrl::before, .menu-ctrl::after {
  content: "";
  display: block;
  position: absolute;
}

.menu-ctrl::before {
  top: -6px;
}

.menu-ctrl::after {
  top: 6px;
}

@media (min-width: 1278px) {
  .menu-ctrl {
    display: none;
  }
}
.menu-ctrl.header__burger--active {
  background-color: transparent;
}

.menu-ctrl.header__burger--active::before {
  height: 2px;
  transform: translateY(6px) rotate(45deg);
}

.menu-ctrl.header__burger--active::after {
  height: 2px;
  transform: translateY(-6px) rotate(-45deg);
}

.menu-ctrl .sr-only {
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  text-indent: -9999px !important;
  transform: scale(0) !important;
  width: 1px !important;
}

.wp-block.layout--spacing-xxxl-top, .wp-block.layout--spacing-xxl-top, .wp-block.layout--spacing-xl-top, .wp-block.layout--spacing-l-top, .wp-block.layout--spacing-m-top, .wp-block.layout--spacing-s-top, .wp-block.layout--spacing-xs-top, .wp-block.layout--spacing-xxs-top, .wp-block.layout--spacing-xxxs-top {
  padding-top: var(--layout-top-spacing);
}

.wp-block.layout--spacing-xxxl-bottom, .wp-block.layout--spacing-xxl-bottom, .wp-block.layout--spacing-xl-bottom, .wp-block.layout--spacing-l-bottom, .wp-block.layout--spacing-m-bottom, .wp-block.layout--spacing-s-bottom, .wp-block.layout--spacing-xs-bottom, .wp-block.layout--spacing-xxs-bottom, .wp-block.layout--spacing-xxxs-bottom {
  padding-bottom: var(--layout-bottom-spacing);
}

.wp-block.layout--spacing-xxxl-top {
  --layout-top-spacing: var(--spacing-xxxl);
}

.wp-block.layout--spacing-xxl-top {
  --layout-top-spacing: var(--spacing-xxl);
}

.wp-block.layout--spacing-xl-top {
  --layout-top-spacing: var(--spacing-xl);
}

.wp-block.layout--spacing-l-top {
  --layout-top-spacing: var(--spacing-l);
}

.wp-block.layout--spacing-m-top {
  --layout-top-spacing: var(--spacing-m);
}

.wp-block.layout--spacing-s-top {
  --layout-top-spacing: var(--spacing-s);
}

.wp-block.layout--spacing-xs-top {
  --layout-top-spacing: var(--spacing-xs);
}

.wp-block.layout--spacing-xxs-top {
  --layout-top-spacing: var(--spacing-xxs);
}

.wp-block.layout--spacing-xxxs-top {
  --layout-top-spacing: var(--spacing-xxxs);
}

.wp-block.layout--spacing-xxxl-bottom {
  --layout-bottom-spacing: var(--spacing-xxxl);
}

.wp-block.layout--spacing-xxl-bottom {
  --layout-bottom-spacing: var(--spacing-xxl);
}

.wp-block.layout--spacing-xl-bottom {
  --layout-bottom-spacing: var(--spacing-xl);
}

.wp-block.layout--spacing-l-bottom {
  --layout-bottom-spacing: var(--spacing-l);
}

.wp-block.layout--spacing-m-bottom {
  --layout-bottom-spacing: var(--spacing-m);
}

.wp-block.layout--spacing-s-bottom {
  --layout-bottom-spacing: var(--spacing-s);
}

.wp-block.layout--spacing-xs-bottom {
  --layout-bottom-spacing: var(--spacing-xs);
}

.wp-block.layout--spacing-xxs-bottom {
  --layout-bottom-spacing: var(--spacing-xxs);
}

.wp-block.layout--spacing-xxxs-bottom {
  --layout-bottom-spacing: var(--spacing-xxxs);
}

.wp-block.bg--white {
  background-color: var(--colour-white);
}

.wp-block.bg--gray {
  background-color: var(--colour-gray-5);
}

.wp-block.bg--light-blue {
  background-color: var(--colour-light-blue-10);
}

.wp-block.bg--light-blue-100 {
  background-color: var(--colour-light-blue-100);
}

.wp-block.bg--blue {
  background-color: var(--colour-dark-blue-100);
}

.wp-block.bg--dark-blue {
  background-color: var(--colour-dark-blue-35);
}

.wp-block.bg--dark-gradient {
  background: var(--gradient-dark);
}

.wp-block.bg--vibrant {
  background: var(--gradient-vibrant);
}

.wp-block.bg--light {
  background: var(--gradient-light);
}

.wp-block.bg--gradient-slidein {
  overflow: hidden;
  position: relative;
}

.wp-block.bg--gradient-slidein > * {
  position: relative;
  z-index: 1;
}

.wp-block.bg--gradient-slidein::after {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: gradient-in;
  background: linear-gradient(134deg, #00D0A4 20.73%, #3EC1F0 55.18%, var(--light-blue-75, #44C8F5) 82.5%);
  border-radius: 1314px;
  content: "";
  filter: blur(110px);
  height: 575px;
  left: 50%;
  opacity: 0.5;
  position: absolute;
  top: calc(100% - 50px);
  transform: translateX(-50%);
  width: 1314px;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block:not(.wp-block-breadcrumbs, .wp-block-group) {
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
  margin-top: -44px;
  padding-bottom: calc(var(--layout-bottom-spacing) + 44px);
  position: relative;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.wp-block-breadcrumbs + *, body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.wp-block--first-block {
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.wp-block-breadcrumbs + *, body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.wp-block--first-block, body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.wp-block-archive {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--white:has(+ .wp-block.bg--white) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--white:has(+ .wp-block.bg--white) + .wp-block.bg--white {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--gray:has(+ .wp-block.bg--gray) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--gray:has(+ .wp-block.bg--gray) + .wp-block.bg--gray {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--light-blue:has(+ .wp-block.bg--light-blue) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--light-blue:has(+ .wp-block.bg--light-blue) + .wp-block.bg--light-blue {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--light-blue-100:has(+ .wp-block.bg--light-blue-100) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--light-blue-100:has(+ .wp-block.bg--light-blue-100) + .wp-block.bg--light-blue-100 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--blue:has(+ .wp-block.bg--blue) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--blue:has(+ .wp-block.bg--blue) + .wp-block.bg--blue {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--dark-blue:has(+ .wp-block.bg--dark-blue) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--dark-blue:has(+ .wp-block.bg--dark-blue) + .wp-block.bg--dark-blue {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--dark-gradient:has(+ .wp-block.bg--dark-gradient) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--dark-gradient:has(+ .wp-block.bg--dark-gradient) + .wp-block.bg--dark-gradient {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--vibrant:has(+ .wp-block.bg--vibrant) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--vibrant:has(+ .wp-block.bg--vibrant) + .wp-block.bg--vibrant {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--light:has(+ .wp-block.bg--light) {
  padding-bottom: var(--layout-bottom-spacing);
}

body:not(.wp-admin):not(.page-template-global-blocks) .wp-block.bg--light:has(+ .wp-block.bg--light) + .wp-block.bg--light {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.lazyload {
  transition: var(--transition-all);
  transition-duration: 1.2s;
  opacity: 0;
  transform: translateY(12rem);
}

.edwp-svg {
  display: inline-block;
}

.edwp-svg svg {
  display: block;
}

.mega-menu {
  background-color: var(--mega-menu-background-colour);
  border: 1px solid var(--colour-light-blue-100);
  border-top: 0;
  box-shadow: var(--mega-menu-box-shadow);
  display: none;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  position: absolute;
  scrollbar-gutter: stable;
  top: var(--header-height);
  transition: var(--transition-all);
  visibility: hidden;
}

@media (min-width: 1278px) {
  .mega-menu {
    display: block;
  }
}
.mega-menu.edwp-is-open {
  max-height: 1000px;
  visibility: visible;
}

.mega-menu--search,
.mega-menu--tabbed {
  left: 0;
  margin: 0 auto;
  max-width: var(--mega-menu-max-width);
  right: 0;
}

.mega-menu--tabbed .mega-menu__inner {
  display: flex;
}

.mega-menu--tabbed .mega-menu__sidebar {
  background-color: var(--mega-menu-sidebar-background-colour);
  border-right: 1px solid var(--colour-light-blue-100);
  display: flex;
  flex: 0 0 var(--mega-menu-sidebar-width);
  flex-direction: column;
}

.mega-menu--tabbed .mega-menu__header-button,
.mega-menu--tabbed .mega-menu__sidebar-item {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
}

.mega-menu--tabbed .mega-menu__sidebar-item {
  align-items: center;
  color: var(--colour-black);
  display: flex;
  font-weight: 700;
  gap: 8px;
  padding: var(--spacing-s) var(--spacing-xs);
  text-decoration: none;
}

.mega-menu--tabbed .mega-menu__sidebar-item > span {
  position: relative;
}

.mega-menu--tabbed .mega-menu__sidebar-item > span::after {
  background-color: var(--colour-dark-blue-100);
  bottom: -10px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition-all);
  width: 0;
}

.mega-menu--tabbed .mega-menu__sidebar-item .edwp-icon {
  transition: var(--transition-all);
}

.mega-menu--tabbed .mega-menu__sidebar-item:hover > span::after, .mega-menu--tabbed .mega-menu__sidebar-item.edwp-is-active > span::after {
  width: 100%;
}

.mega-menu--tabbed .mega-menu__sidebar-item:hover .edwp-icon {
  transform: translateX(5px);
}

.mega-menu--tabbed .mega-menu__sidebar-item.edwp-is-active {
  background-color: var(--colour-light-blue-10);
}

.mega-menu--tabbed .mega-menu__sidebar-cta {
  margin-top: auto;
  padding: var(--spacing-xs);
}

.mega-menu--tabbed .mega-menu__content {
  flex: 1;
}

.mega-menu--tabbed hr {
  background: var(--colour-gray-50);
  margin: var(--spacing-xs) 0;
}

.mega-menu--tabbed .mega-menu__header-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxxs);
  max-width: 414px;
}

.mega-menu--tabbed .mega-menu__header-title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xlarge);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-xlarge);
  line-height: var(--line-height-p-xlarge);
  text-transform: none;
}

.mega-menu--tabbed .mega-menu__tab {
  display: none;
  padding: var(--mega-menu-tab-padding);
}

.mega-menu--tabbed .mega-menu__tab.edwp-is-active {
  display: block;
}

.mega-menu--tabbed .mega-menu__header {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 0 0 var(--mega-menu-tab-header-spacing);
}

.mega-menu--tabbed .mega-menu__links {
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 0;
}

.mega-menu--tabbed .mega-menu__link .btn {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xsmall);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-xsmall);
  line-height: var(--line-height-p-xsmall);
  text-transform: none;
}

.mega-menu--simple {
  width: var(--mega-menu-simple-max-width);
}

.mega-menu--simple .mega-menu__inner {
  display: flex;
  flex-direction: column;
  padding: var(--mega-menu-simple-padding);
}

.mega-menu--simple .mega-menu__link .btn {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
}

.mega-menu--search {
  display: block;
  max-width: 1112px;
}

@media (max-width: 1277.98px) {
  .mega-menu--search {
    left: var(--spacing-xxs);
  }
}
.mega-menu--search .mega-menu__inner {
  padding: var(--spacing-xs) var(--spacing-xxs);
}

@media (min-width: 1278px) {
  .mega-menu--search .mega-menu__inner {
    padding: var(--spacing-l);
    padding-top: var(--spacing-m);
  }
}
.mega-menu--search .mega-menu__search-form {
  margin: 0 0 var(--spacing-m);
}

.mega-menu--search .mega-menu__other-search {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
}

@media (min-width: 767px) {
  .mega-menu--search .mega-menu__other-search {
    flex-direction: row;
  }
  .mega-menu--search .mega-menu__other-search > * {
    flex: 1;
  }
}
.mega-menu--search .mega-menu__search-cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
}

.mega-menu--search .mega-menu__popular-links {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.mega-menu--search .mega-menu__other-search__separator {
  background-color: var(--colour-gray-50);
}

@media (max-width: 766.98px) {
  .mega-menu--search .mega-menu__other-search__separator {
    height: 1px;
  }
}
@media (min-width: 767px) {
  .mega-menu--search .mega-menu__other-search__separator {
    max-width: 1px;
  }
}
.mega-menu--search .mega-menu__search-title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
  color: var(--colour-dark-blue-35);
  margin: 0 0 var(--spacing-xs);
}

.mega-menu__view-all {
  margin-top: var(--spacing-xxs);
}

.mega-menu__secondary-links-title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
  color: var(--colour-dark-blue-35);
  margin: 0 0 var(--spacing-xs);
}

.mega-menu__secondary-links {
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  display: grid;
  row-gap: var(--spacing-xs);
}

@media (min-width: 767px) {
  .mega-menu__secondary-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mega-menu__secondary-link {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

.mega-menu__secondary-link-icon {
  align-items: center;
  background-color: var(--colour-light-blue-75);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.mega-menu__secondary-link-icon img {
  max-width: 30px;
}

.mega-menu--language-switcher {
  scrollbar-gutter: inherit;
  top: 61px;
  width: 250px;
}

.mega-menu--language-switcher .mega-menu__links {
  padding: var(--spacing-xs);
}

.mega-menu--language-switcher .mega-menu__links:first-of-type {
  border-bottom: 1px solid var(--colour-gray-50);
}

.mega-menu--language-switcher .mega-menu__links-title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xsmall);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p-xsmall);
  line-height: var(--line-height-p-xsmall);
  text-transform: none;
  color: var(--colour-gray-100);
  margin: 0 0 var(--spacing-xxxs);
}

.mega-menu--language-switcher .mega-menu__link {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xsmall);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-xsmall);
  line-height: var(--line-height-p-xsmall);
  text-transform: none;
  display: inline-block;
}

.mega-menu--language-switcher .mega-menu__link span {
  font-weight: 400;
}

.mega-menu--language-switcher .mega-menu__link:is(span) {
  border-color: var(--button-tertiary-border-hover);
  opacity: 1;
}

.mega-menu--language-switcher .mega-menu__link:not(span) {
  color: var(--colour-black);
}

.mega-menu--language-switcher .mega-menu__link svg {
  margin-left: var(--spacing-xxxs);
}

.mobile-menu {
  background-color: var(--mobile-menu-background-colour);
  border-left: 1px solid var(--colour-gray-10);
  box-shadow: -24px 4px 28px 0 rgba(0, 0, 0, 0.13);
  display: flex;
  flex-direction: column;
  inset: 0;
  left: var(--spacing-xs);
  overflow: hidden;
  padding-top: var(--header-height);
  position: fixed;
  transform: translateX(100%);
  transition: var(--transition-all);
  visibility: hidden;
  z-index: 999;
}

@media (min-width: 1278px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu--active {
  transform: translateX(0);
  visibility: visible;
}

.mobile-menu__steps {
  display: grid;
  flex: 1;
  overflow: hidden;
}

.mobile-menu__step {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  grid-column: 1;
  grid-row: 1;
  overflow: hidden scroll;
  transform: translateX(100%);
  transition: var(--transition-all);
  visibility: hidden;
}

.mobile-menu__step.mobile-menu__step--active {
  transform: translateX(0);
  visibility: visible;
}

.mobile-menu__step.mobile-menu__step--parent-open {
  transform: translateX(-100%);
}

.mobile-menu__step-inner {
  padding: var(--mobile-menu-step-padding);
}

.mobile-menu__step-inner.mobile-menu__step-inner--bottom {
  margin-top: auto;
}

.mobile-menu__back {
  align-items: center;
  border-bottom: var(--mobile-menu-back-border-bottom);
  display: flex;
  gap: var(--mobile-menu-back-gap);
  margin-bottom: var(--mobile-menu-back-margin-bottom);
  padding-bottom: var(--mobile-menu-back-padding-bottom);
}

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

.mobile-menu__cards {
  display: flex;
  flex-direction: column;
  gap: var(--mobile-menu-cards-gap);
}

.mobile-menu__links.mobile-menu__links--aligned {
  align-items: flex-start;
}

.mobile-menu__nav,
.mobile-menu__links {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxxs);
}

.mobile-menu__step-inner--bottom,
.mobile-menu__nav {
  gap: 0;
}

.mobile-menu__link--large,
.mobile-menu__nav a {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-small);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-small);
  line-height: var(--line-height-p-small);
  text-transform: none;
  align-items: center;
  border-bottom: 1px solid var(--colour-gray-10);
  color: var(--colour-black);
  display: flex;
  height: 72px;
  padding: var(--spacing-xxs);
  text-decoration: none;
}

.mobile-menu__link--large:not(.mobile-menu__back),
.mobile-menu__nav a:not(.mobile-menu__back) {
  justify-content: space-between;
}

.mobile-menu__nav a svg {
  transform: rotate(-90deg);
}

.mobile-menu__link {
  align-items: center;
  display: flex;
  gap: var(--mobile-menu-link-gap);
}

.mobile-menu__nav-title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-xlarge);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-xlarge);
  line-height: var(--line-height-p-xlarge);
  text-transform: none;
  color: var(--mobile-menu-step-title-colour);
  margin-bottom: var(--mobile-menu-step-title-margin-bottom);
}

.mobile-menu__separator {
  background: var(--colour-gray-50);
  margin: var(--spacing-m) 0;
}

.mobile-menu__intro {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}

.mobile-menu__intro .mobile-menu__nav-title {
  margin: 0;
}

.mobile-menu__language-selector span {
  align-items: center;
  display: flex;
  gap: var(--spacing-xxxs);
}

.custom-select.custom-select--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.custom-select.custom-select--open .custom-select__dropdown {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.custom-select.custom-select--open .custom-select__arrow {
  transform: rotate(180deg);
}

.custom-select__display {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
  align-items: center;
  background-color: transparent;
  border-bottom: 2px solid var(--colour-dark-blue-35);
  color: var(--colour-dark-blue-35);
  cursor: pointer;
  display: flex;
  height: 56px;
  justify-content: space-between;
  transition: all 0.2s ease;
  width: 100%;
}

.custom-select__display:hover, .custom-select__display:focus-visible {
  border-color: var(--colour-light-blue-100);
}

.custom-select__display::after {
  background-color: currentcolor;
  content: "";
  display: inline-block;
  height: 16px;
  margin-left: auto;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M0.0393581 5.01947L8.01968 13L16 5.01947L14.9667 4L8.01968 10.9472L1.07268 4L0.0393581 5.01947Z" fill="%23004A76"/></svg>');
          mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M0.0393581 5.01947L8.01968 13L16 5.01947L14.9667 4L8.01968 10.9472L1.07268 4L0.0393581 5.01947Z" fill="%23004A76"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 16px;
}

.custom-select__display:focus-visible {
  position: relative;
}

.custom-select__display:focus-visible::before {
  background-color: currentcolor;
  bottom: -6px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}

.custom-select--disabled .custom-select__display {
  cursor: not-allowed;
  opacity: 0.4;
}

.custom-select__dropdown {
  align-items: flex-start;
  background-color: var(--colour-white);
  border: 1px solid var(--colour-light-blue-50);
  border-top: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  max-height: 300px;
  opacity: 0;
  overflow-y: auto;
  padding: var(--spacing-xs);
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-10px);
  transition: all 0.2s ease;
  visibility: hidden;
  z-index: 1000;
}

.custom-select__option {
  border-bottom: 2px solid var(--colour-white);
  cursor: pointer;
  padding: var(--spacing-xxxs) 0;
  transition: var(--transition-all);
}

.custom-select__option:focus-visible, .custom-select__option:hover, .custom-select__option.custom-select__option--active {
  border-color: var(--colour-light-blue-100);
}

.custom-select__option.custom-select__option--selected {
  border-color: var(--colour-dark-blue-35);
}

.wp-block-search-form__fields {
  position: relative;
}

.wp-block-search-form__fields input {
  border: 1px solid var(--colour-dark-blue-50);
  border-radius: 100px;
  box-sizing: border-box;
  height: 56px;
  padding: 0 var(--spacing-xs);
  padding-right: 50px;
  width: 100%;
}

.wp-block-search-form__fields button {
  position: absolute;
  right: var(--spacing-xs);
  top: 50%;
  transform: translateY(-50%);
}