@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;1,500&display=swap");
.box-shadow {
  box-shadow: 0px 3px 6px #00000029;
}

.keyboard-input a:focus {
  box-shadow: 0 0 0 1px var(--colour-one);
  outline: none;
}

:root {
  --button-height: var(--button-height-0);
  --spacing: var(--spacing-mobile);
  --section-spacing: var(--section-spacing-mobile);
  --font-size-body-var: calc(var(--font-size-body) * 1rem);
  --font-size-1-var: calc(var(--font-size-1) * 1rem);
  --font-size-2-var: calc(var(--font-size-2) * 1rem);
  --font-size-4-var: calc(var(--font-size-4) * 1rem);
  --line-height-title-var: var(--line-height-title);
  --form-input-padding-var: var(--form-input-padding);
  --header-height: 58px;
  --container-width: 100%;
}
@media (min-width: 576px) {
  :root {
    --container-width: 540px;
  }
}
@media (min-width: 768px) {
  :root {
    --button-height: var(--button-height-1);
    --spacing: var(--spacing-tablet);
    --section-spacing: var(--section-spacing-tablet);
    --font-size-body-var: calc(var(--font-size-body-768) * 1rem);
    --font-size-1-var: calc(var(--font-size-1-768) * 1rem);
    --font-size-2-var: calc(var(--font-size-2-768) * 1rem);
    --font-size-4-var: calc(var(--font-size-4-768) * 1rem);
    --line-height-title-var: var(--line-height-title-768);
    --form-input-padding-var: var(--form-input-padding-1);
    --container-width: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --spacing: var(--spacing-desktop);
    --section-spacing: var(--section-spacing-desktop);
    --font-size-body-var: calc(var(--font-size-body-992) * 1rem);
    --font-size-1-var: calc(var(--font-size-1-992) * 1rem);
    --font-size-2-var: calc(var(--font-size-2-992) * 1rem);
    --font-size-4-var: calc(var(--font-size-4-992) * 1rem);
    --header-height: 86px;
    --container-width: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --spacing: var(--spacing-large);
    --section-spacing: var(--section-spacing-large);
    --font-size-body-var: calc(var(--font-size-body-1200) * 1rem);
    --font-size-1-var: calc(var(--font-size-1-1200) * 1rem);
    --font-size-2-var: calc(var(--font-size-2-1200) * 1rem);
    --font-size-4-var: calc(var(--font-size-4-1200) * 1rem);
    --line-height-title-var: var(--line-height-title-1200);
    --header-height: 95px;
    --container-width: 1140px;
  }
}
@media (min-width: 1500px) {
  :root {
    --container-width: 1470px;
  }
}

.colour-text-one {
  color: var(--colour-one) !important;
}

.colour-text-two {
  color: var(--colour-two) !important;
}

.colour-text-three {
  color: var(--colour-three) !important;
}

.colour-text-four {
  color: var(--colour-four) !important;
}

.colour-text-five {
  color: var(--colour-five) !important;
}

.colour-text-neutral {
  color: var(--colour-neutral) !important;
}

.colour-bg-one {
  background-color: var(--colour-one) !important;
}
@media (max-width: 767px) {
  .colour-bg-one--0 {
    background-color: var(--colour-one) !important;
  }
}

.colour-bg-two {
  background-color: var(--colour-two) !important;
}
@media (max-width: 767px) {
  .colour-bg-two--0 {
    background-color: var(--colour-two) !important;
  }
}

.colour-bg-three {
  background-color: var(--colour-three) !important;
}
@media (max-width: 767px) {
  .colour-bg-three--0 {
    background-color: var(--colour-three) !important;
  }
}

.colour-bg-four {
  background-color: var(--colour-four) !important;
}
@media (max-width: 767px) {
  .colour-bg-four--0 {
    background-color: var(--colour-four) !important;
  }
}

.colour-bg-five {
  background-color: var(--colour-five) !important;
}
@media (max-width: 767px) {
  .colour-bg-five--0 {
    background-color: var(--colour-five) !important;
  }
}

.colour-bg-accent {
  background-color: var(--colour-accent) !important;
}
@media (max-width: 767px) {
  .colour-bg-accent--0 {
    background-color: var(--colour-accent) !important;
  }
}

