/*---------------------
  Fonts
-----------------------*/
@font-face {
  font-family: "Silka";
  src: url("/fonts/silka/silka.woff2") format("woff2"), url("/fonts/silka/silka.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Silka";
  src: url("/fonts/silka/silka-medium.woff2") format("woff2"), url("/fonts/silka/silka-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Silka";
  src: url("/fonts/silka/silka-semibold.woff2") format("woff2"),
    url("/fonts/silka/silka-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Silka";
  src: url("/fonts/silka/silka-bold.woff2") format("woff2"), url("/fonts/silka/silka-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Silka";
  src: url("/fonts/silka/silka-italic.woff2") format("woff2"), url("/fonts/silka/silka-italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}

:root {
  --Gradient-GREEN: linear-gradient(180deg, #b5de24 0%, #168666 100%);
  --Gradient-BLUE: linear-gradient(
    180deg,
    var(--Colours-Highlight-2, #00c3ff) 0%,
    var(--Colours-Colour-1, #00375a) 100%
  );
  --Gradient-BLUE-Darker: linear-gradient(180deg, #0076c2 0%, #00375a 100%);
  --Colours-Colour-1: #00375a;
  --Colours-Colour-2: #c20e19;
  --Colours-Colour-3: #efddc7;
  --Colours-Colour-4: #b5de24;
  --Colours-Colour-5: #168666;
  --Colours-Highlight-1: #ff0032;
  --Colours-Highlight-2: #00c3ff;
  --Colours-Grey-CCC: #cccccc;
  --Colours-Grey-777: #777777;

  --Farsons-Blue: var(--Colours-Colour-1, #00375a);

  --Type-Button: 22px;
  --Type-Hero-1: 64px;
  --Type-Hero-2: 52px;
  --Type-Hero-CTA: 22px;
  --Type-Nav-1: 16px;
  --Type-Body: 16px;
  --Type-Body-Large: 20px;
}

@media (max-width: 768px) {
  :root {
    --Type-Button: 18px;
    --Type-Hero-1: 60px;
    --Type-Hero-2: 52px;
    --Type-Hero-CTA: 18px;
    --Type-Nav-1: 14px;
    --Type-Body: 14px;
    --Type-Body-Large: 18px;
  }
}
@media (max-width: 430px) {
  :root {
    --Type-Button: 16px;
    --Type-Hero-1: 40px;
    --Type-Hero-2: 28px;
    --Type-Hero-CTA: 16px;
    --Type-Body: 14px;
    --Type-Body-Large: 18px;
  }
  .container {
    padding: 0 25px;
  }
}
@media (max-width: 390px) {
  :root {
    --Type-Button: 16px;
    --Type-Hero-1: 38px;
    --Type-Hero-2: 26px;
    --Type-Hero-CTA: 14px;
    --Type-Body: 14px;
    --Type-Body-Large: 18px;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix {
  display: block;
}
html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Silka", sans-serif;
  font-weight: 400;
  font-size: var(--Type-Body, 16px);
  line-height: 26px;
}
.container-fluid {
  overflow: hidden;
}
.cursor-pointer {
  cursor: pointer;
}
.no-click {
  pointer-events: none;
}
img {
  max-width: 100%;
}
p {
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 25px;
}
.large {
  font-size: var(--Type-Body-Large, 20px);
}
.small {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
  font-family: "Silka", serif;
}
h1 {
  font-size: 44px;
}
h2 {
  font-size: 38px;
}
h3,
.s30 {
  font-size: 30px;
}
h4 {
  font-size: 26px;
  font-weight: 500;
}
h5 {
  font-size: 24px;
  font-weight: 500;
}
h6 {
  font-size: 20px;
  font-weight: 500;
}
blockquote {
  font-size: var(--Type-Body-Large, 20px);
  color: var(--Colours-Colour-1, #00375a);
  font-weight: 400;
  line-height: 130%;
  margin: 40px 10%;
}
@media (max-width: 768px) {
  html,
  body {
    font-size: 14px;
  }
  .large {
    font-size: 18px;
  }
  .small {
    font-size: 12px;
  }
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 32px;
  }
  h3,
  .s30 {
    font-size: 24px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 20px;
  }
}
@media (max-width: 430px) {
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 30px;
  }
  h3,
  .s30 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 20px;
  }
}

dl,
ol,
ul {
  margin: 18px 0;
}
a {
  color: #000000;
}
.img-height-416 {
  max-height: 416px;
  object-fit: cover;
}
.img-416 {
  max-width: 416px;
  max-height: 416px;
  object-fit: cover;
}
.img-640 {
  width: 640px;
  height: 640px;
  object-fit: cover;
  background: lightgray;
}
@media (max-width: 992px) {
  .img-640 {
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .img-416 {
    width: 100%;
  }
}

.cursor-default {
  cursor: default;
}

.lh-unset {
  line-height: unset;
}

/*---------------------
  Line - hr
-----------------------*/
.gradient-line {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  margin: 1em 0;
  opacity: 1;
}
.gradient-line.blue {
  background: linear-gradient(90deg, var(--Colours-Highlight-2, #00c3ff) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, var(--Colours-Highlight-2, #00c3ff) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(90deg, var(--Colours-Highlight-2, #00c3ff) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, var(--Colours-Highlight-2, #00c3ff) 0%, rgba(0, 0, 0, 0) 100%);
}
.gradient-line.green {
  background: linear-gradient(90deg, var(--Colours-Colour-4, #b5de24) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, var(--Colours-Colour-4, #b5de24) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(90deg, var(--Colours-Colour-4, #b5de24) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, var(--Colours-Colour-4, #b5de24) 0%, rgba(0, 0, 0, 0) 100%);
}

/*---------------------
  Colors
-----------------------*/
.blue {
  color: var(--Colours-Colour-1, #00375a);
}
.blue-highlight {
  color: var(--Colours-Highlight-2, #00c3ff);
}
.red {
  color: var(--Colours-Highlight-1, #ff0032);
}
.green {
  color: var(--Colours-Colour-5, #168666);
}
.grey {
  color: var(--Colours-Grey-CCC, #cccccc);
}
.grey-dark {
  color: var(--Colours-Grey-777, #777);
}
.cream {
  color: var(--Colours-Colour-3, #efddc7);
}
.cream-bg {
  background: var(--Colours-Colour-3, #efddc7);
}
.gradient-blue-text {
  background: var(
    --Gradient-BLUE,
    linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.gradient-green-text {
  background: var(--Gradient-GREEN, linear-gradient(180deg, #b5de24 0%, #168666 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  position: relative;
}
.green-line-container {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
.green-line {
  flex-grow: 1;
  margin-left: 10px;
  height: 1px;
  background: var(--Colours-Colour-4, #b5de24);
}
@media (max-width: 576px) {
  .green-line-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .green-line {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }

  .gradient-green-text {
    padding-bottom: 10px;
  }
}

/*---------------------
  Buttons
-----------------------*/
.btn,
.btn:hover {
  border-radius: 40px;
  background: var(--Colours-Colour-1, #00375a);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  display: inline-flex;
  padding: 20px 40px;
  align-items: flex-end;
  gap: 8px;
  font-size: var(--Type-Button, 22px);
  border: 2px solid var(--Colours-Colour-1, #00375a);
}
@media (max-width: 576px) {
  .btn,
  .btn:hover {
    padding: 20px 15px;
  }
}

.btn.white,
.btn.white:hover {
  background: #ffffff;
  border: 2px solid #ffffff;
  color: var(--Farsons-Blue, #00375a);
}
.btn:hover,
.btn.white:hover {
  border: 2px solid var(--Colours-Highlight-2, #00c3ff);
}
.btn::after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
  background-position: right;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M2 12L8.91456 7.6784C9.27449 7.45344 9.45446 7.34096 9.51618 7.19695C9.57008 7.07118 9.57008 6.92882 9.51618 6.80305C9.45446 6.65904 9.27449 6.54656 8.91456 6.3216L2 2" stroke="%23FF0032" stroke-width="3" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  transition: width 0.3s ease;
}
.btn:hover::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M2 12L8.91456 7.6784C9.27449 7.45344 9.45446 7.34096 9.51618 7.19695C9.57008 7.07118 9.57008 6.92882 9.51618 6.80305C9.45446 6.65904 9.27449 6.54656 8.91456 6.3216L2 2" stroke="%23FF0032" stroke-width="3" stroke-linecap="round"/></svg>');
  width: 40px;
  background-position: right;
}
.btn.external {
  display: inline-flex;
  height: 26px;
  padding: 4px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 2px;
  border: 0px;
  background: var(--Colours-Grey-777, #777);
  box-shadow: none;
}
.btn.external.medium {
  font-size: var(--Type-Nav-1, 16px);
}
.btn.external:hover {
  background: var(--Colours-Colour-1, #00375a);
  color: var(--Colours-Highlight-1, #ff0032);
}
.btn.external::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  transition: width 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 9L9 1' stroke='%2300C3FF' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 1L2 0.999999' stroke='%2300C3FF' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 8L9 1' stroke='%2300C3FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.btn.external:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 9L9 1' stroke='%23FF0032' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 1L2 0.999999' stroke='%23FF0032' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 8L9 1' stroke='%23FF0032' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.external-link {
  display: inline-flex;
  padding: 4px 12px 5px 0;
  font-size: var(--Type-Nav-1, 16px);
  font-style: normal;
  font-weight: 600;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  text-decoration: none;
  color: var(--Colours-Colour-1, #00375a);
}
.external-link:hover {
  color: var(--Colours-Highlight-1, #ff0032);
}
.external-link::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  transition: width 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 9L9 1' stroke='%23FF0032' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 1L2 0.999999' stroke='%23FF0032' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 8L9 1' stroke='%23FF0032' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.btn-search {
  border-radius: 50px;
  border: 0px;
  width: 40px;
  height: 40px;
  background: none;
}
.btn-search:hover {
  background: var(--Colours-Colour-1, #00375a);
}
.btn-search::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: width 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1909 0.514404C9.48846 0.514549 7.81076 0.921797 6.29775 1.70217C4.78474 2.48254 3.48029 3.61341 2.49324 5.00043C1.50619 6.38744 0.865159 7.99038 0.623624 9.67552C0.38209 11.3606 0.547059 13.0791 1.10477 14.6875C1.66248 16.2959 2.59675 17.7477 3.82965 18.9216C5.06255 20.0955 6.55831 20.9576 8.19215 21.4359C9.82599 21.9142 11.5505 21.9948 13.2219 21.6711C14.8932 21.3474 16.463 20.6287 17.8001 19.575L22.387 24.1618C22.6239 24.3906 22.9412 24.5172 23.2705 24.5144C23.5998 24.5115 23.9149 24.3794 24.1477 24.1465C24.3806 23.9137 24.5127 23.5987 24.5156 23.2693C24.5184 22.94 24.3918 22.6228 24.163 22.3859L19.5761 17.7991C20.817 16.2249 21.5897 14.3331 21.8056 12.3403C22.0216 10.3475 21.6721 8.33411 20.7972 6.53063C19.9223 4.72714 18.5573 3.2064 16.8584 2.14243C15.1595 1.07847 13.1954 0.51427 11.1909 0.514404ZM3.02676 11.1902C3.02676 9.02499 3.8869 6.94849 5.41797 5.41747C6.94904 3.88646 9.02562 3.02635 11.1909 3.02635C13.3561 3.02635 15.4327 3.88646 16.9638 5.41747C18.4949 6.94849 19.355 9.02499 19.355 11.1902C19.355 13.3553 18.4949 15.4318 16.9638 16.9629C15.4327 18.4939 13.3561 19.354 11.1909 19.354C9.02562 19.354 6.94904 18.4939 5.41797 16.9629C3.8869 15.4318 3.02676 13.3553 3.02676 11.1902Z' fill='%23777777'/%3E%3C/svg%3E");
}
.btn-search:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1909 0.514404C9.48846 0.514549 7.81076 0.921797 6.29775 1.70217C4.78474 2.48254 3.48029 3.61341 2.49324 5.00043C1.50619 6.38744 0.865159 7.99038 0.623624 9.67552C0.38209 11.3606 0.547059 13.0791 1.10477 14.6875C1.66248 16.2959 2.59675 17.7477 3.82965 18.9216C5.06255 20.0955 6.55831 20.9576 8.19215 21.4359C9.82599 21.9142 11.5505 21.9948 13.2219 21.6711C14.8932 21.3474 16.463 20.6287 17.8001 19.575L22.387 24.1618C22.6239 24.3906 22.9412 24.5172 23.2705 24.5144C23.5998 24.5115 23.9149 24.3794 24.1477 24.1465C24.3806 23.9137 24.5127 23.5987 24.5156 23.2693C24.5184 22.94 24.3918 22.6228 24.163 22.3859L19.5761 17.7991C20.817 16.2249 21.5897 14.3331 21.8056 12.3403C22.0216 10.3475 21.6721 8.33411 20.7972 6.53063C19.9223 4.72714 18.5573 3.2064 16.8584 2.14243C15.1595 1.07847 13.1954 0.51427 11.1909 0.514404ZM3.02676 11.1902C3.02676 9.02499 3.8869 6.94849 5.41797 5.41747C6.94904 3.88646 9.02562 3.02635 11.1909 3.02635C13.3561 3.02635 15.4327 3.88646 16.9638 5.41747C18.4949 6.94849 19.355 9.02499 19.355 11.1902C19.355 13.3553 18.4949 15.4318 16.9638 16.9629C15.4327 18.4939 13.3561 19.354 11.1909 19.354C9.02562 19.354 6.94904 18.4939 5.41797 16.9629C3.8869 15.4318 3.02676 13.3553 3.02676 11.1902Z' fill='white'/%3E%3C/svg%3E");
}
.btn-paging,
.btn-paging:hover {
  padding: 5px 15px;
  margin-right: 10px;
}
.btn-paging::after {
  content: none;
}

/*---------------------
  links
-----------------------*/
.cta-arrow {
  color: var(--Colours-Colour-1, #00375a);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  transition: all 0.3s ease;
}
.cta-arrow:hover {
  gap: 30px;
}
.cta-arrow::after {
  content: "";
  width: 7px;
  min-width: 7px;
  height: 19px;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M2 12L8.91456 7.6784C9.27449 7.45344 9.45446 7.34096 9.51618 7.19695C9.57008 7.07118 9.57008 6.92882 9.51618 6.80305C9.45446 6.65904 9.27449 6.54656 8.91456 6.3216L2 2' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
.cta-arrow.large {
  font-size: var(--Type-Hero-CTA, 16px);
  font-weight: 700;
  line-height: 120%;
}
.cta-arrow.large::after {
  width: 10px;
  min-width: 10px;
  height: 23px;
}
.cta-arrow.white {
  color: #ffffff;
}

/*---------------------
  Splide Arrows / Carousel Arrows
-----------------------*/
.splide__arrow svg {
  display: none;
}
.splide__arrow.splide__arrow--next,
.splide__arrow.splide__arrow--prev {
  background: #ffffff;
  opacity: 1;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  width: 44px;
  height: 44px;
}
.splide__arrow--prev::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' viewBox='0 0 16 19' fill='none'%3E%3Cpath d='M13.4888 2.00024L2.64201 8.77947C2.28207 9.00443 2.10211 9.11691 2.04039 9.26092C1.98649 9.38669 1.98649 9.52905 2.04039 9.65482C2.10211 9.79883 2.28207 9.91131 2.642 10.1363L13.4888 16.9155' stroke='%2300375A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.splide__arrow--next::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' viewBox='0 0 16 19' fill='none'%3E%3Cpath d='M2.00049 16.9155L12.8473 10.1363C13.2072 9.91134 13.3872 9.79886 13.4489 9.65485C13.5028 9.52908 13.5028 9.38672 13.4489 9.26095C13.3872 9.11694 13.2072 9.00446 12.8473 8.7795L2.00049 2.00027' stroke='%2300375A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.splide__arrow--prev::before,
.splide__arrow--next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 19px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/*---------------------
  Sections Titles
-----------------------*/
.section-title {
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 55px */
  padding-bottom: 48px;
}
.section-subtitle {
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  color: var(--Farsons-Blue, #00375a);
  display: flex;
  padding-bottom: 24px;
  align-items: flex-end;
  line-height: 1;
  gap: 8px;
  align-self: stretch;
}
.section-subtitle::before {
  content: "";
  display: inline-block;
  width: 36px;
  min-width: 15px;
  height: 28px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M10.0209 0C10.0209 0 11.9082 3.6294 12.8622 4.39627C12.8612 4.39594 12.8436 4.39063 12.8121 4.38108C12.818 4.38603 12.8235 4.39153 12.8294 4.39627C12.8038 4.38824 11.5494 3.99541 10.5362 3.9184L10.5686 4.18142C10.6476 4.61652 10.7223 5.03497 10.7937 5.43793C11.1039 6.84938 11.4712 8.24181 11.7689 9.48785C12.2835 11.6856 13.3663 12.1359 13.9129 12.2279H14.3097L17.4827 3.90582C16.6377 3.75278 15.0127 4.35248 15.0058 4.35503C15.0108 4.34937 15.4081 3.89716 16.3028 2.66797C17.2388 1.46873 16.7417 0.316189 16.5803 0.00911458L20 5.40365C19.6007 4.87405 19.2786 4.65218 18.6612 4.30425V4.29427L17.203 14.0577L12.0046 15.2639V16H7.99538V15.2639L2.79696 14.0577L1.33878 4.29427V4.30425C0.721447 4.65218 0.39927 4.87405 0 5.40365L3.41974 0.00911458C3.25834 0.31619 2.76121 1.46873 3.69718 2.66797C4.59188 3.89717 4.98925 4.34937 4.99423 4.35503C4.98734 4.35249 3.36235 3.75278 2.51731 3.90582L5.69025 12.2279H6.08709C6.63374 12.1359 7.71651 11.6856 8.23109 9.48785C8.52876 8.24183 8.89571 6.84935 9.20588 5.43793C9.27728 5.03495 9.35237 4.61654 9.43137 4.18142L9.46334 3.9184C8.45026 3.99549 7.19616 4.38824 7.17063 4.39627C7.17644 4.3916 7.18162 4.38596 7.1875 4.38108C7.15622 4.39055 7.13882 4.39594 7.13778 4.39627C8.09183 3.6294 9.97914 0 9.97914 0C9.98038 0.00237138 9.98778 0.0154652 10 0.0386285C10.0122 0.0154652 10.0196 0.00237142 10.0209 0Z' fill='%2300375A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 4px;
}
@media (max-width: 576px) {
  .section-title {
    padding-bottom: 32px;
  }
  .section-subtitle {
    padding-bottom: 12px;
  }
}

/*---------------------
  Image Focal Points
-----------------------*/
header[data-location="SustainabilityFarsonsFoundation"] img {
  object-position: 20% 50%;
}

.wellbeing-good-times-focal-point {
  object-position: 25% 50%;
}

/*---------------------
  Hr Section
-----------------------*/
.hr-section {
  padding-bottom: 180px;
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

.sticky-text {
  position: sticky !important;
  top: 100px !important;
  align-self: start !important;
  display: block !important;
  z-index: -1 !important;

  font-size: 120px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -2.4px;

  background: var(
    --Gradient-BLUE,
    linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-bottom: 200px;
}
.sticky-text .line1 {
  padding-left: 50px;
}
.sticky-text .line2 {
  padding-left: 100px;
}
@media (max-width: 1200px) {
  .sticky-text {
    font-size: 100px;
  }
}
@media (max-width: 992px) {
  .sticky-text {
    font-size: 80px;
  }
}
@media (max-width: 768px) {
  .sticky-text {
    font-size: 70px;
    margin-bottom: 100px;
  }
}
@media (max-width: 576px) {
  .sticky-text {
    font-size: 50px;
  }
  .sticky-text .line1 {
    padding-left: 25px;
  }
  .sticky-text .line2 {
    padding-left: 50px;
  }
}

/*---------------------
  Overlay Section
-----------------------*/
.overlay-image {
  width: 100%;
  height: 680px;
  border-radius: 24px 4px;
  object-fit: cover;
}

.overlay-card {
  position: relative;
  padding: 84px 112px;
  max-width: 640px;
  color: #fff;
  border-radius: 24px 4px;
  overflow: hidden;
}
.overlay-card::before,
.overlay-card.blue::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px 4px;
  padding: 3px;
  background: linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}
.overlay-card.green::before {
  background: linear-gradient(180deg, #b5de24 0%, #168666 100%);
}
.overlay-card::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: calc(24px - 2px) calc(4px - 2px);
  background: rgba(0, 55, 90, 0.85);
  backdrop-filter: blur(10px);
  z-index: 0;
}
.overlay-card.green::after {
  background: rgba(22, 134, 102, 0.85);
}
.overlay-card.cream::after {
  background: rgba(239, 221, 199, 0.85);
}
.overlay-card.cream {
  color: #000000;
}
.overlay-card > * {
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .h-lg-100 {
    height: 100% !important;
  }
}

.overlay-section .section-subtitle,
.overlay-card.blue .section-subtitle,
.section-subtitle.blue-highlight {
  color: var(--Colours-Highlight-2, #00c3ff);
}
.overlay-card.green .section-subtitle {
  color: var(--Colours-Highlight-4, #b5de24);
}
.overlay-section .overlay-card-wrapper,
.overlay-section .overlay-card-wrapper.right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
}
.overlay-section .overlay-card-wrapper.left {
  left: 0%;
}
.overlay-row {
  position: relative;
}
.overlay-section a {
  color: #ffffff;
}
.overlay-row .col-lg-6 {
  background: #ffffff;
}
/* Overlap more to the center (desktop only) */
@media (max-width: 992px) {
  .overlay-section .overlay-card-wrapper {
    position: static;
    margin: -80px 24px 0;
    transform: none;
  }
  .overlay-section .overlay-card {
    padding: 40px 24px;
  }
  .hr-section {
    padding-bottom: 80px;
  }
}

/*---------------------
  Brands Section
-----------------------*/
.brands-section {
  padding: 120px 0;
  position: relative;
}

.rounded-corners {
  border-radius: 24px 4px;
}
.brands-grid .rounded-corners {
  border-radius: 12px 2px;
}
.zoom-hover {
  position: relative;
  display: flex;
  justify-content: center;
  align-self: stretch;
  aspect-ratio: 1/1;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.zoom-hover img {
  width: 100vw;
  height: 100%;
  object-fit: cover; /* makes sure it covers nicely */
  transition: transform 0.3s ease;
}
.zoom-hover:hover img {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}
.brands-grid .zoom-hover:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.overlay-title {
  position: absolute;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  gap: 15px;
  padding: 18px 16px 30px 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
}
.overlay-title::after {
  content: "";
  display: block;
  width: 25px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='14' viewBox='0 0 25 14' fill='none'%3E%3Cpath d='M15 12L21.9146 7.6784C22.2745 7.45344 22.4545 7.34096 22.5162 7.19695C22.5701 7.07118 22.5701 6.92882 22.5162 6.80305C22.4545 6.65904 22.2745 6.54656 21.9146 6.3216L15 2' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2 6.875L22 6.875' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  opacity: 0.8;
  transform: translateX(0px) scaleX(0.85);
  transition: background-image 0.25s linear, width 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
}
.zoom-hover:hover .overlay-title::after {
  width: 53px;
  transform: translateX(0) scaleX(1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='14' viewBox='0 0 53 14' fill='none'%3E%3Cpath d='M43 12L49.9146 7.6784C50.2745 7.45344 50.4545 7.34096 50.5162 7.19695C50.5701 7.07118 50.5701 6.92882 50.5162 6.80305C50.4545 6.65904 50.2745 6.54656 49.9146 6.3216L43 2' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2 6.875H50' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (max-width: 768px) {
  .overlay-title {
    height: 51%;
    gap: 2px;
    padding: 18px 16px 16px 16px;
  }
}
@media (max-width: 576px) {
  .overlay-title h5 {
    font-size: 15px;
  }
}

.overlay-logo {
  position: absolute;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  padding: 40px;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.overlay-logo img {
  object-fit: contain;
  /*filter: contrast(0) brightness(2);*/
}
.zoom-hover:hover .overlay-logo img {
  transform: scale(1);
}

/*---------------------
  ESG Section
-----------------------*/
.esg-section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0 78px;
  margin-bottom: 240px;
  position: relative;
}
.esg-section .overlay-card {
  transform: translateY(280px);
  padding: 60px 90px;
  max-width: unset;
}
.esg-section .section-subtitle {
  color: var(--Colours-Colour-4, #b5de24);
}
.esg-section .section-subtitle::before,
.overlay-card.green .section-subtitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M10.0209 0C10.0209 0 11.9082 3.6294 12.8622 4.39627C12.8612 4.39594 12.8436 4.39063 12.8121 4.38108C12.818 4.38603 12.8235 4.39153 12.8294 4.39627C12.8038 4.38824 11.5494 3.99541 10.5362 3.9184L10.5686 4.18142C10.6476 4.61652 10.7223 5.03497 10.7937 5.43793C11.1039 6.84938 11.4712 8.24181 11.7689 9.48785C12.2835 11.6856 13.3663 12.1359 13.9129 12.2279H14.3097L17.4827 3.90582C16.6377 3.75278 15.0127 4.35248 15.0058 4.35503C15.0108 4.34937 15.4081 3.89716 16.3028 2.66797C17.2388 1.46873 16.7417 0.316189 16.5803 0.00911458L20 5.40365C19.6007 4.87405 19.2786 4.65218 18.6612 4.30425V4.29427L17.203 14.0577L12.0046 15.2639V16H7.99538V15.2639L2.79696 14.0577L1.33878 4.29427V4.30425C0.721447 4.65218 0.39927 4.87405 0 5.40365L3.41974 0.00911458C3.25834 0.31619 2.76121 1.46873 3.69718 2.66797C4.59188 3.89717 4.98925 4.34937 4.99423 4.35503C4.98734 4.35249 3.36235 3.75278 2.51731 3.90582L5.69025 12.2279H6.08709C6.63374 12.1359 7.71651 11.6856 8.23109 9.48785C8.52876 8.24183 8.89571 6.84935 9.20588 5.43793C9.27728 5.03495 9.35237 4.61654 9.43137 4.18142L9.46334 3.9184C8.45026 3.99549 7.19616 4.38824 7.17063 4.39627C7.17644 4.3916 7.18162 4.38596 7.1875 4.38108C7.15622 4.39055 7.13882 4.39594 7.13778 4.39627C8.09183 3.6294 9.97914 0 9.97914 0C9.98038 0.00237138 9.98778 0.0154652 10 0.0386285C10.0122 0.0154652 10.0196 0.00237142 10.0209 0Z' fill='%23B5DE24'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .esg-section .overlay-card {
    padding: 40px 24px;
    transform: translateY(263px);
  }
  .esg-section {
    height: 430px;
    padding: 0px 0 0px;
    margin-bottom: 530px;
  }
}

/*---------------------
  ESG Pages
-----------------------*/
.want-know-more-section {
  padding: 120px 0 100px 0;
  margin-top: 120px;
  color: #ffffff;
  background: lightgray 50% / cover no-repeat;
}
.want-know-more-section h1 {
  color: var(--Colours-Colour-4, #b5de24);
}

/*---------------------
  Investors Section
-----------------------*/
.investors-section {
  background-color: #efddc7;
  color: #000000;
  padding: 120px 0;
  position: relative;
}
.share-price {
  background: var(--Gradient-BLUE-Darker, linear-gradient(180deg, #0076c2 0%, #00375a 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 104px */
}
.downloads-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
}
.downloads-list li a {
  display: flex;
  align-items: center;
  gap: 22px;
  align-self: stretch;
  color: #000000;
  text-decoration: none;
}
.downloads-list li a:hover {
  color: #00375a;
}
a.pdf::before {
  content: "";
  display: inline-block;
  width: 33px;
  min-width: 33px;
  height: 43px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='22' viewBox='0 0 33 22' fill='none'%3E%3Cpath d='M20.9 1V9.72727C20.9 10.3059 21.1318 10.8609 21.5444 11.2701C21.957 11.6792 22.5165 11.9091 23.1 11.9091H31.9' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.09998 20.6364V5.36364C1.09998 4.20633 1.56355 3.09642 2.38871 2.27808C3.21387 1.45974 4.33302 1 5.49998 1H20.9L31.9 11.9091V20.6364' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='14' viewBox='0 0 33 14' fill='none'%3E%3Cpath d='M1.36036 14.0001C0.504505 14.0001 0 13.4808 0 12.5943V2.31498C0 1.42852 0.504505 0.90918 1.36036 0.90918H5.28829C7.95496 0.90918 9.79279 2.67314 9.79279 5.33251C9.79279 7.98293 7.89189 9.75584 5.15315 9.75584H2.72072V12.5943C2.72072 13.4808 2.21622 14.0001 1.36036 14.0001ZM2.72072 7.64267H4.55856C6.11712 7.64267 7.02703 6.81889 7.02703 5.34146C7.02703 3.87299 6.12613 3.04921 4.56757 3.04921H2.72072V7.64267Z' fill='%2300375A'/%3E%3Cpath d='M12.7658 13.83C11.9099 13.83 11.4054 13.3106 11.4054 12.4152V2.31498C11.4054 1.42852 11.9099 0.90918 12.7658 0.90918H16.3694C20.2703 0.90918 22.5676 3.21934 22.5676 7.32032C22.5676 11.4213 20.2703 13.83 16.3694 13.83H12.7658ZM14.1261 11.5914H16.045C18.4775 11.5914 19.7928 10.123 19.7928 7.32928C19.7928 4.62514 18.4414 3.13875 16.045 3.13875H14.1261V11.5914Z' fill='%2300375A'/%3E%3Cpath d='M25.6847 14.0001C24.8288 14.0001 24.3243 13.4808 24.3243 12.5943V2.31498C24.3243 1.42852 24.8288 0.90918 25.6847 0.90918H31.7658C32.5135 0.90918 33 1.33002 33 2.02844C33 2.72686 32.5045 3.14771 31.7658 3.14771H27.045V6.60399H31.3243C32.027 6.60399 32.4865 7.00693 32.4865 7.66953C32.4865 8.34109 32.036 8.74403 31.3243 8.74403H27.045V12.5943C27.045 13.4808 26.5405 14.0001 25.6847 14.0001Z' fill='%2300375A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 50%, 100% 50%; /* Make each image take up half the height */
  background-position: top center, bottom center; /* Position the first image at the top and the second at the bottom */
}

@media (max-width: 768px) {
  .share-price {
    font-size: 60px;
  }
  .investors-section {
    padding: 40px 0;
  }
}

/*---------------------
  Investors Pages
-----------------------*/
.annual-report-section {
  padding: 40px 0 0 0;
}
.investor-contacts-section {
  background: rgba(0, 55, 90, 0.1);
  padding: 100px 0;
}
.investor-contacts-img {
  border-radius: 12px 2px;
  width: 192px;
  height: 192px;
  object-fit: cover;
}
.cream-section {
  background: var(--Colours-Colour-3, #efddc7);
  padding: 80px 0;
}
.highlights-section {
  padding: 100px 0;
}
.recent-publications-section {
  padding: 100px 0;
}
.downloads-section {
  padding: 100px 0;
}

.publication img {
  border-radius: 12px 2px;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.25);
  width: 192px;
  height: 272px;
  object-fit: cover;
}
.publication a.pdf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  text-decoration: none;
}

.company-structure-section {
  margin-bottom: 80px;
}
.structure-tree {
  height: 70px;
  margin: 16px 0;
}
.structure-label {
  border-radius: 4px;
  background: var(--Colours-Colour-1, #00375a);
  display: flex;
  height: 105px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.structure-image {
  width: auto;
  margin-bottom: 24px;
  max-height: 120px;
  min-height: 120px;
}
@media (max-width: 1400px) {
  .structure-label {
    font-size: 16px;
    height: 80px;
  }
}
.org-vertical {
  position: relative;
  padding-left: 40px;
}

.side-vertical-line {
  position: absolute;
  left: 20px;
  top: 222px;
  bottom: 79px;
  width: 2px;
  background-color: #ccc;
  z-index: 0;
}

.org-node {
  position: relative;
  margin: 20px 0;
  padding-left: 20px;
  z-index: 1;
  text-align: center;
}
.with-connector::before,
.first-connector::before {
  content: "";
  position: absolute;
  top: 41px;
  left: -20px;
  width: 20px;
  height: 2px;
  background-color: #ccc;
}
.first-connector::before {
  top: 179px;
}
.with-connector::after,
.first-connector::after {
  content: "";
  position: absolute;
  top: 39px;
  left: -22px;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 50%;
}
.first-connector::after {
  top: 177px;
}
@media (max-width: 576px) {
  .org-node {
    padding-left: 0px;
  }
}

.press-releases-section {
  padding: 80px 0;
}

.cream-accordian .accordion-item {
  background: var(--Colours-Colour-3, #efddc7);
}
.cream-accordian .accordion-button:not(.collapsed),
.cream-accordian .accordion-button.collapsed {
  color: var(--Colours-Colour-1, #00375a);
}
.listing {
  padding: 24px 0 20px 0 !important;
}
.listing p {
  margin: 0;
}

/*---------------------
  PDMR Notifications Section
-----------------------*/
.pdmr-news-updates-section {
  padding-bottom: 80px;
}
.pdmr-notifications-card {
  background-color: #f5f5f5;
  border-color: #fff;
  border-bottom: 1px solid var(--Colours-Grey-777, #777);
  padding: 25px;
  margin-bottom: 20px;
  border-radius: 0;
}
.pdmr-notifications-card p {
  margin-bottom: 0.5rem;
}
.pdmr-notifications-card-title {
  font-weight: 600;
  margin-bottom: 0 !important;
  color: var(--Colours-Colour-1, #00375a);
}
.pdmr-notifications-table {
  margin-bottom: 0;
}
.pdmr-notifications-table thead th {
  background: var(--Colours-Colour-3, #efddc7);
  color: var(--Colours-Colour-1, #00375a);
  font-weight: 700;
  line-height: 130%;
  vertical-align: bottom;
  padding: 15px 10px;
}
.pdmr-notifications-table tr {
  border-bottom: 1px solid var(--Colours-Grey-777, #777);
}
.pdmr-notifications-table thead tr {
  border-bottom: 1px solid var(--Colours-Colour-3, #efddc7);
}
.pdmr-notifications-table td,
.pdmr-notifications-table th {
  vertical-align: top;
  font-size: var(--Type-Body-Small, 14px);
  color: #000000;
}
.pdmr-notifications-table td:first-child,
.pdmr-notifications-table th:first-child {
  width: 15%;
  min-width: 230px;
}
.show-more {
  background: var(--Colours-Colour-3, #efddc7);
  padding: 20px 16px 16px 16px;
}
.show-more a {
  text-decoration: none;
  color: var(--Colours-Colour-1, #00375a);
  font-weight: 700;
  line-height: 130%;
  display: inline-flex;
}
.show-more a::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 16px;
  background: no-repeat center/contain
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M11 17.5C11 18.3284 10.3284 19 9.5 19C8.67157 19 8 18.3284 8 17.5L8 1.5C8 0.671573 8.67157 1.01779e-07 9.5 6.55671e-08C10.3284 2.93554e-08 11 0.671573 11 1.5L11 17.5Z" fill="%2300375A"/><path d="M1.5 11C0.671574 11 0 10.3284 0 9.5C0 8.67157 0.671574 8 1.5 8L17.5 8C18.3284 8 19 8.67157 19 9.5C19 10.3284 18.3284 11 17.5 11L1.5 11Z" fill="%2300375A"/></svg>');
}

/*---------------------
  Partner Section
-----------------------*/
.partner-section {
  color: #ffffff;
  padding: 160px 0;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.partner-section .overlay-card {
  position: relative;
  padding: 120px 117px;
  border-radius: 72px 12px;
  max-width: unset;
}
.partner-section .overlay-card::before {
  border-radius: 72px 12px;
}
.partner-section .overlay-card::after {
  border-radius: calc(72px - 2px) calc(12px - 2px);
}
.partner-section .section-subtitle {
  color: var(--Colours-Highlight-2, #00c3ff);
}
.partner-section .section-subtitle::before,
.overlay-section .section-subtitle::before,
.section-subtitle.blue-highlight::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M10.0209 0C10.0209 0 11.9082 3.6294 12.8622 4.39627C12.8612 4.39594 12.8436 4.39063 12.8121 4.38108C12.818 4.38603 12.8235 4.39153 12.8294 4.39627C12.8038 4.38824 11.5494 3.99541 10.5362 3.9184L10.5686 4.18142C10.6476 4.61652 10.7223 5.03497 10.7937 5.43793C11.1039 6.84938 11.4712 8.24181 11.7689 9.48785C12.2835 11.6856 13.3663 12.1359 13.9129 12.2279H14.3097L17.4827 3.90582C16.6377 3.75278 15.0127 4.35248 15.0058 4.35503C15.0108 4.34937 15.4081 3.89716 16.3028 2.66797C17.2388 1.46873 16.7417 0.316189 16.5803 0.00911458L20 5.40365C19.6007 4.87405 19.2786 4.65218 18.6612 4.30425V4.29427L17.203 14.0577L12.0046 15.2639V16H7.99538V15.2639L2.79696 14.0577L1.33878 4.29427V4.30425C0.721447 4.65218 0.39927 4.87405 0 5.40365L3.41974 0.00911458C3.25834 0.31619 2.76121 1.46873 3.69718 2.66797C4.59188 3.89717 4.98925 4.34937 4.99423 4.35503C4.98734 4.35249 3.36235 3.75278 2.51731 3.90582L5.69025 12.2279H6.08709C6.63374 12.1359 7.71651 11.6856 8.23109 9.48785C8.52876 8.24183 8.89571 6.84935 9.20588 5.43793C9.27728 5.03495 9.35237 4.61654 9.43137 4.18142L9.46334 3.9184C8.45026 3.99549 7.19616 4.38824 7.17063 4.39627C7.17644 4.3916 7.18162 4.38596 7.1875 4.38108C7.15622 4.39055 7.13882 4.39594 7.13778 4.39627C8.09183 3.6294 9.97914 0 9.97914 0C9.98038 0.00237138 9.98778 0.0154652 10 0.0386285C10.0122 0.0154652 10.0196 0.00237142 10.0209 0Z' fill='%2300C3FF'/%3E%3C/svg%3E");
}
.partner-section a {
  color: #fff;
}
@media (min-width: 768px) {
  .partner-section {
    background-attachment: fixed;
  }
}
@media (max-width: 768px) {
  .partner-section {
    height: 550px;
    padding: 0;
    margin-bottom: 0;
  }
  .partner-section .overlay-card {
    padding: 40px 24px;
    transform: translateY(480px);
  }
  .partner-section .inner-block {
    max-width: 85% !important;
    margin: 70px auto 0 auto !important;
  }
}

@media (max-width: 399px) {
  .partner-section {
    margin-bottom: 1150px;
  }
}
@media (min-width: 400px) and (max-width: 600px) {
  .partner-section {
    margin-bottom: calc(1340px - 65vw);
  }
}
@media (min-width: 601px) and (max-width: 768px) {
  .partner-section {
    margin-bottom: 1000px;
  }
}

.partner-section .inner-block {
  max-width: 416px;
  margin: 75px 0 0 0;
}
.partner-section .inner-block-heading {
  position: relative;
  font-weight: 500;
  line-height: 125%;
  color: #ffffff;
  padding: 12px 0;
  border-bottom: 1px solid var(--Colours-Highlight-2, #00c3ff);
  padding-left: 20px;
}
.partner-section .inner-block-heading::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' viewBox='0 0 16 19' fill='none'%3E%3Cpath d='M2 17.5L13.0015 10.1656C13.3354 9.94308 13.5023 9.8318 13.5605 9.69154C13.6113 9.56891 13.6113 9.43109 13.5605 9.30847C13.5023 9.1682 13.3354 9.05692 13.0015 8.83436L2 1.5' stroke='%2300C3FF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/*---------------------
  News Section
-----------------------*/
.news-section {
  padding: 120px 0;
  position: relative;
  overflow-x: hidden;
}
.articles-carousel .splide__slide {
  position: relative;
  overflow: hidden;
}
.articles-carousel .splide__arrow--prev {
  left: clamp(-5em, -5vw, 0.5rem);
}
@media (max-width: 992px) {
  .articles-carousel .splide__arrow--prev {
    left: 1em;
  }
}
.news-card {
  background: white;
  overflow: hidden;
}
.news-img-link {
  display: block;
  overflow: hidden;
  border-radius: 24px 4px;
}
.news-img {
  width: 416px;
  height: 416px;
  object-fit: cover;
  transition: transform 0.3s ease;
  aspect-ratio: 1/1;
}
.news-img-link:hover .news-img {
  transform: scale(1.2);
}
.news-meta {
  color: #000;
  margin: 24px 0 16px 0;
  font-weight: 500;
}
.news-meta a,
.news-meta a.cat-announcements,
.cat-announcements,
.news-meta a.cat-pressrelease,
.cat-pressrelease {
  color: var(--Colours-Grey-777, #777);
  text-decoration: none;
}
.news-meta a.cat-news,
.cat-news {
  color: var(--Colours-Colour-1, #00375a);
}
.news-meta a.cat-esg,
.cat-esg {
  color: var(--Colours-Colour-5, #168666);
}
.news-card h3 {
  margin-bottom: 2rem;
  font-weight: 500;
}
@media (min-width: 992px) {
  .articles-carousel {
    margin-right: calc(-50vw + 50%);
  }
}
@media (max-width: 768px) {
  .articles-carousel {
    padding-bottom: 5rem;
  }

  .articles-carousel .splide__arrows button {
    top: unset;
    transform: unset;
    bottom: 0;
  }

  .news-card {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .news-card .cta-arrow {
    margin-top: auto;
  }
}

/*---------------------
  News  Page
-----------------------*/
.news-featured-story-section {
  padding: 160px 0 50px 0;
}

.news-featured-story-section .news-meta,
.news-story-section .news-meta {
  margin: 24px 0 48px 0;
}

.news-featured-story-section .news-img,
.news-story-section .news-img {
  width: 100%;
  height: unset;
  object-fit: cover;
  aspect-ratio: unset;
}
.news-featured-story-section .news-img-link:hover .news-img,
.news-story-section .news-img-link:hover .news-img {
  transform: unset;
}
.news-related-section {
  padding: 0 0 140px 0;
}
.news-related-section .section-subtitle {
  padding-bottom: 60px;
}

.news-story-section {
  padding: 160px 0 0 0;
}
.news-content {
  line-height: 150%;
  padding-top: 80px;
}
.back-page {
  margin: 80px 0;
  padding: 20px 0 20px 9%;
  border-top: 1px solid var(--Colours-Grey-CCC, #ccc);
  border-bottom: 1px solid var(--Colours-Grey-CCC, #ccc);
}

/*---------------------
  About Page
-----------------------*/
.corporate-section {
  padding-bottom: 50px;
}
.profile-img {
  width: 304px;
  max-height: 304px;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 24px 4px;
  margin-bottom: 28px;
}
.modal-profile-img {
  border-radius: 24px 4px;
}
.profile-img.bod,
.modal-profile-img.bod {
  /*background: linear-gradient(180deg, #0076C2 0%, #00375A 100%);*/
}
.profile-img.lt,
.modal-profile-img.lt {
  background: linear-gradient(180deg, var(--Colours-Grey-CCC, #ccc) 0%, var(--Colours-Grey-777, #777) 100%);
}

.mission-section {
  padding: 100px 0 80px 0;
}
.mission-section .sticky-text {
  top: 100px !important;
  font-size: 80px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -1.6px;
  margin-bottom: 200px;
  padding-left: 100px;
}
.mission-section .sticky-text .line1 {
  padding-left: 0px;
}
.mission-section .overlay-row {
  background: #fff;
}
@media (max-width: 1200px) {
  .mission-section .sticky-text {
    font-size: 70px;
    padding-left: 80px;
  }
}
@media (max-width: 992px) {
  .mission-section .sticky-text {
    font-size: 60px;
    padding-left: 70px;
  }
}
@media (max-width: 768px) {
  .mission-section .sticky-text {
    font-size: 50px;
    margin-bottom: 100px;
    padding-left: 40px;
  }
}
@media (max-width: 576px) {
  .mission-section .sticky-text {
    font-size: 30px;
  }
}

.vision-global-section {
  margin: 80px 0 100px 0;
}

.heritage-section {
  margin-top: 100px;
  padding: 140px 0;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.heritage-section::after {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
}
.heritage-section .row {
  z-index: 1;
  position: relative;
}
.heritage-section h1 {
  color: var(--Colours-Highlight-2, #00c3ff);
}

.company {
  margin: 0;
}
.company::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 992px) {
  .company-logo {
    max-width: 190px;
  }
}

.features-capabilities-section {
  padding: 80px 0 50px 0;
}

/*---------------------
  Heritage Page
-----------------------*/
.heritage-year {
  border-radius: 0 2px 2px 0;
  background: var(--Colours-Colour-1, #00375a);
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 8px;
  margin-left: -16px;
}
.heritage-year.red {
  background: var(--Colours-Highlight-1, #ff0032);
}
.heritage-year.blue {
  background: var(--Colours-Highlight-2, #00c3ff);
  font-weight: 600;
}

.heritage-section-2028 {
  margin-top: 100px;
  padding: 240px 0;
  position: relative;
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.heritage-section-2028::after {
  content: "";
  position: absolute;
  background: linear-gradient(270deg, #0076c2e0 0%, #00375ad6 100%);
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
}
.heritage-section-2028 .row {
  z-index: 1;
  position: relative;
}
.heritage-section-date-space {
  margin-bottom: 16px;
}

.brewhouse-section {
  overflow: visible;
  position: relative;
  margin-bottom: 400px;
}
.brewhouse-image-wrapper {
  position: relative;
}

.brewhouse-main {
  width: 130%;
  max-width: unset;
  position: relative;
  left: -35%;
  border-radius: 0 4px 24px 0;
}
.brewhouse-overlay {
  position: absolute;
  bottom: -300px;
  left: 45%;
  transform: translateX(-20%);
  width: 60%;
  z-index: 3;
}

.gradient-border-image {
  overflow: hidden;
  border-radius: 48px 8px;
}
.gradient-border-image::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 48px 8px;
  padding: 2px;
  background: linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}

@media (max-width: 1199px) {
  .brewhouse-overlay {
    bottom: -350px;
  }
}
@media (max-width: 992px) {
  .brewhouse-section {
    margin-bottom: 50px;
  }
  .brewhouse-main {
    width: 100%;
    left: 0;
  }

  .brewhouse-overlay {
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%;
    margin-top: -40px;
  }
}

/*---------------------
  Card Text Overlay
-----------------------*/
.card-text-overlay {
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.card-text-overlay.first {
  border-radius: 44px 8px 8px 8px;
}
.card-text-overlay.last {
  border-radius: 8px 8px 44px 8px;
}
.card-text-overlay:hover {
}

/* Dark overlay */
.card-text-overlay .card-img-overlay,
.card-text-overlay:not(.active):hover .card-img-overlay {
  background: rgba(0, 0, 0, 0.35);
  transition: background 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* keep toggle at bottom */
  padding: 40px 24px 24px 24px;
}

.card-text-overlay:hover .card-img-overlay,
.card-text-overlay.active .card-img-overlay {
  background: rgba(0, 0, 0, 0.65);
  padding: 40px 24px 24px 24px;
}

/* Content (title + text) */
.card-text-overlay .content,
.card-text-overlay:not(.active):hover .content {
  transition: transform 0.6s ease;
}

.card-text-overlay:hover .content,
.card-text-overlay.active .content {
  transform: translateY(0%); /* slide content up */
}

/* Title */
.card-text-overlay .card-title {
  color: #fff;
  margin: 0 0 0.5rem 0;
}
.card-text-overlay h1.card-title {
  font-weight: 400;
}
.card-text-overlay h1.card-title::first-letter {
  font-weight: 600;
}

/* Text (hidden initially, expand on hover) */
.card-text-overlay .card-text,
.card-text-overlay:not(.active) .card-text {
  color: #fff;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.6s ease, max-height 0.6s ease;
}

.card-text-overlay:hover .card-text,
.card-text-overlay.active .card-text {
  opacity: 1 !important ;
  max-height: 200px !important; /* adjust to fit text */
  transform: translateY(0);
  margin-bottom: 1rem;
}

/* Toggle + / - (fixed at bottom) */
.card-text-overlay .toggle {
  display: block;
  text-align: left;
  margin-top: 0.5rem;
  cursor: pointer;
}

.card-text-overlay .toggle::after,
.card-text-overlay:not(.active):hover .toggle::after {
  content: "+";
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  transition: transform 0.6s ease;
}
.card-text-overlay:hover .toggle::after,
.card-text-overlay.active .toggle::after {
  content: "-";
  transform: rotate(-180deg);
}

/*---------------------
  Contact Form Page
-----------------------*/
.direct-contact-section {
  padding: 160px 0 80px 0;
}
.contact-form-section {
  background: #ebeff2;
  padding: 80px 0;
}
.contact-form-section.white {
  background: #ffffff;
}
.form-label {
  font-size: 16px;
  color: var(--Colours-Grey-777, #777);
  padding: 10px 20px;
  margin: 0;
}

.form-control,
.form-select,
textarea {
  font-size: 16px;
  color: var(--Colours-Grey-777, #777);
  padding: 20px;
  border-radius: 6px 1px;
  border: 1px solid var(--Colours-Colour-1, #00375a);
  background: #ffffff;
  line-height: 150%; /* 24px */
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border: 2px solid var(--Colours-Colour-1, #00375a);
  outline: 0;
  box-shadow: none;
}
.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.form-control::placeholder,
textarea::placeholder {
  color: var(--Colours-Grey-CCC, #ccc);
}

.form-check-input {
  width: 32px;
  height: 32px;
  border-radius: 6px 1px !important;
  border: 1px solid var(--Colours-Colour-1, #00375a);
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  cursor: pointer;
  outline: none;
  background: none;
}
.form-check-input:checked {
  background: none;
  border: 1px solid var(--Colours-Colour-1, #00375a);
}
.form-check-input:checked::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 3px;
  width: 9px;
  height: 19px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-check-label {
  font-size: 16px;
  color: #000;
  margin-left: 0.5rem;
}
.upload-field {
  border: 1px solid #0d4b6d;
  border-radius: 6px 1px;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: white;
}
.upload-field input[type="file"] {
  flex: 1;
  border: none;
  padding: 0.375rem 0.75rem;
  outline: none;
}
.upload-field input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
  display: none;
}
.upload-field label {
  background-color: #777777;
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 40px;
  cursor: pointer;
  margin-left: auto;
  font-size: 14px;
}

/*---------------------
  Brands Section
-----------------------*/
.trade-partners-section {
  background: linear-gradient(0deg, rgba(0, 195, 255, 0.25) 0%, rgba(0, 195, 255, 0) 91.35%);
  padding: 60px 0 120px 0;
}
.shop-connect-section {
  padding: 120px 0 80px 0;
}
.external-section-logos {
  border-radius: 12px 2px;
  background: linear-gradient(180deg, var(--Colours-Grey-CCC, #ccc) 0%, var(--Colours-Grey-777, #777) 100%);
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background 0.6s ease;
  margin-bottom: 36px;
}
.external-section-logos:hover {
  transition: background 0.3s ease;
  background: var(
    --Gradient-BLUE,
    linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%)
  );
}
.external-section-logos img {
  transition: transform 0.3s ease;
  transform: scale(0.8);
}
.external-section-logos:hover img {
  transform: scale(1);
}
.ext-link h6 {
  color: var(--Colours-Colour-1, #00375a);
  font-size: var(--Type-H6, 20px);
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 16px;
}

/* Brands Carousel----------------------*/
.brand-section {
  overflow: hidden;
  padding-bottom: 50px;
}
.our-brands-section {
  overflow: hidden;
  padding-bottom: 50px;
}
.brands-carousel .splide__track,
.brands-carousel .splide__list,
.brands-carousel .splide__slide {
  overflow: visible !important;
}
.brands-carousel .splide__slide {
  transition: transform 0.35s ease;
  width: 224px;
}
@media (min-width: 992px) {
  .brands-carousel {
    margin-right: calc(-50vw + 50%);
  }
}
.brands-carousel .splide__track {
  -webkit-mask-image: linear-gradient(to right, black 0%, black 80%, transparent 100%);
  mask-image: linear-gradient(to right, black 0%, black 80%, transparent 100%);
}
/* When a slide is hovered, push ONLY the ones to its right */
.brands-carousel .splide__slide:hover ~ .splide__slide {
  transform: translateX(10%);
}
.brand-card {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
  border-radius: 4px;
  height: 448px;
  z-index: 0;
}
.brand-card:hover {
  z-index: 3;
}
.brand-card .scale-group {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  transform-origin: left center;
}
.brand-card:hover .scale-group {
  transform: scale(1.1);
  border-radius: 8px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.4);
}
.brand-card .scale-group img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.brand-card .scale-group .overlay-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.brand-card .overlay-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
  padding: 18px 16px;
  color: #fff;
  font-weight: 600;
  text-align: left;
  pointer-events: none;
}
.brand-card .overlay-content h5 {
  display: block;
  z-index: 2;
  font-weight: 700;
}
.brand-card .overlay-content::after {
  content: "";
  display: block;
  width: 25px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='14' viewBox='0 0 25 14' fill='none'%3E%3Cpath d='M15 12L21.9146 7.6784C22.2745 7.45344 22.4545 7.34096 22.5162 7.19695C22.5701 7.07118 22.5701 6.92882 22.5162 6.80305C22.4545 6.65904 22.2745 6.54656 21.9146 6.3216L15 2' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2 6.875L22 6.875' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  opacity: 0.8;
  transform: translateX(0px) scaleX(0.85);
  transition: background-image 0.25s linear, width 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
}
.brand-card:hover .overlay-content::after {
  width: 53px;
  opacity: 1;
  transform: translateX(0) scaleX(1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='14' viewBox='0 0 53 14' fill='none'%3E%3Cpath d='M43 12L49.9146 7.6784C50.2745 7.45344 50.4545 7.34096 50.5162 7.19695C50.5701 7.07118 50.5701 6.92882 50.5162 6.80305C50.4545 6.65904 50.2745 6.54656 49.9146 6.3216L43 2' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2 6.875H50' stroke='%23FF0032' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
.brands-carousel .splide__arrow--prev {
  left: -5em;
}
@media (max-width: 992px) {
  .brands-carousel .splide__arrow--prev {
    left: 1em;
  }
}

/* Own Brand Carousel----------------------*/
.own-brand-carousel .splide__slide img {
  border-radius: 12px 2px;
}

@media (max-width: 992px) {
  .brand-card {
    height: 380px;
  }
  .brands-carousel .splide__slide {
    width: 180px;
  }
  .brand-card .overlay-content h5 {
    font-size: 18px;
    font-weight: 600;
  }
}

.our-brands-section {
}
.our-brands-portfolio-section {
  padding: 60px 0 0 0;
}

/*---------------------
  Awards
-----------------------*/
.awards-section {
  padding: 90px 0;
}
.awards-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.award-icon {
  text-align: center;
  font-size: 14px;
  color: var(--Colours-Grey-777, #777);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 0 15px;
  white-space: nowrap;
}
.award-icon img {
  max-height: 130px;
  width: auto !important;
}
.award-title {
  font-weight: 600;
  margin: 0;
}
.award-caption {
  font-weight: 400;
}
.awards-carousel .splide__slide {
  width: auto;
}

/*---------------------
  Careers Page
-----------------------*/

.careers-vacancies-section {
  padding: 0px 0 80px 0;
}
.vacancy-listing,
.listing {
  border-bottom: 1px solid var(--Colours-Grey-CCC, #ccc);
  padding: 32px 0 20px 0;
  margin: 0;
}
.cream-accordian .listing {
  border-bottom: 1px solid var(--Colours-Grey-777, #777);
}
.accordion-collapse .accordion-collapse .listing {
  margin-left: 16%;
}
.vacancy-listing a,
.listing a {
  text-decoration: none;
  color: var(--Colours-Colour-1, #00375a);
}
.vacancy-content {
  padding: 60px 0 0 0;
}
.vacancy-content::before,
.vacancy-content::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, #00375a 0%, rgba(0, 0, 0, 0) 100%);
}
.date-category {
  color: #000000;
  padding-bottom: 10px;
  font-size: 14px;
}

.faqs-section {
  padding: 80px 0;
}

.faq-button,
.accordion-title {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 40px 70px 0 40px;
  color: #000000;
  font-size: var(--Type-H5, 24px);
  font-weight: 700;
  line-height: 120%;
}
.faq-button::after,
.accordion-title::after {
  content: "+";
  position: absolute;
  right: 40px;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  transition: transform 0.3s, content 0.3s;
}
.accordion-collapse .accordion-title::after {
  content: "+";
  position: absolute;
  right: 0px;
}
.accordion-collapse .accordion-title {
  border-bottom: 1px solid var(--Colours-Grey-777, #777);
  padding: 0px 70px 0 0px;
  border-radius: 0 !important;
}
.accordion-collapse .accordion-title .listing {
  width: 100%;
  border: none;
}

.faq-button[aria-expanded="true"]::after,
.accordion-title[aria-expanded="true"]::after {
  content: "-";
  transform: rotate(180deg);
}
.accordion-item {
  border: 0;
  border-bottom: 1px solid var(--Colours-Grey-CCC, #ccc);
  padding-bottom: 40px;
}
.cream-accordian .accordion-item {
  border-bottom: 0px;
}
.accordion-collapse .accordion-item {
  padding-bottom: 0;
}
.accordion-button:not(.collapsed),
.accordion-button.collapsed {
  background: none;
  box-shadow: none;
  color: #000000;
}
.accordion-collapse {
  padding-left: 40px;
}
.cream-accordian .accordion-collapse .accordion-collapse {
  padding: 0 !important;
}
.accordion-body {
  padding: 20px 0 0 0;
}
.accordion-collapse .accordion-body {
  padding: 0 0 20px 0;
}
.cream-accordian .accordion-collapse {
  padding: 0 40px;
}
.accordion-button::after {
  background-image: none !important;
  width: unset;
  height: unset;
}
.accordion-item:last-of-type {
  border-radius: 0;
}
@media (max-width: 992px) {
  .faq-button,
  .accordion-title {
    font-size: 20px;
    font-weight: 600;
  }
}

.testimonials-section {
  padding: 100px 0;
  background: -webkit-linear-gradient(180deg, #0076c2 0%, #00375a 100%); /* For Safari, older Chrome, and older Opera */
  background: -moz-linear-gradient(180deg, #0076c2 0%, #00375a 100%); /* For older Firefox */
  background: linear-gradient(180deg, #0076c2 0%, #00375a 100%); /* Standard syntax */
  background: var(
    --Gradient-BLUE-Darker,
    linear-gradient(180deg, #0076c2 0%, #00375a 100%)
  ); /* Using CSS variable fallback */
  color: #ffffff;
}
.testimonials-section .section-subtitle {
  color: var(--Colours-Highlight-2, #00c3ff);
}
.testimonials-section .section-subtitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M10.0209 0C10.0209 0 11.9082 3.6294 12.8622 4.39627C12.8612 4.39594 12.8436 4.39063 12.8121 4.38108C12.818 4.38603 12.8235 4.39153 12.8294 4.39627C12.8038 4.38824 11.5494 3.99541 10.5362 3.9184L10.5686 4.18142C10.6476 4.61652 10.7223 5.03497 10.7937 5.43793C11.1039 6.84938 11.4712 8.24181 11.7689 9.48785C12.2835 11.6856 13.3663 12.1359 13.9129 12.2279H14.3097L17.4827 3.90582C16.6377 3.75278 15.0127 4.35248 15.0058 4.35503C15.0108 4.34937 15.4081 3.89716 16.3028 2.66797C17.2388 1.46873 16.7417 0.316189 16.5803 0.00911458L20 5.40365C19.6007 4.87405 19.2786 4.65218 18.6612 4.30425V4.29427L17.203 14.0577L12.0046 15.2639V16H7.99538V15.2639L2.79696 14.0577L1.33878 4.29427V4.30425C0.721447 4.65218 0.39927 4.87405 0 5.40365L3.41974 0.00911458C3.25834 0.31619 2.76121 1.46873 3.69718 2.66797C4.59188 3.89717 4.98925 4.34937 4.99423 4.35503C4.98734 4.35249 3.36235 3.75278 2.51731 3.90582L5.69025 12.2279H6.08709C6.63374 12.1359 7.71651 11.6856 8.23109 9.48785C8.52876 8.24183 8.89571 6.84935 9.20588 5.43793C9.27728 5.03495 9.35237 4.61654 9.43137 4.18142L9.46334 3.9184C8.45026 3.99549 7.19616 4.38824 7.17063 4.39627C7.17644 4.3916 7.18162 4.38596 7.1875 4.38108C7.15622 4.39055 7.13882 4.39594 7.13778 4.39627C8.09183 3.6294 9.97914 0 9.97914 0C9.98038 0.00237138 9.98778 0.0154652 10 0.0386285C10.0122 0.0154652 10.0196 0.00237142 10.0209 0Z' fill='%2300C3FF'/%3E%3C/svg%3E");
}
.testimonial-name {
  font-weight: 400;
  font-size: var(--Type-Body, 16px);
}
.testimonial-name strong {
  color: var(--Colours-Highlight-2, #00c3ff);
}

/*---------------------
  Grow with us Section
-----------------------*/
.gwu-section {
  background-size: cover;
  padding: 350px 0 0 0;
  margin-bottom: 400px;
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 850px;
}
.gwu-section .overlay-card {
  transform: translateY(200px);
  padding: 84px 112px;
  max-width: unset;
}
.gwu-section .section-subtitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M10.0209 0C10.0209 0 11.9082 3.6294 12.8622 4.39627C12.8612 4.39594 12.8436 4.39063 12.8121 4.38108C12.818 4.38603 12.8235 4.39153 12.8294 4.39627C12.8038 4.38824 11.5494 3.99541 10.5362 3.9184L10.5686 4.18142C10.6476 4.61652 10.7223 5.03497 10.7937 5.43793C11.1039 6.84938 11.4712 8.24181 11.7689 9.48785C12.2835 11.6856 13.3663 12.1359 13.9129 12.2279H14.3097L17.4827 3.90582C16.6377 3.75278 15.0127 4.35248 15.0058 4.35503C15.0108 4.34937 15.4081 3.89716 16.3028 2.66797C17.2388 1.46873 16.7417 0.316189 16.5803 0.00911458L20 5.40365C19.6007 4.87405 19.2786 4.65218 18.6612 4.30425V4.29427L17.203 14.0577L12.0046 15.2639V16H7.99538V15.2639L2.79696 14.0577L1.33878 4.29427V4.30425C0.721447 4.65218 0.39927 4.87405 0 5.40365L3.41974 0.00911458C3.25834 0.31619 2.76121 1.46873 3.69718 2.66797C4.59188 3.89717 4.98925 4.34937 4.99423 4.35503C4.98734 4.35249 3.36235 3.75278 2.51731 3.90582L5.69025 12.2279H6.08709C6.63374 12.1359 7.71651 11.6856 8.23109 9.48785C8.52876 8.24183 8.89571 6.84935 9.20588 5.43793C9.27728 5.03495 9.35237 4.61654 9.43137 4.18142L9.46334 3.9184C8.45026 3.99549 7.19616 4.38824 7.17063 4.39627C7.17644 4.3916 7.18162 4.38596 7.1875 4.38108C7.15622 4.39055 7.13882 4.39594 7.13778 4.39627C8.09183 3.6294 9.97914 0 9.97914 0C9.98038 0.00237138 9.98778 0.0154652 10 0.0386285C10.0122 0.0154652 10.0196 0.00237142 10.0209 0Z' fill='%2300C3FF'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .gwu-section .overlay-card {
    padding: 50px 45px;
  }
}

.testimonials-video-placeholder {
  position: relative;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 48px 8px;
  background-size: cover;
  aspect-ratio: 16 / 9;
}
.testimonials-video-placeholder img,
.testimonials-video-placeholder iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  display: block;
}
.testimonials-video-placeholder .testimonials-video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 122px;
  height: 122px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='122' viewBox='0 0 122 122' fill='none'%3E%3Cg opacity='1'%3E%3Cmask id='mask0_2821_8105' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='122' height='122'%3E%3Cpath d='M61 121C94.138 121 121 94.138 121 61C121 27.862 94.138 1 61 1C27.862 1 1 27.862 1 61C1 94.138 27.862 121 61 121Z' fill='white' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M49 60.9949V40.2109L67 50.6029L85 60.9949L67 71.3869L49 81.7789V60.9949Z' fill='black' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2821_8105)'%3E%3Cpath d='M-11 -11H133V133H-11V-11Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: translate(-50%, -50%);
  opacity: 0.8;
  transition: opacity 0.3s;
}
.testimonials-video-placeholder:hover .testimonials-video-play-button {
  opacity: 1;
}

/*---------------------
  Filters
-----------------------*/
.filter-bar ul {
  margin: 0;
}
.filter-bar .nav-link,
.filter-mobile .nav-link {
  border-radius: 20px;
  padding: 10px 12px;
  font-size: var(--Type-Nav-1, 16px);
  font-weight: 500;
  color: var(--Colours-Grey-777, #777);
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.filter-bar .nav-link.active,
.filter-bar .nav-link.active:hover,
.filter-mobile .nav-link.active,
.filter-mobile .nav-link.active:hover {
  background: var(--Colours-Colour-1, #00375a);
  color: #fff;
  -webkit-text-fill-color: #ffffff;
}
.filter-bar .nav-link:hover {
  background: var(
    --Gradient-BLUE,
    linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* make pills horizontally scrollable on small screens */
.filter-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth on iOS */
}
.filter-scroll::-webkit-scrollbar {
  display: none; /* hide scrollbar */
}

.filter-mobile-trigger {
  display: inline-flex;
  height: 16px;
  padding: 10px 24px 10px 0;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}
.filter-mobile-trigger::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%23FF0032'/%3E%3Cpath d='M9.15552 16V8M22.8444 24V21M9.15552 24V20M22.8444 17V8M16 11V8M16 24V15' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M9.15551 20C10.2355 20 11.1111 19.1046 11.1111 18C11.1111 16.8954 10.2355 16 9.15551 16C8.07548 16 7.19995 16.8954 7.19995 18C7.19995 19.1046 8.07548 20 9.15551 20Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 15C17.08 15 17.9555 14.1046 17.9555 13C17.9555 11.8954 17.08 11 16 11C14.92 11 14.0444 11.8954 14.0444 13C14.0444 14.1046 14.92 15 16 15Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M22.8445 21C23.9245 21 24.8 20.1046 24.8 19C24.8 17.8954 23.9245 17 22.8445 17C21.7644 17 20.8889 17.8954 20.8889 19C20.8889 20.1046 21.7644 21 22.8445 21Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.filter-offcanvas {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 10px 0 40px 0 rgba(0, 0, 0, 0.8);
  border-right: none;
  padding: 5% 10px 10px 10px;
}
.filter-offcanvas .btn-close {
  width: 23px;
  height: 23px;
  opacity: 1;
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M22.3125 12.1048C22.4522 11.9745 22.5649 11.818 22.6441 11.6442C22.7234 11.4704 22.7676 11.2826 22.7743 11.0917C22.781 10.9008 22.75 10.7104 22.6831 10.5315C22.6162 10.3525 22.5147 10.1885 22.3845 10.0488C22.2542 9.90907 22.0977 9.79637 21.9238 9.71713C21.75 9.6379 21.5623 9.59367 21.3714 9.58698C21.1805 9.5803 20.9901 9.61128 20.8111 9.67817C20.6322 9.74505 20.4682 9.84653 20.3285 9.9768L16.0725 13.9448L12.1045 9.68734C11.839 9.41541 11.4776 9.25819 11.0976 9.24933C10.7177 9.24047 10.3493 9.38067 10.0715 9.63993C9.79356 9.89919 9.62818 10.2569 9.6107 10.6366C9.59322 11.0162 9.72503 11.3876 9.97792 11.6713L13.9459 15.9273L9.68846 19.8953C9.5438 20.0243 9.42637 20.1809 9.34305 20.3558C9.25974 20.5308 9.21224 20.7206 9.20332 20.9142C9.19441 21.1078 9.22427 21.3012 9.29115 21.4831C9.35803 21.665 9.46058 21.8317 9.59278 21.9734C9.72498 22.1151 9.88416 22.2289 10.061 22.3083C10.2378 22.3876 10.4287 22.4308 10.6224 22.4353C10.8162 22.4398 11.0088 22.4056 11.1892 22.3346C11.3695 22.2636 11.5338 22.1573 11.6725 22.0219L15.9285 18.0553L19.8965 22.3113C20.0246 22.4587 20.1811 22.5787 20.3566 22.6643C20.5321 22.7499 20.723 22.7992 20.918 22.8094C21.1129 22.8196 21.308 22.7905 21.4915 22.7237C21.6749 22.657 21.8431 22.5539 21.9859 22.4208C22.1287 22.2876 22.2433 22.1271 22.3227 21.9488C22.4022 21.7704 22.4449 21.5779 22.4484 21.3827C22.4518 21.1874 22.4159 20.9935 22.3429 20.8125C22.2698 20.6314 22.161 20.4669 22.023 20.3288L18.0565 16.0728L22.3125 12.1048Z' fill='%23C20E19'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16C0 7.16364 7.16364 0 16 0C24.8364 0 32 7.16364 32 16C32 24.8364 24.8364 32 16 32C7.16364 32 0 24.8364 0 16ZM16 29.0909C14.2809 29.0909 12.5786 28.7523 10.9903 28.0944C9.40206 27.4365 7.95893 26.4723 6.74333 25.2567C5.52773 24.0411 4.56346 22.5979 3.90558 21.0097C3.2477 19.4214 2.90909 17.7191 2.90909 16C2.90909 14.2809 3.2477 12.5786 3.90558 10.9903C4.56346 9.40206 5.52773 7.95893 6.74333 6.74333C7.95893 5.52773 9.40206 4.56346 10.9903 3.90558C12.5786 3.2477 14.2809 2.90909 16 2.90909C19.4719 2.90909 22.8016 4.28831 25.2567 6.74333C27.7117 9.19835 29.0909 12.5281 29.0909 16C29.0909 19.4719 27.7117 22.8016 25.2567 25.2567C22.8016 27.7117 19.4719 29.0909 16 29.0909Z' fill='%23C20E19'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.filter-mobile .nav {
  flex-direction: column;
  align-items: flex-start;
}

/*---------------------
  Filter Sidebar
-----------------------*/
/* Scope everything inside filter-sidebar */
.filter-sidebar {
}
.filter-sidebar .filter-title {
  color: var(--Colours-Black, #000);
  font-size: var(--Type-Nav-1, 16px);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 12px;
}
.filter-sidebar .filter-title::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3E%3Cpath d='M0 1.8C0 1.32261 0.189642 0.864773 0.527208 0.527208C0.864773 0.189642 1.32261 0 1.8 0H22.2C22.6774 1.00602e-08 23.1352 0.189642 23.4728 0.527208C23.8104 0.864773 24 1.32261 24 1.8C24 2.27739 23.8104 2.73523 23.4728 3.07279C23.1352 3.41036 22.6774 3.6 22.2 3.6H1.8C1.32261 3.6 0.864773 3.41036 0.527208 3.07279C0.189642 2.73523 0 2.27739 0 1.8ZM4.8 9C4.8 8.52261 4.98964 8.06477 5.32721 7.72721C5.66477 7.38964 6.12261 7.2 6.6 7.2H17.4C17.8774 7.2 18.3352 7.38964 18.6728 7.72721C19.0104 8.06477 19.2 8.52261 19.2 9C19.2 9.47739 19.0104 9.93523 18.6728 10.2728C18.3352 10.6104 17.8774 10.8 17.4 10.8H6.6C6.12261 10.8 5.66477 10.6104 5.32721 10.2728C4.98964 9.93523 4.8 9.47739 4.8 9ZM10.2 14.4C9.72261 14.4 9.26477 14.5896 8.92721 14.9272C8.58964 15.2648 8.4 15.7226 8.4 16.2C8.4 16.6774 8.58964 17.1352 8.92721 17.4728C9.26477 17.8104 9.72261 18 10.2 18H13.8C14.2774 18 14.7352 17.8104 15.0728 17.4728C15.4104 17.1352 15.6 16.6774 15.6 16.2C15.6 15.7226 15.4104 15.2648 15.0728 14.9272C14.7352 14.5896 14.2774 14.4 13.8 14.4H10.2Z' fill='%2300375A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.filter-sidebar .accordion-collapse {
  padding-left: 0px;
}
.filter-sidebar .accordion-button {
  background: none !important;
  box-shadow: none !important;
  padding: 0;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--Colours-Grey-777, #777);
}
.filter-sidebar .accordion-button::after {
  flex-shrink: 0;
  width: 10px;
  height: 12px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' viewBox='0 0 10 12' fill='none'%3E%3Cpath d='M1 4.5L4.33436 9.50154C4.55692 9.83538 4.6682 10.0023 4.80847 10.0605C4.93109 10.1113 5.06891 10.1113 5.19154 10.0605C5.3318 10.0023 5.44308 9.83538 5.66564 9.50154L9 4.5' stroke='%23777777' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.2s;
  content: "";
}
.filter-sidebar .accordion-button:not(.collapsed) {
  color: var(--Colours-Colour-1, #00375a);
}
.filter-sidebar .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' viewBox='0 0 10 12' fill='none'%3E%3Cpath d='M1 4.5L4.33436 9.50154C4.55692 9.83538 4.6682 10.0023 4.80847 10.0605C4.93109 10.1113 5.06891 10.1113 5.19154 10.0605C5.3318 10.0023 5.44308 9.83538 5.66564 9.50154L9 4.5' stroke='%2300375A' stroke-linecap='round'/%3E%3C/svg%3E");
}
.filter-sidebar .accordion-item {
  border-color: var(--Colours-Grey-CCC, #ccc) !important;
  border-radius: 0px;
  padding: 8px 0 18px 0;
}
.filter-sidebar .form-check {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.filter-sidebar .form-check-input {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  margin-right: 0.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='11' cy='11' r='10' stroke='%23777777' stroke-width='2'/%3E%3C/svg%3E")
    no-repeat center center;
  background-size: contain;
  cursor: pointer;
  border: none;
}
.filter-sidebar .form-check-input:checked {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M20.9998 12.1908C20.1999 16.1947 17.1841 19.9648 12.9523 20.8072C10.8885 21.2187 8.74752 20.9678 6.83436 20.0903C4.92119 19.2129 3.33334 17.7536 2.29689 15.9202C1.26043 14.0868 0.828222 11.9728 1.06179 9.87916C1.29536 7.78556 2.18281 5.81909 3.59777 4.25976C6.49997 1.05982 11.4004 0.178954 15.4002 1.78053' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.40088 10.5892L11.4006 14.5931L21 4.18286' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center center;
  background-size: contain;
}
.filter-sidebar .form-check-input:checked + .form-check-label {
  font-weight: 500;
}
.filter-sidebar .form-check-input:checked::after {
  display: none;
}
.filter-sidebar .form-check-input:focus {
  border: 0;
  box-shadow: none;
}

/*---------------------
  Right Sidebar
-----------------------*/
.right-sidebar {
  border-left: 1px solid var(--Colours-Grey-CCC, #ccc);
}

/*---------------------
  Modal Popup
-----------------------*/
.modal-content {
  border-radius: 24px 4px;
  animation: slideDown 0.2s ease-out;
  padding: 80px;
  position: relative;
}
.modal-body {
  padding: 0px;
}

@media (max-width: 992px) {
  .modal-content {
    padding: 50px;
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-550px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.custom-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.7344 9.07842C16.8392 8.98072 16.9237 8.86333 16.9831 8.73296C17.0426 8.60259 17.0757 8.46179 17.0807 8.31861C17.0858 8.17542 17.0625 8.03264 17.0124 7.89844C16.9622 7.76423 16.8861 7.64122 16.7884 7.53642C16.6907 7.43163 16.5733 7.3471 16.4429 7.28767C16.3125 7.22825 16.1717 7.19508 16.0286 7.19006C15.8854 7.18505 15.7426 7.20829 15.6084 7.25845C15.4742 7.30861 15.3512 7.38472 15.2464 7.48242L12.0544 10.4584L9.07838 7.26533C8.87925 7.06138 8.60821 6.94347 8.32325 6.93682C8.03828 6.93017 7.76204 7.03533 7.55362 7.22977C7.3452 7.42422 7.22117 7.69252 7.20806 7.97726C7.19495 8.26199 7.2938 8.54055 7.48347 8.75333L10.4595 11.9453L7.26638 14.9213C7.15788 15.018 7.06981 15.1355 7.00732 15.2667C6.94484 15.3979 6.90921 15.5403 6.90252 15.6855C6.89584 15.8307 6.91823 15.9757 6.96839 16.1122C7.01855 16.2486 7.09547 16.3736 7.19462 16.4799C7.29377 16.5861 7.41315 16.6715 7.54576 16.731C7.67838 16.7905 7.82154 16.8229 7.96684 16.8263C8.11215 16.8297 8.25666 16.804 8.3919 16.7507C8.52714 16.6975 8.65038 16.6178 8.75438 16.5162L11.9464 13.5413L14.9224 16.7333C15.0185 16.8438 15.1358 16.9339 15.2674 16.998C15.3991 17.0622 15.5423 17.0992 15.6885 17.1069C15.8347 17.1146 15.981 17.0927 16.1186 17.0426C16.2562 16.9925 16.3824 16.9153 16.4895 16.8154C16.5966 16.7156 16.6825 16.5952 16.7421 16.4614C16.8017 16.3276 16.8337 16.1832 16.8363 16.0368C16.8389 15.8904 16.812 15.745 16.7572 15.6092C16.7024 15.4734 16.6208 15.35 16.5173 15.2464L13.5424 12.0544L16.7344 9.07842Z' fill='%23777777'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 5.37273 5.37273 0 12 0C18.6273 0 24 5.37273 24 12C24 18.6273 18.6273 24 12 24C5.37273 24 0 18.6273 0 12ZM12 21.8182C10.7107 21.8182 9.43394 21.5642 8.24274 21.0708C7.05155 20.5774 5.9692 19.8542 5.0575 18.9425C4.14579 18.0308 3.42259 16.9485 2.92918 15.7573C2.43577 14.5661 2.18182 13.2893 2.18182 12C2.18182 10.7107 2.43577 9.43394 2.92918 8.24274C3.42259 7.05155 4.14579 5.9692 5.0575 5.0575C5.9692 4.14579 7.05155 3.42259 8.24274 2.92918C9.43394 2.43577 10.7107 2.18182 12 2.18182C14.6039 2.18182 17.1012 3.21623 18.9425 5.0575C20.7838 6.89876 21.8182 9.39606 21.8182 12C21.8182 14.6039 20.7838 17.1012 18.9425 18.9425C17.1012 20.7838 14.6039 21.8182 12 21.8182Z' fill='%23777777'/%3E%3C/svg%3E");
  cursor: pointer;
}
.custom-close:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.7344 9.07854C16.8392 8.98084 16.9237 8.86345 16.9831 8.73308C17.0426 8.60271 17.0757 8.46192 17.0807 8.31873C17.0858 8.17554 17.0625 8.03277 17.0124 7.89856C16.9622 7.76435 16.8861 7.64134 16.7884 7.53654C16.6907 7.43175 16.5733 7.34722 16.4429 7.2878C16.3125 7.22837 16.1717 7.1952 16.0286 7.19019C15.8854 7.18517 15.7426 7.20841 15.6084 7.25857C15.4742 7.30873 15.3512 7.38484 15.2464 7.48254L12.0544 10.4585L9.07838 7.26545C8.87925 7.0615 8.60821 6.94359 8.32325 6.93694C8.03828 6.9303 7.76204 7.03545 7.55362 7.22989C7.3452 7.42434 7.22117 7.69264 7.20806 7.97738C7.19495 8.26212 7.2938 8.54068 7.48347 8.75345L10.4595 11.9455L7.26638 14.9215C7.15788 15.0182 7.06981 15.1356 7.00732 15.2668C6.94484 15.398 6.90921 15.5404 6.90252 15.6856C6.89584 15.8308 6.91823 15.9759 6.96839 16.1123C7.01855 16.2487 7.09547 16.3737 7.19462 16.48C7.29377 16.5863 7.41315 16.6717 7.54576 16.7311C7.67838 16.7906 7.82154 16.823 7.96684 16.8264C8.11215 16.8298 8.25666 16.8041 8.3919 16.7509C8.52714 16.6976 8.65038 16.6179 8.75438 16.5164L11.9464 13.5415L14.9224 16.7335C15.0185 16.844 15.1358 16.934 15.2674 16.9982C15.3991 17.0623 15.5423 17.0994 15.6885 17.107C15.8347 17.1147 15.981 17.0928 16.1186 17.0427C16.2562 16.9927 16.3824 16.9154 16.4895 16.8155C16.5966 16.7157 16.6825 16.5953 16.7421 16.4615C16.8017 16.3277 16.8337 16.1834 16.8363 16.0369C16.8389 15.8905 16.812 15.7451 16.7572 15.6093C16.7024 15.4735 16.6208 15.3501 16.5173 15.2465L13.5424 12.0545L16.7344 9.07854Z' fill='%23C20E19'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 5.37273 5.37273 0 12 0C18.6273 0 24 5.37273 24 12C24 18.6273 18.6273 24 12 24C5.37273 24 0 18.6273 0 12ZM12 21.8182C10.7107 21.8182 9.43394 21.5642 8.24274 21.0708C7.05155 20.5774 5.9692 19.8542 5.0575 18.9425C4.14579 18.0308 3.42259 16.9485 2.92918 15.7573C2.43577 14.5661 2.18182 13.2893 2.18182 12C2.18182 10.7107 2.43577 9.43394 2.92918 8.24274C3.42259 7.05155 4.14579 5.9692 5.0575 5.0575C5.9692 4.14579 7.05155 3.42259 8.24274 2.92918C9.43394 2.43577 10.7107 2.18182 12 2.18182C14.6039 2.18182 17.1012 3.21623 18.9425 5.0575C20.7838 6.89876 21.8182 9.39606 21.8182 12C21.8182 14.6039 20.7838 17.1012 18.9425 18.9425C17.1012 20.7838 14.6039 21.8182 12 21.8182Z' fill='%23C20E19'/%3E%3C/svg%3E");
}

.modal-brand-logo {
  max-height: 90px;
}

@media (max-width: 768px) {
  .modal-dialog {
    margin: 1rem;
    max-width: calc(100vw - 2rem);
    width: calc(100vw - 2rem);
  }

  .modal-content {
    border-radius: 0.5rem;
    max-height: calc(100vh - 2rem);
  }

  .modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/*---------------------
  Footer Section
-----------------------*/
.footer-section {
  background: var(--Gradient-BLUE-Darker, linear-gradient(180deg, #0076c2 0%, #00375a 100%));
  color: #ffffff;
  padding: 60px 0;
  position: relative;
  font-size: 16px;
}
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}
.footer-links li {
  display: inline;
  margin: 0 5px;
}
.footer-links a {
  text-decoration: none;
  color: inherit;
}
.socials {
  margin: 0 10px;
}
.socials:hover img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(98%) saturate(5805%) hue-rotate(343deg) brightness(101%)
    contrast(106%);
}
.credits {
  margin-top: 60px;
}
.credits a {
  color: #ffffff;
  text-decoration: none;
}
.credits a::after {
  content: "";
  display: inline-block;
  width: 31.996px;
  height: 14.989px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='15' viewBox='0 0 32 15' fill='none'%3E%3Cpath d='M31.9291 13.2243H29.829C29.8022 13.2243 29.7783 13.2084 29.768 13.1841L27.8226 8.61963C27.8081 8.58505 27.7673 8.56962 27.7335 8.58551L20.0798 12.1397C20.0648 12.1467 20.053 12.1589 20.0465 12.1738L19.6157 13.1841C19.6054 13.2084 19.581 13.2243 19.5547 13.2243H17.4545C17.4067 13.2243 17.3748 13.1757 17.3935 13.1322L22.9729 0.0401869C22.9832 0.0158879 23.0076 0 23.0339 0H26.3493C26.3761 0 26.4 0.0158879 26.4103 0.0401869L31.9901 13.1322C32.0089 13.1757 31.9765 13.2243 31.9291 13.2243ZM20.5058 0H8.37161C8.33501 0 8.30499 0.0294392 8.30499 0.0663551V13.1584C8.30499 13.1949 8.33455 13.2248 8.37161 13.2248H10.3033C10.3399 13.2248 10.37 13.1953 10.37 13.1584V10.229C10.37 10.2033 10.385 10.1799 10.408 10.1692L17.7455 6.72991C17.7605 6.7229 17.7722 6.71075 17.7783 6.69579L20.5673 0.0920561C20.5856 0.0485981 20.5537 0 20.5058 0ZM4.09056 8.81635L0.0384751 10.7079C0.0150147 10.7187 0 10.7421 0 10.7678V14.9229C0 14.9715 0.0506745 15.0033 0.0947801 14.9832L6.20246 12.1537C6.22592 12.143 6.24094 12.1196 6.24094 12.0935V0.0663551C6.24094 0.0299065 6.21138 0 6.17431 0H4.19566C4.15906 0 4.12903 0.0294392 4.12903 0.0663551V8.75654C4.12903 8.78224 4.11402 8.80561 4.09056 8.81635Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  vertical-align: middle;
}

/*---------------------
  Top Hero Banner
-----------------------*/
.top-hero-banner.static {
  width: 100%;
  border-radius: 0 0 96px 16px;
  overflow: hidden;
  position: relative;
  margin-bottom: 120px;
  height: 90vh;
  min-height: 700px;
}
.top-hero-banner.static img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-hero-banner.static .slide-overlay {
  padding-bottom: 102px;
}

.top-hero-banner.static.heightlarge,
.top-hero-banner.static.heightlarge .splide__slide {
  height: 90vh;
  min-height: 700px;
}
.top-hero-banner.static.heightsmall {
  height: 80vh;
  min-height: 600px;
}
.top-hero-banner.static.heightsmaller {
  height: 70vh;
  min-height: 500px;
}

/*---------------------
  Top Hero Slider
-----------------------*/
.top-hero-banner.splide {
  width: 100%;
  border-radius: 0 0 96px 16px;
  overflow: hidden;
}
.top-hero-banner .splide__slide {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.top-hero-banner .splide__track {
  height: 100%;
}
.top-hero-banner.heightsmall .splide__slide {
  height: 100%;
}
.splide__slide video,
.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-bottom: 120px;
  display: flex;
  align-items: end;
  justify-content: center;
  color: white;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.54) 0%, rgba(255, 255, 255, 0) 48%);
}
.container-bottom-controls {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
.container-bottom-controls .custom-arrows,
.container-bottom-controls .hero-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.hero-pagination .splide__pagination {
  position: relative;
}
.hero-pagination .splide__pagination__page {
  background: #cccccc;
  border-radius: 0px;
  width: 60px;
  height: 4px;
  opacity: 1;
  transition: all 0.4s linear;
}
.hero-pagination .splide__pagination__page.is-active {
  background: #ff0032;
  transform: scale(1);
  height: 8px;
  z-index: 1;
}
.hero-pagination .splide__pagination__page:hover {
  background: #ff0032;
}
.custom-arrows button,
.image-text-slider .splide__arrow {
  border-radius: 50%;
  height: 44px;
  width: 44px;
  border: none;
  opacity: 1;
  background: var(--Colours-Colour-1, #00375a);
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.custom-arrows button#arrow-prev::before,
.custom-arrows button#arrow-prev::after,
.custom-arrows button#arrow-next::before,
.custom-arrows button#arrow-next::after,
.custom-prev::before,
.custom-prev::after,
.custom-next::before,
.custom-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.4s ease;
}
#arrow-prev::before,
#arrow-prev::after,
.custom-prev::before,
.custom-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M13.9316 2.54248L3.08488 9.32171C2.72494 9.54667 2.54498 9.65915 2.48326 9.80315C2.42936 9.92892 2.42936 10.0713 2.48326 10.1971C2.54498 10.3411 2.72494 10.4535 3.08488 10.6785L13.9316 17.4577' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
#arrow-next::before,
#arrow-next::after,
.custom-next::before,
.custom-next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M2.06738 17.4575L12.9141 10.6783C13.2741 10.4533 13.454 10.3409 13.5158 10.1968C13.5697 10.0711 13.5697 9.92871 13.5158 9.80294C13.454 9.65893 13.2741 9.54645 12.9141 9.32149L2.06738 2.54226' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.custom-arrows button#arrow-next,
.custom-arrows button:hover {
  opacity: 1;
  background: var(--Colours-Colour-1, #00375a);
}
.custom-arrows button#arrow-prev::after,
.custom-prev::after {
  opacity: 1;
  transform: translate(calc(-50% - -30px), -50%);
}
.custom-arrows button#arrow-next::after,
.custom-next::after {
  opacity: 0;
  transform: translate(calc(-50% - 30px), -50%);
}
.custom-arrows button#arrow-prev:hover::before,
.custom-prev:hover::before {
  transform: translate(calc(-50% + -30px), -50%);
}
.custom-arrows button#arrow-prev:hover::after,
.custom-arrows button#arrow-next:hover::after,
.custom-prev:hover::after,
.custom-next:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.custom-arrows button#arrow-next:hover::before,
.custom-next:hover::before {
  transform: translate(calc(-50% + 30px), -50%);
}

@media (max-width: 768px) {
  .hero-pagination .splide__pagination__page {
    width: 40px;
  }
}
@media (max-width: 430px) {
  .slide-overlay,
  .top-hero-banner.static .slide-overlay {
    padding-bottom: 80px;
  }
  .hero-cta {
    margin-top: 24px !important;
  }
}
@media (max-width: 390px) {
  .slide-overlay,
  .top-hero-banner.static .slide-overlay {
    padding-bottom: 60px;
  }
  .hero-cta {
    margin-top: 20px !important;
  }
}

.hero-title {
  font-size: var(--Type-Hero-1, 64px);
  font-weight: 600;
  line-height: 130%;
}
.hero-subtitle {
  font-size: var(--Type-Hero-2, 52px);
  font-style: italic;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -1.56px;
}
.hero-cta {
  font-size: var(--Type-Hero-CTA, 22px);
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  margin-top: 44px;
}

.youtube-player-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  container-type: size;
  overflow: hidden;
}

iframe.youtube-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  pointer-events: none;

  @container (min-aspect-ratio: 16/9) {
    height: 56.25cqw;
  }

  @container (max-aspect-ratio: 16/9) {
    width: 177.78cqh;
  }
}

@media (max-width: 1200px) {
  iframe.youtube-player {
    width: calc(100% + 50vw) !important;
  }
}
@media (max-width: 992px) {
  iframe.youtube-player {
    width: calc(100% + 85vw) !important;
  }
}
@media (max-width: 768px) {
  iframe.youtube-player {
    width: calc(100% + 150vw) !important;
  }
}
@media (max-width: 576px) {
  iframe.youtube-player {
    width: calc(100% + 200vw) !important;
  }
}
@media (max-width: 486px) {
  iframe.youtube-player {
    width: calc(100% + 320vw) !important;
  }
}

.parallax-section {
  padding: 350px 0 0 0;
  margin-bottom: 400px;
  position: relative;
  height: 850px;
  background: rgba(0, 55, 90, 0.4);
  background-blend-mode: multiply;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .parallax-section {
    background-attachment: scroll;
  }
}
.parallax-section .overlay-card {
  transform: translateY(200px);
  padding: 84px 112px;
  max-width: unset;
}
.parallax-overlay-image::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 48px 8px;
  padding: 2px;
  background: linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}
.parallax-section .parallax-overlay-image {
  transform: translateY(200px);
  position: relative;
  max-width: 640px;
  border-radius: 48px 8px;
  overflow: hidden;
}

.parallax-section.y1928 {
  padding: 65px 0 0 0;
  margin-bottom: 400px;
}
.parallax-section.y1928 p {
  font-size: 20px;
  font-weight: 500;
}
.parallax-section.y1928 .parallax-overlay-image {
  transform: translateY(560px);
}
.parallax-section.y1928 .parallax-overlay-image::before {
  display: none;
}
@media (max-width: 1199px) {
  .parallax-section.y1928 .parallax-overlay-image {
    transform: translateY(270px);
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .parallax-section.y1928 {
    margin-bottom: 300px;
  }
}
@media (max-width: 400px) {
  .parallax-section.y1928,
  .parallax-section.y1950 {
    margin-bottom: 200px;
  }
}
@media (max-width: 768px) {
  .parallax-section.y1928 .parallax-overlay-image {
    transform: translateY(0px);
    margin-top: 20%;
  }
}

.parallax-section.y1950 .parallax-overlay-image {
  transform: translateY(360px);
}
@media (max-width: 1199px) {
  .parallax-section.y1950 {
    padding: 0;
  }
  .parallax-section.y1950 .parallax-overlay-image {
    transform: translateY(775px);
    margin: 0 auto;
  }
  .heritage-y1950-text {
    margin-top: -70px;
  }
}
@media (max-width: 992px) {
  .heritage-y1950-text {
    margin-top: -100px;
  }
}
@media (max-width: 576px) {
  .heritage-y1950-text {
    margin-top: -70px;
  }
}

.parallax-section.y1995 {
  padding: 100px 0 0 0;
  margin-bottom: 80px;
}
.parallax-section.y2012 {
  padding: 452px 0 0 0;
  margin: 80px 0 400px 0;
}
.parallax-section.y2012 .parallax-overlay-image {
  transform: translateY(95px);
}
@media (max-width: 1199px) {
  .parallax-section.y2012 {
    margin: 80px 0 450px 0;
  }
  .parallax-section.y2012 .parallax-overlay-image {
    transform: translateY(70px);
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .parallax-section.y2012 {
    padding: 260px 0 0 0;
    margin: 80px 0 350px 0;
  }
  .parallax-section.y2012 .parallax-overlay-image {
    transform: translateY(70px);
  }
}

.parallax-section h1 {
  font-size: 64px;
}
@media (max-width: 991px) {
  .parallax-section h1 {
    font-size: 54px;
  }
}
@media (max-width: 576px) {
  .parallax-section h1 {
    font-size: 40px;
  }
}

/*---------------------
  International Page
-----------------------*/
.opportunities-section {
  margin: 0 0 80px 0;
}

/*---------------------
  Map
-----------------------*/
.map-section {
  margin: 80px 0 120px 0;
}
.map-container {
  width: 100%;
}
@media (max-width: 576px) {
  .map-container {
    aspect-ratio: 1 / 1;
  }

  #map_holder {
    height: 100% !important;
  }

  #map_inner {
    height: 100% !important;
  }

  #map,
  #map svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }
}

.sm_location:hover {
  -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.7));
}
.tt_name_sm {
  font-weight: bold;
  color: #ffffff;
  font-family: "Silka", sans-serif;
  text-transform: uppercase;
  -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.5));
}
.xmark_sm {
  display: none !important;
}
.sm_location {
  pointer-events: none;
}

/*---------------------
  Privacy Policy Page
-----------------------*/
.privacy-policy-section {
  padding: 160px 0 80px 0;
}

/*---------------------
  Menus
-----------------------*/

.nav-link:focus-visible {
  outline: 0;
  box-shadow: none;
}
.mega-menu .col {
  margin-bottom: 1rem;
}
.nav-subtitle {
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid var(--Colours-Highlight-1, #ff0032);
  padding-bottom: 8px;
  margin-bottom: 8px;
  color: var(--Colours-Colour-1, #00375a);
}
.nav-subtitle a {
  color: var(--Colours-Colour-1, #00375a);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.nav-subtitle a.red {
  color: var(--Colours-Highlight-1, #ff0032);
}
.nav-subtitle:hover,
.nav-subtitle a:hover {
  color: var(--Colours-Grey-CCC, #cccccc);
}
.dropdown-item {
  padding: 4px 0;
  color: var(--Colours-Colour-1, #00375a);
  transition: color 0.6s ease;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background: none;
  color: var(--Colours-Grey-CCC, #cccccc);
}
.topnav {
  border-bottom: 2px solid var(--Colours-White, #fff);
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  position: fixed;
  width: 100%;
  z-index: 100;
  margin: 0;
  padding: 0;
}
.navbar-nav {
  margin: 0 auto;
}
.navbar-collapse {
  padding-top: 17px;
}
/* Blue pill for all top-level links */
.navbar-nav > .nav-item > .nav-link {
  padding: 10px 12px;
  margin: 0 5px;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: var(--Type-Nav-1, 16px);
  font-weight: 500;
}
.navbar-nav > .nav-item > .nav-link:hover,
.navbar-nav > .nav-item > .nav-link.active:hover,
.navbar-nav > .nav-item > .nav-link.active-pill {
  background: var(--Colours-Colour-1, #00375a);
  color: #fff !important;
  -webkit-text-fill-color: #ffffff;
}
.navbar-nav > .nav-item > .nav-link.active {
  background: var(
    --Gradient-BLUE,
    linear-gradient(180deg, var(--Colours-Highlight-2, #00c3ff) 0%, var(--Colours-Colour-1, #00375a) 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.topnav .dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  margin-left: 6px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 1L4.33436 6.00154C4.55692 6.33538 4.6682 6.5023 4.80847 6.56047C4.93109 6.61133 5.06891 6.61133 5.19154 6.56047C5.3318 6.5023 5.44308 6.33538 5.66564 6.00154L9 1' stroke='%23777777' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
  border: none;
}
.topnav .dropdown-toggle:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 1L4.33436 6.00154C4.55692 6.33538 4.6682 6.5023 4.80847 6.56047C4.93109 6.61133 5.06891 6.61133 5.19154 6.56047C5.3318 6.5023 5.44308 6.33538 5.66564 6.00154L9 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* Arrow rotation for dropdowns */
.topnav .dropdown-toggle::after {
  transition: transform 0.3s ease;
}
.topnav .dropdown-toggle.active-pill::after {
  transform: rotate(180deg);
}

/* Mega menu slide animation */
.dropdown-menu.mega-menu {
  top: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.4s ease, visibility 0.3s ease;
  width: 100%;
  left: 0;
  right: 0;
  padding: 2rem;
  border: none;
  border-radius: 0 0 48px 8px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.dropdown-menu.mega-menu::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.dropdown-menu.mega-menu.show {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}
@media (max-width: 1399.98px) {
  .dropdown-menu.mega-menu {
    position: static !important;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    display: none; /* Start hidden */
    transition: none;
    width: 100%;
    padding: 1rem;
  }
  .dropdown-menu.mega-menu.show {
    max-height: none;
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .navbar-nav.me-auto,
  .navbar-nav.ms-auto {
    margin: 0 0 32px 0 !important;
  }
}

/* >=1500px: full expanded menu, hide toggler */
@media (min-width: 1400px) {
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none !important;
  }
  .topnav {
    height: 90px;
  }
}
@media (min-width: 1300px) and (max-width: 1499.98px) {
  .navbar-brand {
    padding-left: 1% !important;
  }
  .navbar-nav > .nav-item > .nav-link {
    font-size: 13px;
  }
  .navbar-buttons .btn.external {
    padding: 4px 9px;
    font-size: 12px;
  }
  .navbar-buttons .btn.external::after {
    width: 8px;
    height: 8px;
  }
}

/* ONLY in the 1400-1499.98px window: behave like mobile */
@media (min-width: 1300px) and (max-width: 1399.98px) {
  .navbar-expand-xxl .navbar-collapse {
    display: none !important;
  }
  .navbar-expand-xxl .navbar-collapse.show {
    display: block !important;
    flex-basis: 100%;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: block !important;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-xxl {
    flex-wrap: wrap;
  }
  .navbar-buttons.d-xxl-flex {
    display: none !important;
  }
  .navbar-buttons.d-xxl-none {
    display: block !important;
  }
}

.navbar-brand {
  padding-left: 2%;
}
.topnav-header {
  align-items: center;
  justify-content: space-between;
  display: flex;
}

@media (max-width: 1399.98px) {
  .navbar-brand svg {
    width: 110px;
    height: auto;
  }
  .navbar-brand {
    padding: 10px;
  }
  .navbar > .container-fluid {
    padding: 0;
  }
  .topnav-header {
    width: 100%;
    background: #ffffff;
  }
}

/* Remove Bootstrap default icon */
.custom-toggler {
  border: none;
  box-shadow: none;
  padding: 0 10px;
}

/* Icon container */
.custom-toggler .toggler-icon {
  width: 32px;
  height: 32px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  transition: transform 0.35s ease, opacity 0.25s ease;
}

/* CLOSED → Hamburger */
.custom-toggler[aria-expanded="false"] .toggler-icon {
  transform: rotate(0deg);
  opacity: 1;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' stroke='%2300375A' stroke-width='1.5' fill='none'/%3E%3Cline x1='10' y1='12' x2='22' y2='12' stroke='%2300375A' stroke-width='1.5'/%3E%3Cline x1='10' y1='16' x2='22' y2='16' stroke='%2300375A' stroke-width='1.5'/%3E%3Cline x1='10' y1='20' x2='22' y2='20' stroke='%2300375A' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* OPEN → X */
.custom-toggler[aria-expanded="true"] .toggler-icon {
  transform: rotate(90deg);
  opacity: 1;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' stroke='%23C20E19' stroke-width='1.5' fill='none'/%3E%3Cline x1='11' y1='11' x2='21' y2='21' stroke='%23C20E19' stroke-width='1.5'/%3E%3Cline x1='21' y1='11' x2='11' y2='21' stroke='%23C20E19' stroke-width='1.5'/%3E%3C/svg%3E");
}

.navbar-toggler:focus {
  box-shadow: none;
}

.mobile-nav {
  position: relative;
  height: 100vh;
  width: 100%;
  margin: 20px 0 0 0;
}
.mobile-panel {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.mobile-panel.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.35s ease;
}
/* incoming panel slides in */
.mobile-panel.slide-in {
  animation: slideIn 0.35s ease forwards;
}
/* outgoing parent fades */
.mobile-panel.is-parent {
  opacity: 0;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.mobile-back-item {
  font-weight: 600;
  cursor: pointer;
  color: var(--Colours-Colour-1, #00375a);
  font-size: 20px;
  font-weight: 600;
  padding: 18px 12px;
  border-bottom: 1px solid var(--Colours-Grey-CCC, #ccc);
}
.mobile-back-item:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 10px;
  margin-right: 20px;
  margin-bottom: 6px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M8.5 1L3.49846 4.33436C3.16462 4.55692 2.9977 4.6682 2.93953 4.80846C2.88867 4.93109 2.88867 5.06891 2.93953 5.19153C2.9977 5.3318 3.16462 5.44308 3.49846 5.66564L8.5 9' stroke='%2300375A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
  border: none;
}
.mobile-dropdown-item,
.mobile-nodropdown-item,
.mobile-panel a {
  display: block;
  text-decoration: none;
}
a.mobile-dropdown-item,
a.mobile-nodropdown-item {
  border-bottom: 1px solid var(--Colours-Grey-CCC, #ccc);
  color: var(--Colours-Grey-777, #777);
  font-size: 20px;
  font-weight: 600;
  padding: 18px 12px;
}
a.mobile-dropdown-item::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  margin-left: 16px;
  margin-bottom: 6px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 1L4.33436 6.00154C4.55692 6.33538 4.6682 6.5023 4.80847 6.56047C4.93109 6.61133 5.06891 6.61133 5.19154 6.56047C5.3318 6.5023 5.44308 6.33538 5.66564 6.00154L9 1' stroke='%23777777' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
  border: none;
}

.mobile-panel-1 a.mobile-dropdown-item {
  padding-left: 56px;
}
.mobile-panel-1 .mobile-subheader {
  color: var(--Colours-Colour-1, #00375a);
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid var(--Colours-Grey-CCC, #ccc);
  padding: 12px 28px 12px 56px;
}
.mobile-panel-1 a.mobile-item {
  padding: 12px 12px 12px 76px;
  color: var(--Colours-Grey-777, #777);
  font-size: 20px;
  font-weight: 400;
  border-bottom: 1px solid var(--Colours-Grey-CCC, #ccc);
}

.navbar {
  --bs-navbar-height: 72px;
}

.mobile-nav {
  height: calc(100vh - 82px);
}
.mobile-nav .btn.external {
  font-size: 12px;
  font-weight: 400;
  height: 36px;
}
@media (min-width: 1398.98px) {
  .mobile-nav.collapse.show {
    display: none;
  }
}

@media (max-width: 420px) {
  .mobile-nav {
    margin: 10px 0 0 0;
  }
  .mobile-back-item {
    font-size: 18px;
    font-weight: 600;
    padding: 14px 12px;
  }
  .mobile-back-item:before {
    margin-right: 15px;
    margin-bottom: 7px;
  }
  a.mobile-dropdown-item,
  a.mobile-nodropdown-item {
    font-size: 18px;
    padding: 14px 10px;
  }
  a.mobile-dropdown-item::after {
    margin-left: 9px;
    margin-bottom: 5px;
  }
  .mobile-panel-1 .mobile-subheader {
    font-size: 18px;
    padding: 12px 12px 12px 50px;
  }
  .mobile-panel-1 a.mobile-item {
    font-size: 18px;
    padding: 12px 12px 12px 76px;
  }
}

/* Search */
.navbar-search {
  position: relative;
}
.search-form-desktop {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  width: 0;
  transition: width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1050;
}
.search-form-desktop.active {
  opacity: 1;
  visibility: visible;
  width: 250px;
}
.search-form-desktop input {
  width: 100%;
}

/* Desktop buttons */
.navbar-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*---------------------
  Footer menu
-----------------------*/
.footer-nav .dropdown-menu {
  display: block; /* keep for animation */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  min-width: max-content; /* allows submenu to have its natural width */
  pointer-events: none;
  left: 0; /* left align */
  right: auto;
  background: none !important;
  border: none;
}

.footer-nav .nav {
  row-gap: 1rem;
}

.footer-nav .dropdown.show .dropdown-menu {
  max-height: 500px; /* large enough to fit all items */
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  position: relative;
}
.footer-nav .arrow {
  transition: transform 0.3s ease;
}
.footer-nav .dropdown.show .arrow {
  transform: rotate(180deg);
}
.footer-nav .nav-link {
  color: #ffffff;
  padding: 0 32px 0 0;
  font-weight: 600;
}
.footer-nav .nav-link:hover,
.footer-nav .dropdown.show .nav-link {
  color: var(--Highlight-1, var(--Colours-Highlight-1, #ff0032));
}

/* Smoothly animate parent width - slower now */
.footer-nav .dropdown > .nav-link {
  display: inline-block;
  transition: width 0.6s ease;
  white-space: nowrap;
}
.footer-nav .dropdown .dropdown-item {
  padding: 4px 0;
  color: var(--Grey-C, var(--Colours-Grey-CCC, #ccc));
  transition: color 0.6s ease;
}
.footer-nav .dropdown .dropdown-item:hover {
  color: #ffffff;
}

.footer-nav .dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  margin-left: 6px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 1L4.33436 6.00154C4.55692 6.33538 4.6682 6.5023 4.80847 6.56047C4.93109 6.61133 5.06891 6.61133 5.19154 6.56047C5.3318 6.5023 5.44308 6.33538 5.66564 6.00154L9 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
  border: none;
}
.footer-nav .dropdown.show .dropdown-toggle::after,
.footer-nav .dropdown .nav-link:hover.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 1L4.33436 6.00154C4.55692 6.33538 4.6682 6.5023 4.80847 6.56047C4.93109 6.61133 5.06891 6.61133 5.19154 6.56047C5.3318 6.5023 5.44308 6.33538 5.66564 6.00154L9 1' stroke='%23FF0032' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.footer-nav .dropdown.show .dropdown-toggle::after {
  transform: rotate(180deg);
}

/*---------------------
  Image Text Slider
-----------------------*/
.image-text-slider {
  position: relative;
}
.image-text-slider .image-wrapper {
  width: 100%;
  height: 304px;
  overflow: hidden;
}
.image-text-slider.large400 .image-wrapper {
  height: 400px;
}
@media (max-width: 767px) {
  .image-text-slider.large400 .image-wrapper {
    height: 250px;
  }
}
.image-text-slider .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.image-it-slider {
  border-radius: 24px 4px;
  overflow: hidden;
}
.image-text-slider .splide__arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.15s, opacity 0.15s;
  font-size: 0;
  position: absolute;
  opacity: 1;
  background: var(--Colours-Colour-1, #00375a);
}
.image-text-slider .custom-prev.is-disabled,
.image-text-slider .custom-next.is-disabled,
.image-text-slider .custom-prev[disabled],
.image-text-slider .custom-next[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  background: var(--Colours-Grey-777, #777);
}
.image-text-slider .custom-prev:focus:not([disabled]),
.image-text-slider .custom-next:focus:not([disabled]) {
  outline: 0px solid #00bbff;
  box-shadow: none;
}

/*---------------------
  Disable Page
-----------------------*/
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.overflow-hidden {
  overflow: hidden;
}
dialog {
  background-color: transparent;
  padding: 0;
  position: fixed;
  transition-duration: 0.2s;
  color: transparent !important;
}
dialog {
  --tw-text-opacity: 1;
  color: rgb(65 40 20 / var(--tw-text-opacity));
}
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}
.disable-spinner {
  animation: disable-spin 1s linear infinite;
  border: 5px solid hsla(0, 0%, 100%, 0.05);
  border-radius: 100%;
  border-top-color: #fff;
  display: inline-block;
  height: 100px;
  width: 100px;
}
@keyframes disable-spin {
  to {
    transform: rotate(1turn);
  }
}
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50% {
    transform: translateX(-8%);
  }
  65% {
    transform: translateX(4%);
  }
  80% {
    transform: translateX(-4%);
  }
  95% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  50% {
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

.download-links {
  display: flex;
  gap: 20px;
}

.link {
  text-decoration: none;
  color: var(--Colours-Colour-1, #00375a);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
}

.link::before {
  content: "";
  display: block;
  width: 33px;
  height: 43px;
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-size: 100% 50%, 100% 50%; /* Make each image take up half the height */
  background-position: top center, bottom center; /* Position the first image at the top and the second at the bottom */
}

.link.file-pdf::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='22' viewBox='0 0 33 22' fill='none'%3E%3Cpath d='M20.9 1V9.72727C20.9 10.3059 21.1318 10.8609 21.5444 11.2701C21.957 11.6792 22.5165 11.9091 23.1 11.9091H31.9' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.09998 20.6364V5.36364C1.09998 4.20633 1.56355 3.09642 2.38871 2.27808C3.21387 1.45974 4.33302 1 5.49998 1H20.9L31.9 11.9091V20.6364' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='14' viewBox='0 0 33 12' fill='none'%3E%3Cpath d='M1.36036 14.0001C0.504505 14.0001 0 13.4808 0 12.5943V2.31498C0 1.42852 0.504505 0.90918 1.36036 0.90918H5.28829C7.95496 0.90918 9.79279 2.67314 9.79279 5.33251C9.79279 7.98293 7.89189 9.75584 5.15315 9.75584H2.72072V12.5943C2.72072 13.4808 2.21622 14.0001 1.36036 14.0001ZM2.72072 7.64267H4.55856C6.11712 7.64267 7.02703 6.81889 7.02703 5.34146C7.02703 3.87299 6.12613 3.04921 4.56757 3.04921H2.72072V7.64267Z' fill='%2300375A'/%3E%3Cpath d='M12.7658 13.83C11.9099 13.83 11.4054 13.3106 11.4054 12.4152V2.31498C11.4054 1.42852 11.9099 0.90918 12.7658 0.90918H16.3694C20.2703 0.90918 22.5676 3.21934 22.5676 7.32032C22.5676 11.4213 20.2703 13.83 16.3694 13.83H12.7658ZM14.1261 11.5914H16.045C18.4775 11.5914 19.7928 10.123 19.7928 7.32928C19.7928 4.62514 18.4414 3.13875 16.045 3.13875H14.1261V11.5914Z' fill='%2300375A'/%3E%3Cpath d='M25.6847 14.0001C24.8288 14.0001 24.3243 13.4808 24.3243 12.5943V2.31498C24.3243 1.42852 24.8288 0.90918 25.6847 0.90918H31.7658C32.5135 0.90918 33 1.33002 33 2.02844C33 2.72686 32.5045 3.14771 31.7658 3.14771H27.045V6.60399H31.3243C32.027 6.60399 32.4865 7.00693 32.4865 7.66953C32.4865 8.34109 32.036 8.74403 31.3243 8.74403H27.045V12.5943C27.045 13.4808 26.5405 14.0001 25.6847 14.0001Z' fill='%2300375A'/%3E%3C/svg%3E");
  background-size: 100% 50%, 100% 44%;
}
.link.file-zip::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='22' viewBox='0 0 33 22' fill='none'%3E%3Cpath d='M20.9 1V9.72727C20.9 10.3059 21.1318 10.8609 21.5444 11.2701C21.957 11.6792 22.5165 11.9091 23.1 11.9091H31.9' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.09998 20.6364V5.36364C1.09998 4.20633 1.56355 3.09642 2.38871 2.27808C3.21387 1.45974 4.33302 1 5.49998 1H20.9L31.9 11.9091V20.6364' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14' viewBox='0 0 24 12' fill='none'%3E%3Cpath d='M1.2439 11.8462C0.495935 11.8462 0 11.4008 0 10.7206C0 10.3806 0.105691 10.1134 0.357724 9.77328L5.95935 2.24292V2.18623H1.10569C0.447154 2.18623 0 1.80567 0 1.17409C0 0.54251 0.439024 0.161943 1.10569 0.161943H7.64228C8.4065 0.161943 8.89431 0.615385 8.89431 1.32794C8.89431 1.7004 8.73984 1.95142 8.52032 2.25101L2.95935 9.75708V9.82186H8.08943C8.76423 9.82186 9.20325 10.2024 9.20325 10.834C9.20325 11.4656 8.7561 11.8462 8.08943 11.8462H1.2439Z' fill='%2300375A'/%3E%3Cpath d='M11.9837 12C11.2114 12 10.7561 11.5304 10.7561 10.7287V1.27935C10.7561 0.469636 11.2114 0 11.9837 0C12.7561 0 13.2114 0.469636 13.2114 1.27935V10.7287C13.2114 11.5304 12.7561 12 11.9837 12Z' fill='%2300375A'/%3E%3Cpath d='M16.3902 12C15.6179 12 15.1626 11.5304 15.1626 10.7287V1.4332C15.1626 0.631579 15.6179 0.161943 16.3902 0.161943H19.935C22.3415 0.161943 24 1.75709 24 4.16194C24 6.5587 22.2846 8.16194 19.813 8.16194H17.6179V10.7287C17.6179 11.5304 17.1626 12 16.3902 12ZM17.6179 6.25101H19.2764C20.6829 6.25101 21.5041 5.50607 21.5041 4.17004C21.5041 2.84211 20.6911 2.09717 19.2846 2.09717H17.6179V6.25101Z' fill='%2300375A'/%3E%3C/svg%3E");
  background-size: 100% 50%, 100% 33%;
}
.link.file-inline::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='20' viewBox='0 0 28 20' fill='none'%3E%3Cpath d='M15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 16C17.3137 16 20 13.3137 20 10C20 6.68629 17.3137 4 14 4C10.6863 4 8 6.68629 8 10C8 13.3137 10.6863 16 14 16Z' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 1C18.1091 1 21.3649 3.28269 23.6504 5.68848C24.7854 6.88321 25.654 8.08204 26.2393 8.98242C26.5085 9.39666 26.7157 9.74631 26.8604 10C26.7157 10.2537 26.5085 10.6033 26.2393 11.0176C25.654 11.918 24.7854 13.1168 23.6504 14.3115C21.3649 16.7173 18.1091 19 14 19C9.89089 19 6.6351 16.7173 4.34961 14.3115C3.21462 13.1168 2.34601 11.918 1.76074 11.0176C1.49134 10.6031 1.28331 10.2537 1.13867 10C1.28331 9.74627 1.49134 9.39688 1.76074 8.98242C2.34601 8.08204 3.21462 6.88321 4.34961 5.68848C6.6351 3.28269 9.89089 1 14 1Z' stroke='%2300375A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='12' viewBox='0 0 50 12' fill='none'%3E%3Cpath d='M42.7129 11.8462C41.9437 11.8462 41.4902 11.3766 41.4902 10.5668V1.43324C41.4902 0.631623 41.9437 0.161987 42.7129 0.161987H48.2676C48.9396 0.161987 49.3769 0.542554 49.3769 1.17413C49.3769 1.80571 48.9315 2.18628 48.2676 2.18628H43.9356V4.996H48.057C48.6643 4.996 49.0773 5.35227 49.0773 5.93527C49.0773 6.51826 48.6724 6.87454 48.057 6.87454H43.9356V9.82191H48.2676C48.9315 9.82191 49.3769 10.2025 49.3769 10.8341C49.3769 11.4656 48.9396 11.8462 48.2676 11.8462H42.7129Z' fill='%2300375A'/%3E%3Cpath d='M30.8098 12C30.073 12 29.6357 11.5547 29.6357 10.7773V1.22267C29.6357 0.445344 30.0892 0 30.8665 0C31.3685 0 31.7086 0.202429 32.0811 0.712551L37.1337 7.77328H37.1985V1.23077C37.1985 0.445344 37.6357 0 38.3726 0C39.1094 0 39.5386 0.445344 39.5386 1.23077V10.8097C39.5386 11.5709 39.1094 12 38.3402 12C37.8139 12 37.49 11.8138 37.1175 11.2955L32.0487 4.19433H31.9758V10.7773C31.9758 11.5547 31.5386 12 30.8098 12Z' fill='%2300375A'/%3E%3Cpath d='M26.4697 12C25.7005 12 25.2471 11.5304 25.2471 10.7287V1.27935C25.2471 0.469636 25.7005 0 26.4697 0C27.239 0 27.6924 0.469636 27.6924 1.27935V10.7287C27.6924 11.5304 27.239 12 26.4697 12Z' fill='%2300375A'/%3E%3Cpath d='M17.4658 11.8462C16.6966 11.8462 16.2432 11.3765 16.2432 10.5668V1.27935C16.2432 0.469636 16.6966 0 17.4658 0C18.2351 0 18.6885 0.469636 18.6885 1.27935V9.82186H22.8343C23.4982 9.82186 23.9436 10.2024 23.9436 10.834C23.9436 11.4656 23.5063 11.8462 22.8343 11.8462H17.4658Z' fill='%2300375A'/%3E%3Cpath d='M5.56276 12C4.82592 12 4.38867 11.5547 4.38867 10.7773V1.22267C4.38867 0.445344 4.84211 0 5.61944 0C6.12147 0 6.46155 0.202429 6.83402 0.712551L11.8866 7.77328H11.9514V1.23077C11.9514 0.445344 12.3887 0 13.1255 0C13.8624 0 14.2915 0.445344 14.2915 1.23077V10.8097C14.2915 11.5709 13.8624 12 13.0931 12C12.5668 12 12.2429 11.8138 11.8705 11.2955L6.80163 4.19433H6.72875V10.7773C6.72875 11.5547 6.29151 12 5.56276 12Z' fill='%2300375A'/%3E%3Cpath d='M1.22267 12C0.453441 12 0 11.5304 0 10.7287V1.27935C0 0.469636 0.453441 0 1.22267 0C1.9919 0 2.44534 0.469636 2.44534 1.27935V10.7287C2.44534 11.5304 1.9919 12 1.22267 12Z' fill='%2300375A'/%3E%3C/svg%3E");
  background-size: 100% 50%, 100% 34%;
}

/*---------------------
  Age Verification Overlay
-----------------------*/
.age-overlay {
  min-height: 100vh;
  background: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  z-index: 999999;
  overflow: hidden;
}
.age-overlay .form-check-label {
  color: #ffffff;
}
.age-overlay .form-check-input {
  border: 1px solid #ffffff;
}
.age-overlay .form-check-input:checked::after {
  border: solid #fafafa;
  border-width: 0 2px 2px 0;
}
.age-logo {
  max-width: 250px;
}
.age-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/about-farsons-header.jpg") center/cover no-repeat;
  z-index: 1;
}
.age-tint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 55, 90, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 2;
}
.age-content {
  position: relative;
  z-index: 3;
}
@media (max-width: 768px) {
  .age-logo {
    max-width: 150px;
  }
  .age-content h1 {
    font-size: 32px;
  }
  .age-content p {
    font-size: 15px;
  }
  .age-overlay .form-check-label {
    font-size: 14px;
  }
  .age-content .btn {
    justify-content: center;
  }
}

/*---------------------
  Experience Farsons Page
-----------------------*/
/* .visit-us-header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  mix-blend-mode: multiply;
} */

.brewery-tours-section {
  margin-bottom: 100px;
}

.brewery-tours-section .row > * {
  margin-top: 0px;
}

.brewery-tours-section .section-title {
  padding-bottom: 16px;
}

.brewery-tours-section .cta-arrow {
  line-height: normal;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .brewery-tours-section .text-container {
    max-width: 420px;
  }

  .brewery-tours-section .cta-arrow span {
    width: 320px;
  }

  .brewery-tours-section .brewery-tours-image {
    width: 846px;
    height: 560px;
  }
}

.brewery-tours-section .brewery-tours-image {
  object-fit: cover;
}

@media (max-width: 992px) {
  .brewery-tours-section .section-subtitle {
    padding-top: 32px;
  }
}

.education-tours-section {
  color: #ffffff;
  padding: 140px 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%),
    url(/images/educational-tours-section-image.jpg) lightgray 50% / cover no-repeat;
}

.education-tours-section .section-title {
  padding-bottom: 16px;
}

.education-tours-section .btn.white {
  margin-top: 50px;
}

.education-tours-section .section-subheading {
  padding-bottom: 40px;
}

.education-tours-section .text-container {
  max-width: 640px;
}

@media (max-width: 992px) {
  .education-tours-section {
    padding: 60px 0px;
  }
}