.colour-text-success {
  color: var(--colour-status-success) !important;
}

.colour-text-warning {
  color: var(--colour-status-warning) !important;
}

.colour-text-danger {
  color: var(--colour-status-danger) !important;
}

.colour-bg-success {
  background-color: var(--colour-status-success) !important;
}

.colour-bg-warning {
  background-color: var(--colour-status-warning) !important;
}

.colour-bg-danger {
  background-color: var(--colour-status-danger) !important;
}

.colour-bg-neutral {
  background-color: var(--colour-neutral) !important;
}

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

.italic {
  font-style: italic;
}

.hide {
  display: none !important;
}
@media (max-width: 767px) {
  .hide--0 {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide--1 {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hide--2 {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .hide--3 {
    display: none !important;
  }
}
@media (min-width: 1500px) {
  .hide--4 {
    display: none !important;
  }
}

.set-padding {
  padding: calc(1 * var(--spacing-mobile));
}
@media (min-width: 768px) {
  .set-padding {
    padding: calc(1 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .set-padding {
    padding: calc(1 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .set-padding {
    padding: calc(1 * var(--spacing-large));
  }
}

.set-padding-bottom {
  padding-bottom: calc(1 * var(--spacing-mobile));
}
@media (min-width: 768px) {
  .set-padding-bottom {
    padding-bottom: calc(1 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .set-padding-bottom {
    padding-bottom: calc(1 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .set-padding-bottom {
    padding-bottom: calc(1 * var(--spacing-large));
  }
}

.has-border {
  border: var(--border-style);
}

.has-border-radius {
  border-radius: var(--border-radius);
}

p + p {
  margin-top: calc(var(--spacing-internal) / 2);
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  font-size: calc(var(--font-size-body) * 1rem);
  line-height: var(--line-height-body);
  font-family: var(--font-family-body);
  color: var(--colour-text);
  font-weight: var(--font-weight);
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 768px) {
  body {
    font-size: calc(var(--font-size-body-768) * 1rem);
  }
}
@media (min-width: 992px) {
  body {
    font-size: calc(var(--font-size-body-992) * 1rem);
  }
}
@media (min-width: 1200px) {
  body {
    font-size: calc(var(--font-size-body-1200) * 1rem);
  }
}

::-moz-selection {
  background: var(--colour-selection-bg);
  color: var(--colour-selection-text);
}

::selection {
  background: var(--colour-selection-bg);
  color: var(--colour-selection-text);
}

section {
  position: relative;
}

.set-font-small {
  font-size: calc(var(--font-size-small) * 1rem);
}
@media (min-width: 768px) {
  .set-font-small {
    font-size: calc(var(--font-size-small-768) * 1rem);
  }
}
@media (min-width: 992px) {
  .set-font-small {
    font-size: calc(var(--font-size-small-992) * 1rem);
  }
}
@media (min-width: 1200px) {
  .set-font-small {
    font-size: calc(var(--font-size-small-1200) * 1rem);
  }
}

.set-h1,
h1 {
  font-size: calc(var(--font-size-1) * 1rem);
  line-height: var(--line-height-title);
  font-family: var(--font-family-title);
  color: var(--colour-title);
}
@media (min-width: 768px) {
  .set-h1,
  h1 {
    font-size: calc(var(--font-size-1-768) * 1rem);
    line-height: var(--line-height-title-768);
  }
}
@media (min-width: 992px) {
  .set-h1,
  h1 {
    font-size: calc(var(--font-size-1-992) * 1rem);
    line-height: var(--line-height-title-992);
  }
}
@media (min-width: 1200px) {
  .set-h1,
  h1 {
    font-size: calc(var(--font-size-1-1200) * 1rem);
    line-height: var(--line-height-title-1200);
  }
}

.set-h2,
h2 {
  font-size: calc(var(--font-size-2) * 1rem);
  line-height: var(--line-height-title);
  font-family: var(--font-family-title);
  color: var(--colour-title);
}
@media (min-width: 768px) {
  .set-h2,
  h2 {
    font-size: calc(var(--font-size-2-768) * 1rem);
    line-height: var(--line-height-title-768);
  }
}
@media (min-width: 992px) {
  .set-h2,
  h2 {
    font-size: calc(var(--font-size-2-992) * 1rem);
    line-height: var(--line-height-title-992);
  }
}
@media (min-width: 1200px) {
  .set-h2,
  h2 {
    font-size: calc(var(--font-size-2-1200) * 1rem);
    line-height: var(--line-height-title-1200);
  }
}

.set-h3,
h3 {
  font-size: calc(var(--font-size-3) * 1rem);
  line-height: var(--line-height-title);
  font-family: var(--font-family-title);
  color: var(--colour-title);
}
@media (min-width: 768px) {
  .set-h3,
  h3 {
    font-size: calc(var(--font-size-3-768) * 1rem);
    line-height: var(--line-height-title-768);
  }
}
@media (min-width: 992px) {
  .set-h3,
  h3 {
    font-size: calc(var(--font-size-3-992) * 1rem);
    line-height: var(--line-height-title-992);
  }
}
@media (min-width: 1200px) {
  .set-h3,
  h3 {
    font-size: calc(var(--font-size-3-1200) * 1rem);
    line-height: var(--line-height-title-1200);
  }
}

.set-h4,
h4 {
  font-size: calc(var(--font-size-4) * 1rem);
  line-height: var(--line-height-body);
  font-family: var(--font-family-title);
  color: var(--colour-title);
}
@media (min-width: 768px) {
  .set-h4,
  h4 {
    font-size: calc(var(--font-size-4-768) * 1rem);
    line-height: var(--line-height-body-768);
  }
}
@media (min-width: 992px) {
  .set-h4,
  h4 {
    font-size: calc(var(--font-size-4-992) * 1rem);
    line-height: var(--line-height-body-992);
  }
}
@media (min-width: 1200px) {
  .set-h4,
  h4 {
    font-size: calc(var(--font-size-4-1200) * 1rem);
    line-height: var(--line-height-body-1200);
  }
}

.set-h5,
h5 {
  font-size: calc(var(--font-size-5) * 1rem);
  line-height: var(--line-height-title);
  font-family: var(--font-family-title);
  color: var(--colour-title);
}
@media (min-width: 768px) {
  .set-h5,
  h5 {
    font-size: calc(var(--font-size-5-768) * 1rem);
    line-height: var(--line-height-title-768);
  }
}
@media (min-width: 992px) {
  .set-h5,
  h5 {
    font-size: calc(var(--font-size-5-992) * 1rem);
    line-height: var(--line-height-title-992);
  }
}
@media (min-width: 1200px) {
  .set-h5,
  h5 {
    font-size: calc(var(--font-size-5-1200) * 1rem);
    line-height: var(--line-height-title-1200);
  }
}

.set-h6,
h6 {
  font-size: calc(var(--font-size-6) * 1rem);
  line-height: var(--line-height-title);
  font-family: var(--font-family-title);
  color: var(--colour-title);
}
@media (min-width: 768px) {
  .set-h6,
  h6 {
    font-size: calc(var(--font-size-6-768) * 1rem);
    line-height: var(--line-height-title-768);
  }
}
@media (min-width: 992px) {
  .set-h6,
  h6 {
    font-size: calc(var(--font-size-6-992) * 1rem);
    line-height: var(--line-height-title-992);
  }
}
@media (min-width: 1200px) {
  .set-h6,
  h6 {
    font-size: calc(var(--font-size-6-1200) * 1rem);
    line-height: var(--line-height-title-1200);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .set-h4--alt {
    font-size: var(--font-size-4-768)rem;
  }
}

.split > * + * {
  margin-top: var(--spacing-internal);
}
.split-lines > * + * {
  margin-top: var(--spacing-internal);
  padding-top: var(--spacing-internal);
  border-top: 1px solid var(--colour-border);
}
.split-var > * + * {
  margin-top: calc(1 * var(--spacing-mobile));
}
@media (min-width: 768px) {
  .split-var > * + * {
    margin-top: calc(1 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .split-var > * + * {
    margin-top: calc(1 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .split-var > * + * {
    margin-top: calc(1 * var(--spacing-large));
  }
}
.split-var-lines > * + * {
  margin-top: calc(1 * var(--spacing-mobile));
  padding-top: calc(1 * var(--spacing-mobile));
  border-top: 1px solid var(--colour-border);
}
@media (min-width: 768px) {
  .split-var-lines > * + * {
    margin-top: calc(1 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .split-var-lines > * + * {
    margin-top: calc(1 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .split-var-lines > * + * {
    margin-top: calc(1 * var(--spacing-large));
  }
}
@media (min-width: 768px) {
  .split-var-lines > * + * {
    padding-top: calc(1 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .split-var-lines > * + * {
    padding-top: calc(1 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .split-var-lines > * + * {
    padding-top: calc(1 * var(--spacing-large));
  }
}
.split-spacing > * + * {
  margin-top: calc(1 * var(--section-spacing-mobile));
}
@media (min-width: 768px) {
  .split-spacing > * + * {
    margin-top: calc(1 * var(--section-spacing-tablet));
  }
}
@media (min-width: 992px) {
  .split-spacing > * + * {
    margin-top: calc(1 * var(--section-spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .split-spacing > * + * {
    margin-top: calc(1 * var(--section-spacing-large));
  }
}
.split-spacing-lines > * + * {
  margin-top: calc(1 * var(--section-spacing-mobile));
  padding-top: calc(1 * var(--section-spacing-mobile));
  border-top: 1px solid var(--colour-border);
}
@media (min-width: 768px) {
  .split-spacing-lines > * + * {
    margin-top: calc(1 * var(--section-spacing-tablet));
  }
}
@media (min-width: 992px) {
  .split-spacing-lines > * + * {
    margin-top: calc(1 * var(--section-spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .split-spacing-lines > * + * {
    margin-top: calc(1 * var(--section-spacing-large));
  }
}
@media (min-width: 768px) {
  .split-spacing-lines > * + * {
    padding-top: calc(1 * var(--section-spacing-tablet));
  }
}
@media (min-width: 992px) {
  .split-spacing-lines > * + * {
    padding-top: calc(1 * var(--section-spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .split-spacing-lines > * + * {
    padding-top: calc(1 * var(--section-spacing-large));
  }
}
.split-half > * + * {
  margin-top: calc(var(--spacing-internal) / 2);
}
.split-half-lines > * + * {
  margin-top: calc(var(--spacing-internal) / 2);
  padding-top: calc(var(--spacing-internal) / 2);
  border-top: 1px solid var(--colour-border);
}

.text-wrap {
  overflow-wrap: break-word;
}

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

@media (max-width: 767px) {
  .mob-remove-gutter {
    margin-left: calc(var(--spacing-internal) * -1);
    margin-right: calc(var(--spacing-internal) * -1);
    border-radius: 0 !important;
  }
}
@media (min-width: 768px) {
  .is-mobile {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .is-tablet {
    display: none !important;
  }
}

.container--full {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .container--full--0 {
    max-width: 100%;
  }
  .container__rm-0 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1200px) {
  .container--full--3 {
    max-width: 100%;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1470px;
  }
  .container--full--3, .container--full--4 {
    max-width: 100%;
  }
  .container--4 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1470px;
  }
}

@media (min-width: 576px) {
  .container--half--0, .container--half {
    max-width: 270px;
  }
}

@media (min-width: 768px) {
  .container--half--1, .container--half {
    max-width: 360px;
  }
}

@media (min-width: 992px) {
  .container--half--2, .container--half {
    max-width: 480px;
  }
}

@media (min-width: 1200px) {
  .container--half--3, .container--half {
    max-width: 570px;
  }
}

@media (min-width: 1500px) {
  .container--half--4, .container--half {
    max-width: 735;
  }
}

.container--half--0, .container--half,
.container--half--1,
.container--half--2,
.container--half--3,
.container--half--4 {
  width: 100%;
}

@media (min-width: 1500px) {
  .col-xxl-4 {
    max-width: 33.333333%;
  }
}

.cursor-pointer {
  cursor: pointer;
}
.teaser,
.teaser-3 p,
table {
  color: var(--colour-title);
}

.feature {
  --colour-link: var(--colour-two);
}
.feature__text {
  opacity: 1;
}

.file-info {
  --colour-link: var(--colour-two);
}
.file-info__link .text-link {
  color: var(--colour-one) !important;
}
.header__navigation__close .la {
  color: inherit;
}